@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');

html {
    scroll-behavior: smooth;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

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

body {
    font-family: 'Lato', sans-serif;
    font-size: 20px !important;
    margin: 0;
    padding: 0;
    font-weight: 400;
    color: #030712;
    background-color: #dedede
}

/* body {font-family: 'Lato', sans-serif; font-size: 14px; margin: 0; padding: 0; font-weight: 400;color:#030712;background-color: #dedede} */

a {
    color: #000;
    text-decoration: none;
    transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
}

a:focus {
    outline: none;
    text-decoration: none;
    /*color: #3c97ac;*/
}

a:hover,
a:active {
    outline: 0;
    text-decoration: none;
    color: #3c97ac;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    color: #000;
    margin: 0px;
    padding: 0px;
    line-height: 1.4;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
}

h1 {
    font-size: 32px;
    font-weight: 600;
    color: rgba(37, 99, 235, 1);
    font-family: 'Manrope', sans-serif;
}

h2 {
    font-size: 16px;
}

h3 {}

h4 {}

h5 {}

h6 {}

img {
    border: 0;
    vertical-align: top;
    height: auto;
    max-width: 100%;
}

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

p {
    font-size: 14px;
    color: #030712;
    margin: 0px;
}

/*landing page common css*/

.poppin {
    font-family: 'Manrope', sans-serif;
}

/*end landing common css*/
.btn-bg {
    background: linear-gradient(135deg, #2194FF 0%, #2563EB 100%) !important;
}

.btn-theme {
    background: #6F6AF8;
    border-radius: 37px;
    padding: 8px 18px;
    font-size: 14px;
    color: #fff;
    border: 1px solid transparent;
    transition: all 0.5s ease;
    font-family: 'Manrope', sans-serif;
}

.btn-theme:hover {
    background: transparent !important;
    border-color: #2563EB !important;
    color: #2563EB !important;
}

a.btn-theme.border-blue:hover {
    background: linear-gradient(135deg, #2194FF 0%, #2563EB 100%) !important;
    border-color: #2563EB !important;
    color: #fff !important;
}

a.btn-theme.border-blue:hover svg>path {
    stroke: #fff;
}

/*gray*/
.btn-theme.gray-bg {
    color: #6F6AF8;
    background: rgba(111, 106, 248, 0.24);
}

.btn-theme.gray-bg:hover {
    color: #6F6AF8;
    background: transparent;
    border-color: #6F6AF8;
}

.gray-bg {
    background: rgba(111, 106, 248, 0.24);
}

.text-black-theme {
    color: #280357;
}

.text-gray {
    color: rgba(111, 106, 248, 0.24);
}

.text-gray2 {
    color: #929292;
}

.text-green {
    color: #3FD14A;
}

.text-orange {
    color: #EDA635;
}

.text-skyblue {
    color: #1BA5ED;
}

.text-primary {
    color: #6F6AF8 !important;
}

/*blue*/
.btn-theme.blue-bg {
    background: #6F6AF8;
}

.btn-theme.blue-bg:hover {
    background: transparent;
    color: #000;
    border: 1px solid #6F6AF8;
}

.blue-bg {
    background: #6F6AF8 !important;
}

.text-blue {
    color: #2563EB !important;
}

.border-blue {
    border-color: #2563EB !important;
}

.border-radius-5 {
    border-radius: 5px;
}

.font-size-14 {
    font-size: 14px !important;
}

.font-size-16 {
    font-size: 16px !important;
}

.font-size-18 {
    font-size: 18px !important;
}

.font-size-24 {
    font-size: 24px !important;
}

.font-size-20 {
    font-size: 20px !important;
}

.height-500 {
    height: 500px !important;
}

.height-646 {
    height: 646px !important;
}



.content-main-box {
    padding: 11px 11px 0px 220px;
    height: fit-content;
    min-height: 0vh;
    height: auto;
}

/* .content-main-box {padding:11px 11px 11px 220px;min-height:0vh; height: auto;} */
/* .content-wrap {height: 100%; border-radius:33px;padding:20px 30px 30px 30px;} */
.content-wrap {
    height: 100%;
    border-radius: 33px;
    padding: 0px 30px 0px 30px;
}


/* .side_menu.active{width:60px;position:absolute;opacity:1;z-index:1111;background: #000000;} */

.side_menu.active .scrollbar {
    height: auto;
}

.side_menu .menu .scrollbar {
    height: auto;
    padding: 0 16px;
    /*margin-bottom: 40px;*/
}

body.body_active {
    overflow: hidden;
}

.width-33 {
    width: 31% !important;
}

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

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

.height_98vh {
    min-height: 100vh;
}

.csutom-left-border {
    border-left: 1px solid #dee2e6 !important;
}

/***********************************************************************************************************************/
/*side menu */
/***********************************************************************************************************************/
.side_menu {
    padding: 0 0px 10px;
    width: 220px;
    position: fixed;
    top: 0px;
}

.side_menu .menu {
    display: flex;
    flex-flow: column;
    height: 100%;
}

.side_menu .menu ul li {
    margin-bottom: 6px;
}

.side_menu .menu ul li a span {
    display: flex;
}

.side_menu .menu ul li a {
    padding: 10px 20px;
    display: block;
    color: rgba(190, 208, 249, 1);
}

.side_menu .menu ul li.active a {
    color: rgba(37, 99, 235, 1);
    border-radius: 10px;
}

.side_menu .menu ul li.active a:hover {
    /*background:#fff !important;*/
}

.side_menu .menu ul li a svg path {
    fill: #BED0F9;
}

.side_menu .menu ul li.active a svg path {
    fill: rgba(37, 99, 235, 1);
}

/*.side_menu .menu ul:first-child li a:hover,.side_menu .menu ul li .chld_menu_main a:hover.child_menu {
    background: rgba(236, 242, 255, 0.1);
    border-radius: 10px;
}*/




/*side menu child dropdown*/
.side_menu .menu ul li .cstm_drpdn_mnu {
    padding: 10px 20px;
    display: flex;
    color: rgba(190, 208, 249, 1);
}

.side_menu .menu ul li.active .cstm_drpdn_mnu {
    background: #fff;
    color: rgba(37, 99, 235, 1);
    border-radius: 10px;
}

.side_menu .menu ul li.active .cstm_drpdn_mnu svg path {
    stroke: rgba(37, 99, 235, 1);
}

.side_menu .menu ul li .chld_menu_main a.active.child_menu {
    color: #fcd53a;
}

.side_menu .menu ul li .chld_menu_main a.child_menu {
    padding: 10px 20px 10px;
    margin-bottom: 6px;
}

.side_menu .menu ul li .chld_menu_main {
    padding: 0 0 0 28px;
    margin-top: 8px;
}

.side_menu .menu ul li .chld_menu_main a.active.child_menu svg path {
    fill: #fcd53a;
}

.side_menu .menu ul li .chld_menu_main a.child_menu {
    background: transparent;
    color: #BED0F9;
}

.side_menu .menu ul li .chld_menu_main a.child_menu svg path {
    fill: #BED0F9;
}

.side_menu .menu ul li.active .chld_menu_main a:hover.child_menu {
    background: rgba(236, 242, 255, 0.1) !important;
}

.cstm_drpdn_mnu .chd_drpdwn_icon svg path {
    stroke: rgba(190, 208, 249, 1);
}


/*.side_menu .menu ul li.active a svg path{fill:#fff;}*/
.side_menu .logo a {
    padding: 34px 13px 48px 20px;
    display: block;
}

.contact a.btn-theme {
    padding: 7px 20px !important;
}

.contact a:hover {
    background: transparent;
    color: #000;
    border-color: #F6D365;
}

/*header_profile*/
.porfile-name img {
    border: 2px solid rgb(190 208 249 / 25%);
    border-radius: 100%;
}

.porfile-name .ctn-details span {
    font-size: 14px;
    line-height: 14px;
    color: #030712;
}

.porfile-name .ctn-details p.pofile-post {
    font-size: 12px;
    color: #9197A6;
}

/***********************************************************************************************************************/
/*notification*/
/***********************************************************************************************************************/
span.digit {
    width: 18px !important;
    height: 18px !important;
    background: #E2362F;
    border-radius: 100%;
    position: absolute;
    top: 2px;
    right: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 12px;
}

.notification {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 20px 0 78px;
}

/***********************************************************************************************************************/
/*search-box*/
/***********************************************************************************************************************/
.search-box {
    padding: 13px 15px 12px 40px;
    max-width: 100%;
    width: 50%;
    border-radius: 10px;
    border: 1px solid #EBF0ED;
}

.search-box span {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
}

.search-box input {
    border: 0px;
}

.search-box input::placeholder {
    color: #9197A6;
}

.search-box input:focus {
    border: 1px solid;
    outline: none;
}

.search-only-icon a {
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
}

/***********************************************************************************************************************/
/*dashbard*/
/***********************************************************************************************************************/


/*custom-checkbox css*/
.form-check input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.form-check label {
    /* position:relative; */
    cursor: pointer;
    height: 100%;
    display: flex;
}

.form-check label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 7px;
    display: inline-block;
    /*position: absolute;*/
    vertical-align: middle;
    cursor: pointer;
    right: -39px;
    border: 1px solid #6F6AF8;
    border-radius: 3px;
}

/*.form-check input:checked + label:after{content: '';display: block;position: absolute;    top: 7px;
    right: 6px;
    width: 4px;
    height: 8px;border: solid #6F6AF8;border-width: 0 2px 2px 0;transform: rotate(45deg);}*/

.form-check input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 53%;
    right: 41%;
    width: 4px;
    height: 8px;
    border: solid #6F6AF8;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) translate(-50%, -50%);
}

/*.form-control:focus{box-shadow:0 0 0 0.1rem rgb(94 23 235);border-color:#5e17eb;}*/
.form-control:focus {
    outline: none;
    box-shadow: none;
}

.form-control1:focus {
    outline: none;
    border: none;
    box-shadow: none;
}

/*create a task*/
.today_crt_task .card {
    padding: 17px 15px 0 15px;
}


/*tab-lsit-csutom*/
.tab_list {
    border-right: 1px solid rgb(0 0 0 / 10%)
}

.tab_list .nav {
    padding: 0 10px;
}

/*.tab_list .nav.nav-pills .nav-link.active{background:rgba(111,106,248,0.12);color:#000;border-radius:6px;}*/
.tab_list .nav.nav-pills .nav-link.active {
    background: transparent;
    color: #F7790B;
}

.tab_list .nav.nav-pills .nav-link.active svg path {
    stroke: #F7790B;
}

.tab_list .nav.nav-pills .nav-link {
    padding: 1px 10px;
    margin-bottom: 16px;
    color: #030712;
}

.tab_list .nav.nav-pills .nav-link:hover {
    background: transparent;
    color: #F7790B;
    border-radius: 6px;
}

.tab_list .nav.nav-pills .nav-link:hover svg path {
    stroke: #F7790B;
}

.wh-38 img {
    width: 40px;
    height: 40px;
}

.list_of_user ul li {
    padding: 13px 8px;
    border-bottom: 1px solid #f5f5f5;
}

.list_of_user ul li.active {
    background: linear-gradient(90deg, #F5F5F5 22.11%, rgba(255, 255, 255, 0) 78.76%);
    border-left: 4px solid #6F6AF8;
}

.list_of_user ul li a:hover {
    color: inherit;
}

.level_info span {
    font-size: 14px;
}

.clend_date span {
    font-size: 14px;
}

/*scrollbar*/
.scrollbar,
.card_scroll {
    float: left;
    height: 800px;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}

#style-3::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #ededfe;
}

#style-3::-webkit-scrollbar {
    width: 0px;
    background-color: #ededfe;
}

#style-3::-webkit-scrollbar-thumb {
    background-color: #6f6af8;
}

#style-2::-webkit-scrollbar-track {
    /*-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#ededfe;*/
    margin-bottom: 20px;
}

#style-2::-webkit-scrollbar {
    width: 4px;
    background-color: transparent;
}

#style-2::-webkit-scrollbar-thumb {
    background-color: #C9CFDB;
    border-radius: 33px;
}


.commone_scroll::-webkit-scrollbar-track {
    /*-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#ededfe;*/
    margin-bottom: 20px;
}

.commone_scroll::-webkit-scrollbar {
    width: 4px;
    background-color: transparent;
}

.commone_scroll::-webkit-scrollbar-thumb {
    background-color: #C9CFDB;
    border-radius: 33px;
}

/**/
.members_dis span+span {
    font-size: 14px;
}

/*team pop section*/
.trading_Secrt .trad_img_edit img {
    width: 70px;
    height: 70px;
}

.trading_Secrt .edit_image {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: 25px;
    height: 25px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.trading_Secrt .trend-right .team_name {
    font-weight: 700;
    /*font-size:14px;line-height:18px;*/
}

.left_side_toch .modal-dialog {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    width: 100%;
}


/*new custom tabing*/
.custom_tabing {
    padding: 0px 24px 0px;
    margin-bottom: 15px;
}

.custom_tabing .nav-tabs .nav-item.show .nav-link,
.custom_tabing .nav-tabs .nav-link.active {
    border-color: transparent transparent #2563EB transparent;
}

.custom_tabing .nav-tabs .nav-link:focus,
.custom_tabing .nav-tabs .nav-link:hover {
    border-color: transparent transparent #2563EB transparent;
}

.custom_tabing .nav-tabs .nav-link {
    border-width: 3px;
    border-radius: 0px;
    color: #C1C9DB;
    font-family: 'Manrope', sans-serif;
}

.custom_tabing .nav-tabs .nav-item.show .nav-link,
.custom_tabing .nav-tabs .nav-link.active {
    color: #2563EB;
}

/*Tooltips*/
.common_textarea {
    background: #FBFBFF;
    border-radius: 7px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    font-size: 15px;
    padding: 15px 15px;
}

.common_textarea:focus {
    outline: none;
}



ul.social_med_btn li a {
    color: #6F6AF8;
    border: 1px solid #6F6AF8;
}

/*Select custom css*/
/** Custom Select **/
.custom-select-wrapper {
    position: relative;
    display: inline-block;
    user-select: none;
}

.custom-select-wrapper select {
    display: none;
}

.custom-select {
    position: relative;
    display: inline-block;
}

.custom-select-trigger {
    position: relative;
    display: block;
    width: auto;
    border-radius: 4px;
    cursor: pointer;
}

.custom-select-trigger:after {
    position: absolute;
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    top: 50%;
    right: -20px;
    margin-top: -3px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.38);
    border-right: 2px solid rgba(0, 0, 0, 0.38);
    transform: rotate(45deg) translateY(-50%);
    transition: all .4s ease-in-out;
    transform-origin: 50% 0;
}

.custom-select.opened .custom-select-trigger:after {
    margin-top: 3px;
    transform: rotate(-135deg) translateY(-50%);
}

.custom-options {
    position: absolute;
    display: block;
    bottom: 50px;
    left: 0;
    right: 0;
    min-width: 100%;
    width: 250px;
    box-sizing: border-box;
    background: #fff;
    transition: all .4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px);
    box-shadow: 0px 1px 7px rgba(111, 106, 248, 0.21);
    border-radius: 24px;
}

.custom-select.opened .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
}

.custom-options:before {
    position: absolute;
    display: block;
}

.option-hover:before {
    background: #f9f9f9;
}

.custom-option {
    position: relative;
    display: block;
    padding: 0 21px;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    line-height: 47px;
    cursor: pointer;
    transition: all .4s ease-in-out;
}

.custom-option:first-of-type {
    border-radius: 4px 4px 0 0;
}

.custom-option:last-of-type {
    border-bottom: 0;
    border-radius: 0 0 4px 4px;
}

.custom-option:hover,
.custom-option.selection {
    color: #6F6AF8;
}


.border_radiud_theme .modal-content {
    border-radius: 15px;
}

.file_icon {
    bottom: 15px;
    right: 15px;
}



/*new custom form*/
.custom_form select.form-select {
    background: transparent;
    border-radius: 6px;
    width: 100%;
    padding: 10px 16px;
    border: none;
    color: #9197A6;
    font-size: 14px;
    border: 1px solid #E4EAF7;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
}

/*.custom_form select.form-select:focus {outline: none;box-shadow:0 0 0 0.1rem rgb(94 23 235);border-color:#5e17eb;}*/
.custom_form input.form-control {
    background: #F5F8FF;
    border-radius: 6px;
    width: 100%;
    padding: 10px 16px;
    border: none;
    color: #9197A6;
    height: auto;
    font-size: 14px;
    border: 1px solid #F5F8FF;
}

.custom_form .form-group label {
    color: #62656D;
}

.custom_form .form-group textarea.form-control {
    background: #F5F8FF;
    border-radius: 6px;
    width: 100%;
    padding: 10px 16px;
    border: none;
    color: #9197A6;
    font-size: 14px;
    border: 1px solid #F5F8FF;
    resize: none;
}

/*dashboard*/
.dashboard_form input.form-control,
.dashboard_form textarea.form-control {
    border: 1px solid #E4EAF7 !important;
}

button.close.left_side {
    right: 20px;
}

.mdal_fter {
    padding: 30px 20px 30px;
    margin-top: 20px;
}

.mdal_fter .mdal_fter_ctn h3 {
    margin-bottom: 15px;
}

.mdal_fter .mdal_fter_ctn p {
    font-size: 14px;
    line-height: 1.2;
}

/*checkbox css*/
.planned_list .plan_box {
    background: #FBFBFF;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    margin-bottom: 20px;
}

.planned_list .plan_box .form-check label:before {
    right: 24px;
    top: 47px;
}

.planned_list .plan_box .form-check label:after {
    top: 46px;
    right: 27px;
}

.planned_list .plan_box .plann_img {
    margin-right: 20px;
    position: relative;
    padding: 20px 25px;
}

.planned_list .plan_box .plann_img:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 1px;
    background: #6F6AF81F;
}

.planned_list .plan_box .plann_ctn {
    padding: 20px 0 20px 0;
}

.planned_list .plan_box .form-check {
    padding: 20px 20px;
}

/*pop profile contact media*/
.img_profile img {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    margin-bottom: 20px;
}


/*concept_section*/
.concep_list_menu .left {
    border-right: 1px solid #F2F2F2;
}

.concep_list_menu .left .concept_list ul {
    margin-bottom: 35px;
}

.concep_list_menu .left .concept_list ul li {
    padding: 10px 10px;
    border-bottom: 1px solid #F2F2F2;
}

.concep_list_menu .right p {
    font-size: 24px;
}


.script_area .right .script_banner {
    background: #FBFBFF;
    padding: 20px 25px;
}

.script_area .right .subject input {
    border: 1px solid #F2F2F2;
    width: 100%;
    padding: 10px 20px;
}

.script_area .right .textarea_box textarea {
    width: 100%;
    border: 0;
    padding: 20px 20px;
}

.script_area .right .textarea_box textarea:focus {
    outline: none;
}

.textarea_box .text_area_btn {
    display: flex;
}

.textarea_box .text_area_btn a {
    background: #FBFBFF;
    border-radius: 49px;
    width: 40px;
    height: 40px;
    margin-right: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.textarea_box .text_area_btn a:last-child {
    margin-right: 0;
}

ul.script_list li {
    padding: 8px 12px;
}

ul.script_list li.active {
    border-left: 4px solid #6F6AF8;
    background: #FBFBFF;
}

ul.script_list li h5 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
}

ul.script_list li p {
    color: #929292;
    font-size: 14px;
}

.set_productivity .form-check label:before {
    right: 0;
    top: 0;
}

.set_productivity .form-check input:checked+label:after {
    right: 0;
}

/**/
.team_right_side .card {
    padding: 15px;
}

.team_right_side .card h2 {
    font-size: 16px;
}


/*calendar css*/

.button-container-calendar button {
    cursor: pointer;
    border: none;
    padding: 0px 0 5px 2px;
    border-width: 2px 2px 2px 1px;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    background: #fff;
    font-size: 31px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button-container-calendar button:focus {
    outline: none;
}

.cal_header {
    margin-bottom: 32px;
}

.table-calendar {
    border-collapse: collapse;
    width: 100%;
}

.table-calendar td,
.table-calendar th {
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    height: 35px;
    width: 35px;
    margin: 0 auto;
    font-size: 14px;
}

.date-picker.selected {
    font-weight: bold;
    background: #6F6AF8;
    border-radius: 100%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

/* friday */
#monthAndYear {
    text-align: center;
    margin-top: 0;
}

.button-container-calendar {
    position: relative;
    overflow: hidden;
    clear: both;
}

#previous {
    float: left;
}

#next {
    float: right;
}

.footer-container-calendar {
    margin-top: 1em;
    border-top: 1px solid #dadada;
    padding: 10px 0;
}

.footer-container-calendar select {
    cursor: pointer;
    display: inline-block;
    zoom: 1;
    background: #ffffff;
    color: #585858;
    border: 1px solid #bfc5c5;
    border-radius: 3px;
    padding: 5px 1em;
}

.table-calendar th {
    color: #570861;
    font-size: 14px;
}



/*progrees bar */
.progressbar {
    width: 100%;
    padding: 18px;
    margin: 60px 0 20px;
}

.progressbar::before,
.progressbar::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    background-image: linear-gradient(90deg, #E8C558 0%, #F09277 20%, #CAAEFA 20%, #9153F4 40%, #16D9E3 40%, #46AEF7 60%, #84FAB0 60%, #8FD3F4 80%, #FF9A9E 80%, #FFC7B7 100%);
}

.progressbar::before {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1);
}

.progressbar::after {}

.stylization {
    position: relative;
}

.stylization span {
    position: absolute;
    top: -70px;
    background: linear-gradient(90deg, #16D9E3 0%, #30C7EC 47%, #46AEF7 100%), linear-gradient(90deg, #E8C558 0%, #F09277 100%), #FFFFFF;
    border-radius: 6.51349px;
    color: #fff;
    padding: 5px 11px;
    left: 50%;
    transform: translateX(-50%);
}

.stylization span:after {
    content: '';
    position: absolute;
    top: 100%;
    right: 14px;
    border: 7px solid #2bcaea;
    border-color: #3fb6f4 transparent transparent transparent;
}

.set_status_level li a {
    border: 1px solid #F2F2F2;
}



/*my conact page css*/
.my_contact_sec .scrollbar {
    height: 762px;
}

/*my-goal page css*/
ul.goal_setp li span.border-div {
    height: 10px;
    width: 130px;
    background: rgb(217, 217, 217);
    display: block;
}

ul.goal_setp li.active span.border-div {
    background: rgb(111 106 248 / 60%);
}

ul.goal_setp li.active.comp span.border-div {
    background: #6F6AF8;
}

ul.goal_setp li span.step-count {
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
}

ul.goal_setp li span.step-count+span {
    margin-bottom: 8px;
    display: block;
}

.goal_button a.opa_down {
    background: rgba(111, 106, 248, 0.2);
}

.date_to_date .custom_form select.form-select {
    border: 1px solid #6F6AF8;
    padding: 9px 15px;
    background: #fff;
}

.input-group.dollar_sec .input-group-prepend span.input-group-text {
    padding: 10px 20px;
    background: #F2F2F2;
    border: none;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.input-group.dollar_sec input:focus {
    box-shadow: none;
}

.custom_strip .table-striped tbody tr:nth-of-type(even) {
    background: linear-gradient(90deg, #F5F5F5 22.11%, rgba(255, 255, 255, 0) 78.76%);
}

.custom_strip .table-striped tbody tr:nth-of-type(odd) {
    background: transparent;
}

.custom_strip table tr td,
.custom_strip table tr>th {
    text-align: center;
}



/*notification-ui_dd-content*/
.notification .dropdown-menu.notification-ui_dd {
    min-width: auto;
    right: 0;
    box-shadow: 0px 1px 7px rgba(111, 106, 248, 0.21);
    border-radius: 24px;
    width: 500px;
    margin: 0 0 0 auto;
    padding-top: 0;
    padding-bottom: 0;
}

.notification .dropdown-menu.notification-ui_dd-content .notification-list .notification-list_img {}

.notification-ui_dd-content {
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: 72px 77px 21px 77px;
}

.notification-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px;
    margin-bottom: 10px;
    background: #fff;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
    background: #FBFBFF;
    border-radius: 12px;
}

.notification-list--unreads {
    border-left: 2px solid #f79421;
}

.notification-list .notification-list_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.notification-list .notification-list_img span {
    height: 40px;
    width: 40px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
}

.notification-list_img {
    height: 40px;
    width: 40px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.notification-list_detail {
    margin-left: 10px;
}

.notification-list .notification-list_content .notification-list_detail p {
    margin-bottom: 5px;
    line-height: 1.2;
}

.notification-list .notification-list_feature-img img {
    height: 48px;
    width: 48px;
    border-radius: 5px;
    margin-left: 20px;
}

.notification-list.notification-list--unread {
    background: rgba(228, 234, 247, 1);
}

.notification-ui_dd-footer a {
    width: 100%;
}




.collapsible-link {
    width: 100%;
    position: relative;
    text-align: left;
}

.collapsible-link::before {
    content: ">";
    position: absolute;
    top: 50%;
    right: 0.8rem;
    transform: translateY(-50%) rotate(90deg);
    display: block;
    font-family: cursive;
    font-size: 1.1rem;
}

.collapsible-link[aria-expanded="true"]::before {
    content: ">";
    position: absolute;
    top: 50%;
    right: 0.8rem;
    transform: translateY(-50%) rotate(-90deg);
    display: block;
    font-family: cursive;
    font-size: 18px;
}

.notifcatio_sec .acc_main button {
    padding: 0;
    font-size: 18px;
}

.notifcatio_sec .acc_main .card-header {
    padding: 10px 16px;
    border: 1px solid #E4EAF7;
    margin-bottom: 10px;
    border-radius: 6px;
}

.notifcatio_sec .acc_main button:hover {
    text-decoration: none;
}

.notifcatio_sec .acc_main .card-body {
    padding: 16px 16px 34px !important;
}


.notifcatio_sec .acc_main .card-body p {
    font-size: 14px;
    line-height: 24px;
    color: #9197A6;
}

/*Setting page css*/
.personal_info .per_header {
    margin-bottom: 40px;
}


/*editer css*/
.the-editor {
    border: 1px solid #e5e5e5;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, .04);
}

.the-editor-toolbar {
    background: #fff;
    border-bottom: 1px solid #f1f1f1;
    padding: 9px 9px;
}

.the-editor-toolbar a {
    position: relative;
    color: #444;
    padding: 0 4px;
    text-decoration: none;
    height: 40px;
    line-height: 40px;
}

.the-editor-toolbar-save {
    float: right;
}

.the-editor-toolbar-has-dropdown {
    position: relative;
    display: inline-block;
    padding: 0 4px;
    height: 40px;
    line-height: 40px;
}

.the-editor-toolbar-has-dropdown:hover>.the-editor-toolbar-dropdown {
    display: block;
}

.the-editor-toolbar-dropdown {
    display: none;
    position: absolute;
    left: 0;
    padding: 9px;
    width: 200px;
    background: white;
    border: 1px solid #e5e5e5;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, .04);
    border-top: none;
}

.the-editor-toolbar-dropdown a {
    display: block;
}

.the-editor-toolbar-dropdown h1,
.the-editor-toolbar-dropdown h2,
.the-editor-toolbar-dropdown h3,
.the-editor-toolbar-dropdown h4,
.the-editor-toolbar-dropdown h5,
.the-editor-toolbar-dropdown h6 {
    margin: 0;
    padding: 5px 0;
}

.the-editor-toolbar-separator {
    display: inline;
    margin: 0 6px;
    color: #fff;
}

.the-editor-content {
    width: 100%;
    /* margin: 1em;*/
    min-height: 150px;
    background: white;
    padding: 1em;
}

.the-editor-content:focus {
    outline: none;
}



ul.sched_list li a {
    padding: 8px 20px;
    border: 1px solid #6f6af8;
    display: block;
    border-radius: 50px;
    font-size: 14px;
    width: 250px;
}

ul.sched_list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -7px;
}

ul.sched_list li {
    margin-bottom: 19px;
    text-align: center;
    margin: 0 7px 19px;
}


.card.padding_for_sett {
    padding: 45px 35px;
}

.add_card_disp {
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    padding: 21px 20px;
}

.add_card_disp .card_img img {
    width: 59px;
    object-fit: cover;
}



/*subscripation*/
.plan-desc-wrap {
    padding-right: 10%;
}

.plan-left-title>p:nth-child(1) {
    color: RGB(89, 122, 255);
}

.plan-left-title>p:nth-child(2) {
    color: RGB(51, 51, 51) !important;
}

.plan-info {
    border: 2px solid #597AFF;
    border-radius: 24px;
    margin-top: 22px;
    padding: 27px 31px;
    background: #fff;
    box-shadow: 0px 1px 7px rgba(111, 106, 248, 0.21);
}

.plan-type {
    background: #F6F8FF;
    padding: 20px 62px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.plan-title h3 {
    color: #333333;
    line-height: 31px;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
    padding-top: 20px;
}

.plan-desc {
    margin-bottom: 45px;
}

.plan-pricing {
    line-height: 31px;
    font-weight: 700;
    font-size: 40px;
    margin-bottom: 5px;
}

.plan-pricing span:not(:first-child) {
    font-weight: 400;
    font-size: 16px;
}

.plan-offer {
    font-size: 16px;
    line-height: 31px;
}

.plan-start {
    color: #6F7484;
    font-size: 13px;
    font-weight: 400;
}

.feature-plan-offer p {
    font-size: 16px;
    color: #333333;
    font-weight: 400;
    padding: 0 35px;
}

.plan-switcher {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
}

.plan-switcher .form-check-input:checked {
    background-color: #8b72ff;
    border-color: #8b72ff;
}

.plan-switcher .form-check-input {
    background-color: #1fd8b2;
    border-color: #1fd8b2;
}

.plan-switcher .form-check-input {
    width: 60px;
    height: 30px;
    margin: 0 10px;
}

.plan-switcher .form-check.form-switch {
    padding: 0;
}

.plan-tc {
    margin: 20px 27px;
    font-size: 14px;
    color: #333333;
    line-height: 25px;
    opacity: 83%;
}

.right-plan {
    padding-left: 0 20px;
}




.share_your {
    box-shadow: 0px 1px 7px rgba(111, 106, 248, 0.21);
    border-radius: 30px;
    padding: 30px 20px 30px;
    text-align: center;
}

.shareUrl {
    width: 100%;
    padding: 40px 20px;
    text-align: center;
}

.shareUrl-header {
    margin-bottom: 40px;
}

.shareUrl-headerText {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 22px;
}

.shareUrl-subtext {
    margin-top: 10px;
    font-size: 14px;
}

.shareUrl-body {
    margin-bottom: 25px;
}

.shareUrl-input {
    width: 100%;
    padding: 10px 0;
    border: 1px dashed #929292;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    background: rgba(0, 0, 0, 0);
    border-radius: 8px;
    transition: all 300ms ease;
}

.shareUrl-input:hover,
.shareUrl-input:focus,
.shareUrl-input:active {
    border-color: rgba(0, 0, 0, .3);
    background: rgba(255, 255, 255, .1);
}

/******************************************************************************************************************/
/*landing page css*/
/******************************************************************************************************************/
/*banner-section*/
.banner-section {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(./assets/../css/../../images/dashboard/full_bg_color.png);
    background-size: cover;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    height: 667px;
    padding-top: 114px;
}

header {
    position: absolute;
    z-index: 1;
    padding: 48px 0 0;
    width: 100%;
}

.land_list ul li {
    padding-right: 50px;
}

.land_list ul li a {
    color: #fff;
}

.banner-section .left .cotent-text h1 {
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    font-weight: 800;
    margin-bottom: 25px;
}

.banner-section .left .cotent-text p {
    color: #fff;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 50px;
}

.banner-section .left .button a.land-btn-white {}

.land-btn-white {
    background: #fff;
    border-radius: 50px;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 18px;
    color: #6F6AF8;
}

/*laptop_section*/
.mantain_sec {
    padding: 50px 0 100px;
}

.mantain_sec .land_title h2 {
    font-size: 32px;
}

.land_title h2 {
    font-size: 36px;
    line-height: 45px;
}

.client_section .right p {
    font-size: 14px;
    line-height: 25px;
    color: #280357;
    font-weight: 500;
}

.client_section {
    padding-bottom: 140px;
}

/*attr-section*/
.chat_attr_box {
    position: relative;
    padding-left: 170px;
    margin-bottom: 100px;
}

.chat_attr_box .attr-img {
    position: absolute;
    top: 0;
    left: 0;
}

.chat_attr_box .attr_ctn h2 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
}

.chat_attr_box .attr_ctn p {
    font-size: 14px;
}

.middle_img {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 0;
    right: 0;
}

.middle_img .right {
    text-align: center;
}

.middle_img .right img {
    width: 260px;
}


.touch-body {
    right: 0;
}

.left_img .touch-body {
    right: auto;
    left: 0;
}

.fun_box {
    margin-bottom: 100px;
}

.main_box {
    background: url(./assets/../css/../../images/monthly_charge.png);
    background-position: 100%;
    background-size: cover;
    border-radius: 25px;
    clip-path: inset(0px round 8px);
    background-repeat: no-repeat;
    padding: 25px 19px;
}

.function_process:before {
    content: '';
    position: absolute;
    top: -70px;
    right: 0;
    width: 100%;
    height: 89px;
    background-image: url(./assets/../css/../../images/func_shap_top.png);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}

.function_process:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 149px;
    background-image: url(./assets/../css/../../images/fun_shap_bottom.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}

.border-grident {
    padding: 67px 55px 400px 55px;
    border-radius: 25px;
    border-style: solid;
    border-image-source: linear-gradient(180deg, #FFFFFF 0%, rgba(49, 49, 49, 0) 100%);
    border-image-slice: 1;
    border-width: 4px;
}

.function_process {
    background: #FBFBFF;
    padding: 20px 0 50px;
}

.monthly_sec {
    padding-bottom: 88px;
}

.monthly_sec .border-grident .left span.month_text {
    font-weight: 900;
    font-size: 36px;
}

.monthly_sec .border-grident .left h2.monthly_price {
    font-weight: 900;
    font-size: 50px;
    color: #6F6AF8;
}

.monthly_sec .border-grident .left span.pay_text {
    font-weight: 400;
    font-size: 24px;
}


.subscri_box {
    background: #6F6AF8;
    border-radius: 25px;
    padding: 56px 40px 35px 60px;
    color: #fff;
    margin-bottom: 52px;
    background-image: url(./assets/../../css/../images/subscribe_email.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 42%;
}




footer .footer-top {
    border: 1px solid #F2F2F2;
    padding: 38px 0;
}

.footer_bottom {
    padding: 9px 0 11px;
}




























/*new one css */
.card_custm_tle {
    margin-bottom: 16px;
    padding: 16px 24px 0;
}

.card_title_icon {
    width: 32px;
    height: 32px;
    background: #E8E8FF;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}

.card_tlt_info {
    /*width: calc(100% - 44px);*/
    margin-left: 12px;
    font-weight: 700;
    font-size: 16px;
}


/*create post schedule*/
.upload_ctn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 190px;
    height: 190px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.15);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.07);
    backdrop-filter: blur(5px);
    display: flex;
    flex-direction: column;
    padding: 20px;
    justify-content: center;
}

.upload_file img {
    height: 242px;
    width: 100%;
}

/*dropdown custom css*/
.folder_dropdown {
    /*top:-100%!important;right:0 !important;left:4px !important;*/
    border-radius: 10px;
    padding: 18px 18px 22px 16px;
    border: none;
    /*box-shadow: 0px 2px 10px 1px rgb(0 0 0 / 11%)*/
    ;
}

.folder_dropdown .dropdown-item {
    padding: 0 0 10px;
}

.folder_dropdown .dropdown-item:last-child {
    padding: 0 0 0;
}

.folder_dropdown .cross_drop {
    padding: 0px 0 10px;
    display: block;
    text-align: right;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: transparent;
}

/*profile Dropdown*/
.profile_dropdown {
    border-radius: 15px;
    border: none;
    width: 423px;
    padding: 0;
}

.profile_dropdown .lit_pro_menu {
    padding: 0px 70px 70px;
}

.profile_dropdown .cross_drop {
    padding: 20px 21px 32px 0;
}

.profile_dropdown .dropdown-item {
    padding: 0;
    margin-bottom: 16px;
    color: #030712;
}

/*folder list css*/
.folder_main {
    padding-bottom: 10px;
    border-bottom: 1px solid #E4EAF7;
    margin-bottom: 16px
}

.fold_info {
    padding-left: 13px;
}

.fold_fil_no {
    color: #9197A6;
    font-size: 12px;
}

.folder_main .fold_left .manage_user img {
    width: 40px;
    height: 40px;
}

/*schudle post css*/
.schudl_post .schudl_left {
    width: 40px;
    position: fixed;
}

.schudl_post .schudl_left .nav-link {
    padding: 0 0px 32px 0;
    opacity: 50%;
    width: auto;
    border-radius: 8px;
}

.schudl_post .schudl_left .nav-link img {
    width: 40px;
    height: 40px;
}

.schudl_post .schudl_left .nav-link.active {
    opacity: 1;
    background: transparent;
}

.schudl_post .schudl_left .nav-link.active img {
    box-shadow: 0px 0px 20px 0px rgba(37, 99, 235, 0.30);
    border-radius: 8px;
}

.schudl_post .schudl_right {
    /*width:calc(100% - 40px);padding-left: 24px;*/
    padding-left: 65px;
    width: 100%;
}

.porfile-name img {
    width: 40px;
    height: 40px;
}

.acc_schud_head {
    margin-bottom: 10px;
}

.acc_schud_head span {
    margin-bottom: 9px;
    font-size: 16px;
    color: #030712;
}

.schudle_post_main {
    /*height:77vh;height: calc(100vh - 52px);*/
    overflow-x: hidden;
}

.schudle_post_main.schudle_horizontal {
    height: calc(100vh - 268px);
}

.schudl_post.scrollbar#style-3::-webkit-scrollbar {
    width: 0;
}

.dash_fdr_list {
    height: 290px
}

/*.fder_list_card {height:262px;}*/
/*.fder_list_card {height:722px;}*/
.folder_list.scrollbar#style-3::-webkit-scrollbar {
    width: 0;
}

.acc_schud_ctn ul li {
    margin-bottom: 10px;
}

.acc_schud_ctn ul li .gp_postleft img {
    width: 24px;
    height: 24px;
}

.acc_schud_ctn ul li .gp_postleft span {
    color: #9197A6;
}

.schudl_btm_btn {
    position: fixed;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #F5F8FF 78.13%);
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 50px 24px 16px 24px;
    border-radius: 0 0 10px 10px;
}

.schudl_right .tab-content {
    position: relative;
}


/*team view page */
.team_list_main {
    height: 700px;
}

.tem_screts:hover {
    background: #EDF2FF;
    border-color: #E4EAF7;
}

.tem_screts img {
    width: 40px;
    height: 40px;
}

.tem_screts.active {
    background: #EDF2FF;
    padding: 12px;
    border-radius: 10px;
    margin-bottom: 10px;
    border-color: #E4EAF7;
}

.tem_screts {
    padding: 12px;
    border-radius: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    transition: all 0.5s ease-in;
    border: 1px solid transparent;
}

.tem_screts .tem_ctn {
    margin-left: 10px;
}

.tem_screts .tem_ctn>span {
    margin-bottom: 2px;
    display: block;
}

.tem_screts .tem_ctn .user_count span {
    color: #9197A6;
    font-size: 12px;
    display: flex;
}

.temp_comm_list .tem_screts .tem_ctn {
    width: 174px;
}

/*folder_comment*/
.comment_right_side .tem_screts.active {
    background: transparent;
}

.comment_right_side .tem_screts:hover {
    background: transparent;
}


/*teading team usage banner*/
.trading_banner {
    padding: 11px 16px 11px 24px;
    border-radius: 10px;
    background: linear-gradient(46deg, #49D3C8 0%, #07CAAD 100%);
    position: relative;
    z-index: 0;
}

.trading_banner:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: url(./assets/../css/../../images/team/card_shap_right.png);
    background-position: right;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background-size: contain;
    z-index: -5;
}




#create_new_team h3 {
    font-size: 24px;
    font-weight: 500;
    font-family: 'Manrope', sans-serif;
}

.side-px .modal-body {
    padding: 0 80px 63px;
}

.copy_icon {
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
}


/*image uploaded */
.avatar-upload .avatar-edit {
    position: absolute;
    right: 12px;
    z-index: 1;
    top: 10px;
}

.avatar-upload .avatar-edit input+label:hover {
    background: #f1f1f1;
    border-color: #d6d6d6;
}

.avatar-upload .avatar-edit input+label:after {
    content: "";
    color: #757575;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
}

.avatar-upload .avatar-preview {
    width: 64px;
    height: 64px;
    position: relative;
    border-radius: 100%;
    border: 2px solid #BED0F940;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.avatar-upload .avatar-preview>div {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.avatar-upload {
    position: relative;
    max-width: 64px;
    margin: 24px auto;
}

.avatar-upload .avatar-edit {
    position: absolute;
    right: 0;
    z-index: 1;
    top: 40px;
}

.avatar-upload .avatar-edit input {
    display: none;
}

.avatar-upload .avatar-edit input+label {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-bottom: 0;
    border-radius: 100%;
    background: #FFFFFF;
    border: 1px solid transparent;
    box-shadow: 0px 16px 24px rgba(37, 99, 235, 0.12);
    cursor: pointer;
    font-weight: normal;
    transition: all .2s ease-in-out;
}



/*like hart button css*/
.like {
    position: relative;
    box-sizing: border-box;
}

.like input[type="checkbox"] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
}

.like label {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    margin-bottom: 0;
}

.like label:before {
    content: "\f004";
    position: relative;
    display: inline-block;
    transition: 0.2s ease-in;
    box-sizing: border-box;
    font-family: fontawesome;
    font-size: 13px;
    line-height: 13px;
    color: #C9CFDB;
}

.like input[type="checkbox"]:checked+label:before {
    content: "\f004";
    color: #FCD53A;
}

.galery_check {
    position: absolute;
    top: 15px;
    right: 15px;
}

.galery_check .form-check label:before {
    background: transparent;
    padding: 8px
}

.galery_check .form-check input:checked+label:before {
    background: #2563EB;
}

.galery_check .form-check input:checked+label:after {
    border: solid #ffffff;
    border-width: 0 2px 2px 0 !important;
}


/*modal member information*/
ul.member_info li .mem_img img {
    width: 24px;
    height: 24px;
    border-radius: 50px;
}

/*modal-edit-profile */
.edit_tm_pro .edit_tm_img img {
    width: 48px;
    height: 48px;
}


/*saerch box bottm line css*/
.search_line_box {
    width: 162px;
    border-bottom: 1px solid #C1C9DB;
}

.search_line_box span.search_icon {
    top: 9px;
    left: 0;
}

.search_line_box input {
    padding: 9px 8px 9px 20px;
    color: #C1C9DB;
}

.search_line_box input:focus {
    outline: none;
}

.search_line_box input::placeholder {
    color: #C1C9DB;
}


/*library sectio on folder page */
.rowgp-30 {
    margin: 0 -30px;
}

.library_card.card_scroll {
    /*height:568px;*/
    margin-top: 16px;
    height: 600px;

}

.library_card .library_list_main {
    /*max-width: 221px;*/
    width: 100%;
    padding: 0 30px
}

.library_card .folder_main {
    border-bottom: none;
    margin-bottom: 20px;
    padding-bottom: 0;
}

.library_card .folder_main .like label:before {
    font-size: 18px;
    line-height: 18px;
}

.library_card .folder_dropdown {
    min-width: 200px;
}


/*folder free content list of folder*/
.free_content .folder_main {
    cursor: pointer;
    padding: 8px 12px;
    margin-bottom: 16px;
    border: 1px solid transparent;
}

.free_content .folder_main.active,
.free_content .folder_main:hover {
    background: #EDF2FF;
    border-radius: 6px;
    border-color: #E4EAF7;
}

.folder_child {
    border-bottom: 1px solid #E4EAF7 !important;
}

.folder_child .fold_info span {
    font-size: 12px;
    color: #62656D;
}


/*post design code*/
.post_single {
    width: calc(100% / 5);
    padding: 0 5px 10px 5px;
}

.post-wrap {
    padding-top: 5px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    position: relative;
    margin: 0 -5px;
}


.post_main {
    border: 1px solid rgba(201, 207, 219, 1);
    border-radius: 10px;
    background: #fff;
}

.post_head {
    padding: 8px 12px;
}

.post_head .galery_check {
    position: relative;
    top: 0;
    left: 0;
}

.post_body_img a {
    width: 100%;
    display: block;
    background: #f4f6fb;
}

.post_body_img img {
    /*    height: 321px;*/
    height: 150px;
    width: 100%;
    /*    aspect-ratio: 1/1;*/
    object-fit: cover;
    background: #9fa4b1;
}

.history_page .post_body_img img {
    height: 391px;
}

/*

.library_card.card_scroll {
    margin-top: 16px;
    height: 72vh;
    min-height: 72vh;
    overflow-y: auto;
}
*/
.post_fotter {
    padding: 15px 16px;
}

.post_fotter p {
    color: rgba(145, 151, 166, 1);
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-clamp: 2;
    display: -webkit-box;
    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;
}

.imag_count {
    bottom: 16px;
    right: 16px;
    background: rgba(37, 99, 235, 1);
    padding: 2px 7px 2px 7px;
    border-radius: 50px;
    color: #fff;
}

.imag_count span {
    margin-left: 1px;
    font-size: 12px;
}

.custm_bg_modal {
    background: #F5F8FF;
}


/*******************************************modal schudle post pop************************************/
#schudle_post_pop_up .library_card.card_scroll {
    height: 500px;
}

.select2-search {
    display: none;
}

/* Make the Select2 dropdown full width */
.select2-container {
    width: 100% !important;
}

.select2-dropdown {
    border: none
}

.select2-results__option {
    margin-bottom: 8px;
    border: 1px solid;
    border-radius: 6px;
    padding: 10px 16px;
}

.select2-container {
    width: 100% !important;
    background: #fff;
    border-radius: 6px;
    padding: 0px;
    border: none;
    color: #9197A6;
    height: auto;
    font-size: 14px;
}

.select2-container--open .select2-dropdown {
    left: 0;
    top: -6px;
    padding: 14px;
}

.select2-container .select2-selection--single {
    height: auto;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 8px 16px;
    color: #030712;
}

.select2-container--default .select2-selection--single {
    background: transparent;
    border: none;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 250px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    width: auto;
    top: 1px;
    right: 14px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: unset;
    border-style: none;
    border-width: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b:after {
    content: '\f107';
    font-family: 'FontAwesome';
    font-size: 14px;
    border-color: unset;
    border-style: none;
    border-width: 0px;
    color: #030712;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: transparent;
    border: 1px solid #2563EB;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #2562EB;
}

.form_type_div {
    background: #ffff;
    border-radius: 6px;
    width: 100%;
    padding: 10px 16px;
    border: none;
    color: #9197A6;
    font-size: 14px;
    border: 1px solid #E4EAF7;
}

.form_type_div .intval_form span {
    width: 100px;
}

.form_type_div .intval_form {
    width: calc(100% - 100px);
    justify-content: end;
}

.form_type_div .intval_form .form-group {}

.form_type_div .intval_form .form-group input {
    width: 60px !important;
    color: #2563EB;
}

.form_type_div .intval_form .form-group input.form-control,
.form_type_div .form-group select.form-control {
    padding: 3px 14px !important;
    height: auto;
}

.pst_social_icn img {
    width: 24px;
    height: 24px;
}

/*change checkbox*/
.soc_main_pst .form-check label:before {
    background: #F3F7FF;
    border-color: #F3F7FF;
    box-shadow: none;
}

.soc_main_pst .form-check input:checked+label:after {
    border: solid #BFC8DC;
    border-width: 0 2px 2px 0 !important;
    top: 6px;
    right: 6px;
    width: 5px;
    height: 10px;
}

.count_digi_pst {
    border-radius: 46px;
    background: #2563EB;
    box-shadow: 0px 4px 4px 0px rgba(37, 99, 235, 0.15);
    width: 18px;
    height: 18px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.count_digi_pst span {
    font-size: 10px;
}

.cal_dropdown {
    min-width: 328px;
    padding: 19px 32px 16px;
    border-radius: 10px;
    border: none;
}

.cal_dropdown.select_time_drp {
    padding: 29px 65px;
}

.sel_del_date {
    margin-bottom: 13px;
}


.cal_dropdown.select_time_drp select.form-control {
    padding: 4px 5px;
    font-size: 14px;
    height: auto;
    color: #2563EB;
}

.cal_dropdown.select_time_drp .sel_am_pm a {
    padding: 4px 5px;
    display: inline-block;
    font-size: 14px;
    background: #EEF3FF;
    border-radius: 6px;
}

.cal_dropdown.select_time_drp .sel_am_pm a:first-child {
    background: #3562C6;
    color: #fff;
}

.cal_dropdown.select_time_drp .sle_tme_lt {
    width: 109px;
}

.cal_dropdown.select_time_drp .sel_am_pm {
    width: calc(100% - 109px);
}



.crte_temp .select2-container {
    border: 1px solid #E4EAF7;
    background: transparent !important;
}

.crte_temp .select2-container.select2-container--open {
    background: #fff !important;
}

.crte_temp_main .button a {
    max-width: 340px;
    width: 100%;
}

.crte_temp_main .tem_screts:hover {
    border-radius: 10px;
}

.crte_temp_main .tem_screts {
    border-bottom: 1px solid #C9CFDB33;
    border-radius: 10px;
}

.folder_share .search_boxes {
    padding: 0 24px;
}



/*folder_comment*/
.drop_items {
    padding: 60px;
}

/*folder_history*/
.folder_hist_main .fold_his_no_ctn {
    padding: 92px 0 95px;
}

.folder_hist_main .fold_his_no_ctn img {
    margin-bottom: 31px;
}

.folder_hist_main .fold_his_no_ctn span {
    color: #9197A6;
    display: block;
    font-size: 20px;
}


/*folder pendding post css*/
.team_pend_post.tem_screts .tem_ctn {
    width: calc(100% - 50px);
}

.team_pend_post.tem_screts:hover span.gp_icon {
    opacity: 1;
}

.tem_screts.red_class {
    color: #FB0000;
    border-color: #FB0000;
}

.tem_screts.red_class:hover {
    background: transparent;
    border-color: #FB0000;
}

.tem_screts.red_class .tem_ctn span {
    color: #FB0000 !important;
}

.disc_hidden .disc_img img {
    width: 100%;
    height: 374px;
    object-fit: cover;
    border-radius: 6px;
}

span.gp_icon {
    opacity: 0;
    transition: all 0.5s ease-in;
}


/*edit_post page css*/
.edit_post_drp .upload_ctn {
    border-radius: 6px;
    border: 1px solid var(--text-color-bar-text-icon-color, #9197A6);
    background: rgba(0, 0, 0, 0.20);
    backdrop-filter: blur(4px);
}

.del_edit_post {
    display: flex;
    width: 37px;
    height: 24px;
    padding: 7px 0px;
    justify-content: center;
    border-radius: 50px;
    align-items: center;
    background: #2563EB;
    position: absolute;
    top: 10px;
    right: 16px;
}

.del_edit_post.edit_pensil {
    top: 90.8%;
}

.edit_post_drp img {
    width: 100%;
    height: 356px;
    margin-bottom: 16px;
    object-fit: contain;
    border-radius: 10px;
    background: #9fa4b1;
}

.edit_post_slid .single_post {
    margin: 0 5px;
}

.change_clr ul li {
    margin-right: 10px;
}

.change_clr ul li a {
    width: 34px;
    height: 34px;
    border-radius: 100%;
    display: block;
}

.change_clr ul li:nth-child(1) a {
    background: #000000;
}

.change_clr ul li:nth-child(2) a {
    background: #FCD53A;
}

.change_clr ul li:nth-child(3) a {
    background: #177AFF;
}

.change_clr ul li:nth-child(4) a {
    background: #F7790B;
}

.change_clr ul li:nth-child(5) a {
    background: #966F00;
}

.change_clr ul li:nth-child(6) a {
    background: #00006B;
}

.change_clr ul li:nth-child(7) a {
    background: #A030F8;
}



.cap_text ul li {
    margin-right: 10px;
}

.cap_text ul li a {
    width: 34px;
    height: 34px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cap_text ul li a.active {
    border-radius: 32px;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}



/*setting css*/
.div_is_empty {
    padding: 90px 15px;
}

.about_contents p {
    color: #62656D;
    margin-bottom: 30px;
}

.about_list .single_box {
    margin-bottom: 16px;
}

.about_list .single_box span {
    color: #030712;
    margin-bottom: 8px;
    display: block;
    font-size: 16px;
}

.about_list .single_box p {
    color: #62656D;
}

ul.circ_lis_blue {
    margin-top: 10px;
}

ul.circ_lis_blue li {
    position: relative;
    padding-left: 20px;
    color: #3B73ED;
    margin-bottom: 6px;
}

ul.circ_lis_blue li:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    width: 10px;
    height: 10px;
    background-color: #3B73ED;
    border-radius: 20px;
}



/*change password setting side page*/
.change_pass_tab,
.notifi_main,
.contact_main {
    padding: 95px 15px;
}

.chang_pass_main .chng-tile {
    text-align: center;
    margin-bottom: 37px;
}

.chang_pass_main .chng-tile h2 {
    margin-bottom: 12px;
    line-height: 1.3;
    font-size: 22px;
}

.chang_pass_main .chng-tile p {
    font-size: 16px;
    line-height: 1.2;
    color: #71859E;
}

.lock_icon {
    position: absolute;
    top: 20px;
    left: 10px;
    transform: translateY(-50%);
}

.chang_pass_main>form {
    max-width: 340px;
    width: 100%;
    margin: 0 auto;
}

.chang_pass_main>form .button {
    margin-top: 70px;
}

.eyes {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}


/*toggle css*/
.tog_switch span {
    font-size: 18px;
}

.toggle {
    position: relative;
    box-sizing: border-box;
}

.toggle input[type="checkbox"] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
}

.toggle label {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    margin-bottom: 0;
}

.toggle label:before {
    content: '';
    width: 48px;
    height: 24px;
    background: #D2D5DD;
    position: relative;
    display: inline-block;
    border-radius: 46px;
    box-sizing: border-box;
    transition: 0.2s ease-in;
}

.toggle label:after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    left: 4px;
    top: 4px;
    z-index: 2;
    background: #fff;
    box-sizing: border-box;
    transition: 0.2s ease-in;
}

.toggle input[type="checkbox"]:checked+label:before {
    background: #2563EB;
}

.toggle input[type="checkbox"]:checked+label:after {
    left: 29px;
}



/*notification css*/
.subscribe_div {
    padding: 65px 15px;
}

.notifi_right {
    max-width: 340px;
    width: 100%;
    margin: 0 auto;
}

.toggle_main {
    margin-bottom: 30px;
}

.toggle_main li {
    padding: 10px 16px;
    border: 1px solid #E4EAF7;
    border-radius: 6px;
    margin-bottom: 10px;
}

.toggle_main li span {
    color: #9197A6;
}

/*contact us */
.contact_right {
    max-width: 340px;
    width: 100%;
    margin: 0 auto;
}

.form_left {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 16px;
}

/*subscription page*/
.subscribe_div .subscri_ctn {
    max-width: 175px;
    width: 100%;
    margin: 0 auto 130px;
}

.subscribe_div .subscri_ctn span {
    font-size: 16px;
    color: #030712;
    margin-bottom: 24px;
    display: block;
}

ul.subscribe_list li {
    margin-bottom: 23px;
    padding-left: 30px;
}

ul.subscribe_list li span.check_icon {
    left: 0;
    color: #2563EB;
}

ul.subscribe_list li span {
    color: #2563EB;
}

.subscri_price .doller_pric {
    font-size: 24px;
}

.subscri_price .doller_pric+span {
    color: #9197A6;
}

.subscribe_div .button a {
    padding: 13px 13px;
}




/*add a member modal*/
.add_icon input {
    opacity: 0;
    width: 48px;
    height: 48px;
}

span.cam_icon {
    position: absolute;
    /* top: 0; */
    /* left: 0; */
    width: 48px;
    height: 48px;
    background: #F5F8FF;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.manage_add_list .folder_main {
    padding-top: 7px;
    padding-bottom: 7px;
}

/*card add list*/

.card_add_list {
    max-width: 666px;
    margin: 0 auto;
}

.card_added {
    border-radius: 10px;
    border: 1px solid #BED0F9;
    background: rgb(255 255 255 / 50%);
    box-shadow: 0px 16px 24px 0px rgba(37, 99, 235, 0.12);
    padding: 23px 16px;
}

.card_added.select_div {
    background: linear-gradient(226deg, #F5516A 0%, #FF8395 100%);
    color: #fff;
}

.card_added .added_bttm span {
    color: #62656D;
}

.card_added.select_div .added_bttm span {
    color: #fff;
}

.card_added .added_top {
    margin-bottom: 38px;
}

.card_added .added_top .bank_icon {
    width: 40px;
    height: 40px;
    background: #E4EAF7;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card_added .added_top .bank_name {
    margin-left: 10px;
}

.card_added .added_top .bank_name h3 {
    font-size: 18px;
    color: #9197A6;
}

.card_added.select_div .added_top .bank_name h3 {
    font-size: 18px;
    color: #fff;
}

.card_added .added_top .bank_name span {
    font-size: 12px;
    color: #9197A6;
}

.card_added.select_div .added_top .bank_name span {
    font-size: 12px;
    color: #fff;
}



.bank_card_lists .schudl_btm_btn {
    background: #F5F8FF;
}

.card_added.select_div .added_top .bank_icon {
    background: #E4EAF726;
}

.card_added.select_div .added_top .bank_icon svg path {
    stroke: #fff;
}


/*edit porfile css*/
.profile_main {
    max-width: 840px;
    width: 100%;
    margin: 15px auto 0;
}

.profile_main .edit-bottom {
    margin-bottom: 247px;
}

.team_manage .avatar-upload {
    margin: 0;
}

.ghost_white {
    background: #EEF3FF;
    color: #C5C0DB;
}

.team_manage .profile_naem {
    margin-left: 16px;
}

.team_manage .profile_naem h3 {
    font-size: 16px;
    color: #030712;
}

.team_manage .profile_naem span {
    color: #9197A6;
}

.edit-bottom form {
    max-width: 540px;
    width: 100%;
}


/*sigin page*/
.signin_main .sinin_left {
    max-width: 340px;
    width: 100%;
    margin: 0 auto;
}

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

.line_nd_word {
    position: relative;
    text-align: center;
    margin-bottom: 20px;
}

.line_nd_word:before {
    content: '';
    position: absolute;
    top: 11px;
    right: 0;
    width: 100%;
    height: 1px;
    background-color: #C9CFDB;
}

.line_nd_word span {
    background: #fff;
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 0 8px;
    color: #9197A6;
}

.button_btn a {
    border: 1px solid #E4EAF7;
    padding: 10px 30px;
    display: block;
    border-radius: 6px;
    text-align: center;
}

#setup_profile .button_btn a {
    padding-left: 85px;
}

.bttn_rember .button a,
.bttn_rember .form-check+span {
    color: #62656D;
}

.sinin_left .sigin_title p {
    color: #62656D;
}

.sinin_left .sigin_title {
    margin-bottom: 32px;
}

.sigin_title h1 {
    color: #030712;
    margin-bottom: 10px;
}




/*phone form*/
.modal_title p {
    color: #62656D;
}

.phone_input input {
    padding-left: 16px !important;
}

.phone_input .iti__flag-container {
    position: static !important;
    margin-right: 10px;
}

.phone_input .iti {
    display: flex !important;
}

.phone_input .iti--separate-dial-code .phone_input .iti__selected-flag {
    background-color: #F5F8FF;
}

.phone_input .iti__selected-flag {
    background: #F5F8FF;
    border-radius: 6px;
    width: 100%;
    padding: 10px 16px;
    border: none;
    color: #9197A6;
    height: auto;
    font-size: 14px;
    border: 1px solid #F5F8FF;
}

.contact a:hover {
    border-color: #fff !important;
    color: #fff !important;
}



/*10 oct 2023*/
.fold_icon img {
    object-fit: contain;
    width: 43px;
    /*height: 43px;*/
}

.folder_child .fold_icon img {
    width: 30px;
}

.fold_info span.fold_name {
    max-width: 100%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 1rem;
}

.folder_list_inner .form-check input:checked+label:before {
    background: #2563EB;
}

.folder_list_inner .form-check label:after {
    border-color: #fff !important;
    /*   top: 7px!important;
    right: 6px!important;
    width: 4px!important;
    height: 8px!important;*/
}

/*.fold_icon{width:54px;}*/
.fold_info {
    width: calc(100% - 54px);
}

.fold_left {
    width: 80%;
}

.folder_dropdown a.dropdown-item img {
    width: 16px;
}

.folder_list_inner {
    display: flex;
    align-items: center;
    width: 100%;
}

.folder_details {
    display: flex;
    /*align-items: center;*/
    justify-content: space-between;
    width: 100%;
}


.btn-theme:hover img {
    /*    filter: brightness(0.5) invert(5);*/
}





.free_content .folder_main.active .fold_left .fold_info span,
.free_content .folder_main:hover .fold_left .fold_info span {
    color: #2563EB;
}

.free_content .folder_main.active .fold_left .fold_info p,
.free_content .folder_main:hover .fold_left .fold_info p {
    color: #92B1F5;
}



.free_content .folder_main.active .folder_child .fold_left .fold_info span,
.free_content .folder_main:hover .folder_child .fold_left .fold_info span {
    color: #000;
}

.free_content .folder_main.active .folder_child .fold_left .fold_info p,
.free_content .folder_main:hover .folder_child .fold_left .fold_info p {
    color: #000;
}

/*27-11-2023*/
.notifcatio_sec .card {
    height: 85vh
}



.h-96 {
    height: 100%;
}


.card_full {
    height: calc(100% - 55px)
}

.card_full_74 {
    height: calc(100% - 74px)
}


#child {
    height: calc(100% - 74px);
}




/*.dash_cret_schudle {height: calc(50% - 24px) !important;}
.dash_fodler_list{height: calc(50% - 115px);}*/
/*.dashb_right_post {height: calc(100% - 199px) !important;}*/
/*.right_team_wrap,.dashr_lft_crd{height: calc(100% - 24px);}*/



/*01-11-2023*/
.edit_post_slid button.slick-arrow {
    width: 0;
    height: 0;
    font-size: 0;
    border: 0px;
    background: transparent;
    outline: none;
}

.edit_post_slid button.slick-arrow:before,
.edit_post_slid button.slick-next.slick-arrow:after {
    content: '\f053';
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 16px;
    background: transparent;
    width: 30px;
    height: 30px;
    background-size: cover;
    font-family: fontawesome;
    border-radius: 100%;
    transform: translateY(-50%);
    color: #2568ed;
    display: flex;
    align-items: center;
    justify-content: center;
}



.edit_post_slid button.slick-next.slick-arrow:after {
    content: '\f054 ';
    left: auto;
    right: 0;
    background: transparent;
}






/*date picker custom css*/
#date {
    padding: 10px 30px 10px 40px;
}

.date-container {
    position: relative;
}

.date-container .date-text {
    position: absolute;
    top: 50%;
    left: 12px;
    color: #aaa;
    transform: translateY(-50%);
}

.date-container .date-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    /* pointer-events: none;
     */
    cursor: pointer;
    color: #aaa;
    transform: translateY(-50%);
}


.select_custm_drp img {
    position: absolute;
    pointer-events: none;
    top: 50%;
    right: 10px;
    font-size: 12px;
    transform: translateY(-50%);
}

/*btn space need csss*/
.btn-hlf-side {
    width: calc(100% - 65px);
    right: 0;
    left: auto;
}



.icon-chng:hover img.reguler {
    display: none;
}

.icon-chng img.hover {
    display: none;
}

.icon-chng:hover img.hover {
    display: block;
}

/*.dashr_lft_crd .left{width: 322px;}*/
.dashr_lft_crd .right {
    width: calc(100% - 293px);
}

/*09012024*/
.body_wrapper {
    padding: 30px;
    /* background: white; */
    overflow: hidden;
    /* background-size: cover;
    background-position: top;
    background-image: url("../../assets/images/s.png"); */
}

/* .body_wrapper::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: top;
    background-image: url("../../assets/images/s.png");
    width: 100%;
    height: 100vh;
} */
.side_menu {
    padding: 0 0px 10px;
    width: 296px;
    height: 100%;
    position: fixed;
    top: 31px;
    border-radius: 24px;
    /* background: #000; */
    background: var(--green, #36AE7C);
}

.content-main-box {
    padding: 11px 11px 0px 296px;
    /* padding: 11px 11px 11px 296px; */
    min-height: 0vh;
    height: auto;
}

.side_menu {
    height: calc(100vh - 40px);
}

.side_menu .menu ul li a span {
    display: flex;
    color: #DEE4DF;
    font-family: 'Manrope', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.side_menu hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, .3);
}

.side_menu .menu ul li a {
    padding: 10px 0px;
    display: block;
    color: #DEE4DF;
    font-family: 'Manrope', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.side_menu .menu ul li.active a {
    color: #fff;
    border-radius: 10px;
}

.side_menu .menu .scrollbar {
    height: auto;
    padding: 0 24px;
}

.side_menu .logo a {
    padding: 34px 24px 60px 24px;
    display: block;
}

.menu-title h3 {
    color: #FFF;
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    text-transform: uppercase;
}

.page-title {
    display: flex;
    align-items: center;
    gap: 15px;
}

.page-title h1 {
    color: #18120F;
    font-family: 'Manrope', sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
}

.porfile-name .ctn-details span {
    color: #18120F;
    font-family: 'Manrope', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.porfile-name .ctn-details p.pofile-post {
    color: #6B6B6B;
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.side_menu .menu ul li.active a span {
    color: #ffffff;
    font-weight: 700;
}

.side_menu .menu ul li:hover a span {
    color: #ffffff;
    font-weight: 700;
}

.favicon-icon img {
    width: 25px;
    height: 25px;
    margin-top: -6px;
}
.page-body {
    background-color: #fff;
    padding: 20px;
    min-height: calc(100vh - 138px);
    height: auto;
    background: none;
}
.page-body1 {
    background-color: #fff;
    padding: 20px;
    min-height: calc(100vh - 60px);
    height: auto;
}
.image-gellary .img-main,
.image-gellary .img-inner {
    margin-bottom: 20px;
}

.image-gellary .img-fluid {
    width: 100%;
    border-radius: 10px;
}

.product-title-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-title-text p {
    color: #6B6B6B;
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    text-transform: uppercase;
}

.product-title-text h3 {
    color: #000;
    font-family: 'Manrope', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

.btn-white,
.btn-white:hover {
    border-radius: 10px;
    border: 1px solid #EBF0ED;
    background: #FAFAFA;
    padding: 10px 25px;
    color: #000;
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.qr-code {
    margin-top: 10px;
}

.qr-code img {
    width: 100%;
    max-width: 100px;
}

.product-type {
    border-radius: 16px;
    border: 1px solid #EBF0ED;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    padding: 13px 0;
    margin-bottom: 20px;
}

.product-type-list {
    padding: 7px 30px;
    border-right: 1px solid #EBF0ED;
}

.product-type-list:last-child {
    border-right: 0px solid #EBF0ED;
}

.product-type-list h3 {
    color: #18120F;
    font-family: 'Manrope', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 8px;
}

.product-type-list p {
    color: #6B6B6B;
    font-family: 'Manrope', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    text-transform: uppercase;
}

.product-description {
    margin-bottom: 20px;
}

.product-description h3 {
    color: #000;
    font-family: 'Manrope', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.product-description p {
    color: #6B6B6B;
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.product-tabs .nav {
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: space-between;
    width: 80%;
    border-radius: 12px;
    border: 1px solid #6B6B6B;
    background: #FFF;
}

.tabpanel_body .nav {
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-radius: 12px;
    border: 1px solid #6B6B6B;
    background: #FFF;
}

.product-tabs .nav-pills .nav-link {
    border-radius: 0px;
    color: #6B6B6B;
    text-align: center;
    font-family: 'Manrope', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    padding: 17px 40px;
}

.product-tabs .nav-pills .nav-link.active {
    background: var(--green, #36AE7C) !important;
    color: #ffffff !important;
}

.product-tabs .nav-pills .nav-item:first-child .nav-link.active {
    border-radius: 12px 0 0 12px;
}

.product-tabs .nav-pills .nav-item:last-child .nav-link.active {
    border-radius: 0px 12px 12px 0px;
}

.sustanability-list h3 {
    color: #18120F;
    font-family: 'Manrope', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 10px;
}

.customer-document {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.customer-document-list img {
    width: 80px;
    height: 80px;
    border-radius: 10px;
    object-fit: cover;
}

.sustanability-main {
    border-radius: 16px;
    border: 1px solid #EBF0ED;
    padding: 20px;
}

.btn-black,
.btn-black:hover {
    border-radius: 10px;
    border: 1px solid #000;
    background: #000;
    padding: 10px 25px;
    color: #fff;
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}



.product-list-table {
    margin-top: 20px;
}

.product-list-table table {
    border-radius: 16px;
    border: 1px solid #EBF0ED;
}

.product-list-table table thead tr th {
    color: #6B6B6B;
    font-family: 'Manrope', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px;
    text-transform: uppercase;
}

.product-list-table table tbody tr td {
    font-family: 'Manrope', sans-serif;
    color: #18120F;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.product-list-table table tbody tr td p {
    font-family: 'Manrope', sans-serif;
    color: #18120F;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.product-list-table table tbody tr {
    vertical-align: middle;
}

.product-list-table table tbody tr th {
    color: #6B6B6B;
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    text-transform: uppercase;
}

.product-list-name {
    display: flex;
    align-items: center;
    gap: 10px;
}

.product-list-name h5 {
    color: #18120F;
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.product-list-table .table td,
.product-list-table .table th {
    white-space: normal;
}

.showing-results {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.showing-results h5 {
    color: #6B6B6B;
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    text-transform: uppercase;
}

.showing-results nav .pagination {
    gap: 15px;
}

.showing-results nav .pagination .page-item .page-link {
    border-radius: 10px;
    border: 1px solid #EBF0ED;
    background: #FAFAFA;
    padding: 8px 15px;
    color: #000;
    font-family: 'Manrope', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.showing-results nav .pagination .page-item .page-link:focus {
    border-radius: 10px;
    border: 1px solid #000;
    background: var(--green, #36AE7C);
    ;
    padding: 8px 15px;
    color: #fff;
    font-family: 'Manrope', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    box-shadow: none;
}

.nowrap {
    white-space: nowrap;
}

.t-action {
    display: flex;
    align-items: center;
    gap: 7px;
}


/* scrollbar */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 255, 255, 0.3);
}

/*font-family: 'Manrope', sans-serif;*/