Files
freeu-project/public/assets/css/style.css
meghamalore 7214133442 bugs fixing
2024-07-03 17:07:43 +05:30

1524 lines
29 KiB
CSS

* {
padding: 0;
margin: 0;
}
.index-box .card {
/* background: #1a8ecb6e; */
background: #c18948;
}
.title_icon_area {
width: 40px;
height: 40px;
/* background: purple; */
box-shadow: 0px 0px 4px 1px #0003;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
}
.index-box .progress_custom_color {
opacity: 0.5;
}
.chart_tabs {
border: 1px solid #000;
border-radius: 10px;
height: 30px;
align-items: center;
padding: 10px;
cursor: pointer;
}
.chart_tabs span {
padding-right: 10px;
border-right: 1px solid #000;
}
.chart_tabs span:last-child {
padding-left: 10px;
border: none;
}
.top_circle_area {
width: 200px;
height: 200px;
border-radius: 50%;
background: #efeae5;
display: flex;
align-items: center;
justify-content: center;
color: #000;
margin-bottom: 30px;
}
.index_table button {
/*background-color:#fff!important;*/
box-shadow: 0px 0px 0px 0px #0003;
}
/* global-css-start */
[data-kt-app-layout="dark-sidebar"] .app-sidebar {
/* background-color: #1c3b67; */
background-color: #fff;
}
[data-kt-app-layout="dark-sidebar"]
.app-sidebar
.menu
.menu-item
.menu-link.active
.menu-bullet
.bullet {
background-color: #c18a48;
}
[data-kt-app-layout="dark-sidebar"]
.app-sidebar
.menu
.menu-item:not(.here)
.menu-link:hover:not(.disabled):not(.active):not(.here)
.menu-bullet
.bullet {
background-color: #1b8dc9;
}
[data-kt-app-layout="dark-sidebar"]
.app-sidebar
.menu
.menu-item.hover:not(.here)
> .menu-link:not(.disabled):not(.active):not(.here)
.menu-title {
color: #c18948 !important;
font-weight: 600;
}
[data-kt-app-layout="dark-sidebar"]
.app-sidebar
.menu
.menu-item
.menu-link.active {
background-color: transparent;
}
.menu-link:hover .menu-icon .svg-icon.svg-icon-2,
.menu-link:hover .menu-icon {
color: #c18948 !important;
}
[data-kt-app-layout="dark-sidebar"]
.app-sidebar
.menu
.menu-item:not(.here)
.menu-link:hover:not(.disabled):not(.active):not(.here)
.menu-bullet
.bullet {
background-color: #c18a48;
}
table.dataTable > thead .sorting_asc:after,
table.dataTable thead > tr > th.sorting_desc:after {
display: none !important;
}
.import_btn svg {
transform: rotate(180deg);
}
a.action_icon {
padding: 12px 0;
}
.h-0 {
min-height: 0 !important;
}
/* active_and_inactive_toggle-start */
.on-off-toggle {
width: 80px;
height: 24px;
position: relative;
display: inline-block;
text-align: left;
}
.on-off-toggle__slider {
width: 80px;
height: 24px;
display: block;
border-radius: 34px;
background-color: #d8d8d8;
transition: background-color 0.4s;
}
.on-off-toggle__slider:before {
content: "";
display: block;
background-color: #fff;
bottom: 4.2px;
height: 15px;
left: 4px;
position: absolute;
transition: 0.4s;
width: 15px;
z-index: 5;
border-radius: 100%;
}
.on-off-toggle__slider:after {
display: block;
line-height: 24px;
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
content: "Inactive";
color: #1c3b67;
padding-left: 26px;
transition: all 0.4s;
}
.on-off-toggle__input {
/*
This way of hiding the default input is better
for accessibility than using display: none;
*/
position: absolute;
opacity: 0;
}
.on-off-toggle__input:checked + .on-off-toggle__slider {
background-color: #1c3b67;
}
.on-off-toggle__input:checked + .on-off-toggle__slider:before {
transform: translateX(56px);
}
.on-off-toggle__input:checked + .on-off-toggle__slider:after {
content: "Active";
color: #ffffff;
padding-left: 8px;
font-size: 10px;
}
/* active_and_inactive_toggle-end */
:focus-visible {
outline: -webkit-focus-ring-color auto 0px;
}
a:-webkit-any-link:focus-visible {
outline-offset: 0px;
}
/* active sidebar and inactive sidebar start */
a.active .menu-title {
/*color: #1B243D !important;*/
font-weight: 600;
}
/* FAQ CSS */
.selection .form-select {
background-color: var(--kt-input-solid-bg) !important;
border: none;
}
/* Investors CSS */
.nav-line-tabs .nav-item .nav-link.active,
.nav-line-tabs .nav-item .nav-link:hover:not(.disabled),
.nav-line-tabs .nav-item.show .nav-link {
font-weight: 700 !important;
color: #5e6278 !important;
border-bottom: 1px solid var(--kt-webiste_logo);
}
/*.selection .form-select{
background-color: #fff!important;
border:none;
}*/
/* manage commission css start */
.selection .select2-selection {
background-color: #f5f8fa !important;
}
/* =================Manage FreeU Investment============================ */
ul {
margin: 0;
}
.add_new_investors .selection .form-select {
background-color: var(--kt-input-solid-bg) !important;
border: none;
}
.add_new_investors .add_category_with_select .selection .form-select {
border-bottom-right-radius: 0px;
border-top-right-radius: 0px;
}
.add_new_investors .add_category_icon {
background-color: var(--kt-input-solid-bg);
border-bottom-right-radius: 0.475rem;
border-top-right-radius: 0.475rem;
}
.add_new_investors .add_button {
margin: 0 auto;
}
.add_new_investors .add_button button {
background-color: #1c3b67 !important;
color: #fff;
}
.add_btn_input {
background-color: #f5f8fa;
width: 43px !important;
height: 43px;
justify-content: center;
border-radius: 5px;
display: flex;
align-items: center;
cursor: pointer;
}
.input_with_remove_btn {
background-color: #f5f8fa;
width: 43px !important;
height: 43px;
justify-content: center;
border-radius: 5px;
display: flex;
align-items: center;
cursor: pointer;
margin-left: 10px;
}
.ck.ck-list__item .ck-button.ck-on {
background: #f5f8fa !important;
color: var(--kt-website_logo) !important;
outline: none !important;
box-shadow: none !important;
}
.ck.ck-button.ck-on,
a.ck.ck-button.ck-on {
color: var(--kt-website_logo) !important;
}
.dropzone {
/* border: 1px dashed var(--kt-website_logo); */
border: none;
background-color: #f5f8fa;
}
#add_desc {
width: 100% !important;
}
.form-check-input {
border-color: var(--kt-website_logo);
}
.form-check-input:checked {
background-color: var(--kt-website_logo);
}
input.edit_label_title {
border: none;
outline: none;
border-left: 1px solid #ccc;
}
.veiw_detials_area,
.desc_view {
background-color: var(--kt-input-solid-bg);
/* height: 40px; */
padding: 15px 20px;
border-radius: 10px;
display: flex;
align-items: center;
padding-left: 20px;
font-size: 14px;
font-weight: 400;
color: #000;
}
.documents {
width: 100%;
background-color: var(--kt-input-solid-bg);
padding: 15px 20px;
border-radius: 10px;
}
.download_btn {
background-color: var(--kt-input-solid-bg);
padding: 15px 20px;
border-radius: 10px;
height: 100%;
}
.add_cat button {
margin-top: 20px;
/* background-color: var(--kt-primary) !important; */
}
.img_upload input[type="file"].custom {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
overflow: hidden;
padding: 0;
position: absolute !important;
white-space: nowrap;
width: 1px;
}
/* News CSS */
/*.selection .form-select {
background-color:var(--kt-input-solid-bg)!important;
border: none;
}*/
/* Pre-Owned-Investment */
.veiw_detials_area,
.desc_view {
background-color: var(--kt-input-solid-bg);
/* height: 40px; */
padding: 15px 20px;
border-radius: 10px;
display: flex;
align-items: center;
padding-left: 20px;
font-size: 14px;
font-weight: 400;
color: #000;
}
.documents {
width: 100%;
background-color: var(--kt-input-solid-bg);
padding: 15px 20px;
border-radius: 10px;
}
.download_btn {
background-color: var(--kt-input-solid-bg);
padding: 15px 20px;
border-radius: 10px;
height: 100%;
}
.download {
padding: 8px 10px;
border: none;
outline: none;
border: 1px solid var(--kt-website_logo);
color: #000;
border-radius: 5px;
}
.download .fa-download {
color: var(--kt-website_logo) !important;
}
.veiw_detials_area,
.desc_view {
background-color: var(--kt-input-solid-bg);
/* height: 40px; */
padding: 15px 20px;
border-radius: 10px;
display: flex;
align-items: center;
padding-left: 20px;
font-size: 14px;
font-weight: 400;
color: #000;
}
.documents {
width: 100%;
background-color: var(--kt-input-solid-bg);
padding: 15px 20px;
border-radius: 10px;
}
/*.download_btn{
background-color: var(--kt-input-solid-bg);
padding: 15px 20px;
border-radius: 10px;
height: 100%;
}*/
/* CMS Delete Modal CSS */
.Delete_pop button#close_modal {
margin: 0 !important;
margin-right: 10px !important;
padding: 12px 20px !important;
border-radius: 5px !important;
background-color: #d8d8d8 !important;
color: #000 !important;
border: none !important;
}
.Delete_pop h2 {
margin-bottom: 20px !important;
text-align: center !important;
height: 50px !important;
line-height: 3 !important;
}
.Delete_pop .logout_footer {
border: 0 !important;
display: flex !important;
justify-content: center !important;
}
.Delete_pop svg.bi.bi-x-circle {
display: flex !important;
justify-content: center !important;
width: 100% !important;
margin: 20px 0 !important;
}
/*.add_new_investors .top_header .table_right_options {*/
/* color: #fff;*/
/* background-color: #C18948;*/
/*}*/
.add_new_investors .top_header p.fs-2.fw-bold {
margin: 0;
line-height: 2;
}
.add_new_investors .top_header {
margin-bottom: 15px;
align-items: center;
}
.add_new_investors .top_header .table_right_options:hover a {
color: #fff;
background-color: #c18948;
}
.add_new_investors .top_header .table_right_options a {
color: #fff;
background-color: #c18948;
}
.add_new_investors .top_header p.fs-2.fw-bold {
font-size: 22px !important;
}
.Upload_image label#blog_image-error {
position: absolute;
width: max-content;
right: 30em;
top: 313px;
color: #181c32;
font-size: 13px;
font-weight: normal;
}
.Upload_image {
position: relative;
}
label#editor-error {
width: max-content;
position: absolute;
right: 66em;
top: 408px;
}
.download_mobapp img {
height: auto;
}
.blue-bar .container {
justify-content: space-around;
}
.m_rate {
float: left;
height: 46px;
padding: 0 10px;
}
.m_rate:not(:checked) > input {
position: absolute;
display: none;
}
.m_rate:not(:checked) > label {
float: right;
width: 1em;
overflow: hidden;
white-space: nowrap;
cursor: pointer;
font-size: 30px;
color: #ccc;
}
.m_rated:not(:checked) > label {
float: right;
width: 1em;
overflow: hidden;
white-space: nowrap;
cursor: pointer;
font-size: 30px;
color: #ccc;
}
.m_rate:not(:checked) > label:before {
content: "★ ";
}
.m_rate > input:checked ~ label {
color: #ffc700;
}
/* .rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
color: #deb217;
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
color: #c59b08;
} */
.star-rating-complete {
color: #c59b08;
}
.rating-container .form-control:hover,
.rating-container .form-control:focus {
background: #fff;
border: 1px solid #ced4da;
}
.rating-container textarea:focus,
.rating-container input:focus {
color: #000;
}
.m_rated {
float: left;
height: 46px;
padding: 0 10px;
display: flex;
}
.m_rated:not(:checked) > input {
position: absolute;
display: none;
}
.m_rated:not(:checked) > label {
float: right;
width: 1em;
overflow: hidden;
white-space: nowrap;
cursor: pointer;
font-size: 30px;
color: #ffc700;
}
.m_rated:not(:checked) > label:before {
content: "★ ";
}
.m_rated > input:checked ~ label {
color: #ffc700;
}
.rate {
float: left;
height: 46px;
padding: 0 10px;
}
.rate:not(:checked) > input {
position: absolute;
display: none;
}
.rate:not(:checked) > label {
float: right;
width: 1em;
overflow: hidden;
white-space: nowrap;
cursor: pointer;
font-size: 30px;
color: #ccc;
}
.rated:not(:checked) > label {
float: right;
width: 1em;
overflow: hidden;
white-space: nowrap;
cursor: pointer;
font-size: 30px;
color: #ccc;
}
.rate:not(:checked) > label:before {
content: "★ ";
}
.rate > input:checked ~ label {
color: #ffc700;
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
color: #deb217;
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
color: #c59b08;
}
.star-rating-complete {
color: #c59b08;
}
.rating-container .form-control:hover,
.rating-container .form-control:focus {
background: #fff;
border: 1px solid #ced4da;
}
.rating-container textarea:focus,
.rating-container input:focus {
color: #000;
}
.rated {
float: left;
height: 46px;
padding: 0 10px;
display: flex;
}
.rated:not(:checked) > input {
position: absolute;
display: none;
}
.rated:not(:checked) > label {
float: right;
width: 1em;
overflow: hidden;
white-space: nowrap;
cursor: pointer;
font-size: 30px;
color: #ffc700;
}
.rated:not(:checked) > label:before {
content: "★ ";
}
.rated > input:checked ~ label {
color: #ffc700;
}
.rated:not(:checked) > label:hover,
.rated:not(:checked) > label:hover ~ label {
color: #deb217;
}
.rated > input:checked + label:hover,
.rated > input:checked + label:hover ~ label,
.rated > input:checked ~ label:hover,
.rated > input:checked ~ label:hover ~ label,
.rated > label:hover ~ input:checked ~ label {
color: #c59b08;
}
.personal-details {
box-shadow: 5px 5px 20px #00000029;
padding: 35px 30px 0 35px;
border-radius: 9px;
margin-bottom: 20px;
}
.personal-details {
box-shadow: 5px 5px 20px #00000029;
padding: 35px 30px 0 35px;
border-radius: 9px;
margin-bottom: 20px;
}
.personal-details .details {
display: flex;
margin-bottom: 18px;
}
.personal-details .cards img {
width: 25px;
}
.personal-details .details p {
height: inherit;
font-size: 17px;
color: #000;
font-weight: 500;
margin-left: 22px;
}
.investment-card {
margin-top: 43px;
margin-bottom: 30px;
}
.investment-card .invest-card {
box-shadow: 5px 5px 20px #00000029;
padding: 43px 26px;
border-radius: 13px;
}
.investment-card p {
color: #737373;
margin-bottom: 6px;
}
.investment-card h2 {
font-size: 28px;
font-weight: 700;
}
.tabs-marketplace .marketplace-dashboard .nav-tabs {
justify-content: flex-start;
border-bottom: 0;
}
.tabs-marketplace .nav-tabs {
margin-bottom: 20px;
border-bottom: 1px solid #e5dfdf;
}
.tabs-marketplace .nav-tabs li a.active {
border-bottom: 2px solid #113163 !important;
border-radius: 0 !important;
margin-bottom: 10px !important;
height: auto;
color: #113163 !important;
}
.tabs-marketplace .nav-tabs li a {
color: #000 !important;
background: transparent !important;
width: max-content;
}
.marketplace-dashboard .invest-tab {
box-shadow: 5px 5px 20px #00000029;
padding: 37px 26px;
border-radius: 13px;
}
.invest-tab .ranking .gray-bg {
background-color: #e7ebf0;
height: 36px;
border-radius: 50px;
}
.invest-tab .ranking .blue-bg {
background-color: #143c6d;
width: 68%;
height: 36px;
border-radius: 50px;
display: flex;
justify-content: end;
align-items: center;
}
.invest-tab .process {
margin-top: 42px;
}
.invest-tab .process h4 {
font-size: 18px;
font-weight: 600;
}
.invest-tab .process p {
margin-bottom: 2px;
color: #000;
}
.invest-tab .process span {
color: #808080f7;
}
.product-banner.jiraaf-main-banner {
height: auto;
}
.product-banner .bg-img {
background-image: url(https://wordpress.betadelivery.com/freeU/assets/css/../image/img24.png);
padding: 50px 0;
}
.product-banner .jiraaf-banner {
display: flex;
align-items: center;
}
.product-banner .jiraaf-banner {
padding: 50px 0;
}
.jiraaf-banner .image {
background-color: #fff;
height: 110px;
width: 110px;
display: flex;
justify-content: center;
align-items: center;
padding: 35px;
border-radius: 8px;
border: 2px solid #143c6d;
}
.jiraaf-banner .image img {
width: 73px;
height: 21px;
}
.jiraaf-banner .jiraf-content {
margin-left: 36px;
}
.jiraf-content h2 {
font-size: 28px;
font-weight: 600;
margin-bottom: 2px;
}
.jiraaf-banner .jiraf-content p {
margin-bottom: 8px;
font-size: 16px;
}
.product-banner p {
/* margin-bottom: 30px; */
line-height: 30px;
/* font-size: 20px; */
}
.our-insights p {
height: 90px;
text-overflow: ellipsis;
}
.our-insights p:empty {
display: none;
}
.jiraaf-banner .jiraf-content p span {
color: #737373;
margin-right: 16px;
}
.jiraaf-banner .jiraf-content img {
width: 84px;
background-color: #fff;
padding: 11px 9px;
height: 34px;
border-radius: 5px;
box-shadow: 1px 1px 4px #0000006e;
margin-right: 10px;
}
.jiraf-table {
background-color: #f9fafc;
background-image: url(https://wordpress.betadelivery.com/freeU/assets/css/../image/abstract.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 5rem 0;
}
.jiraf-table .table-content {
width: 75%;
margin: auto;
padding: 50px 100px;
box-shadow: 0px 1px 9px 2px #6d6d6d47;
border-radius: 7px;
border-right: 5px solid #143c6d;
background-color: #f9fafcc4;
}
.jiraf-table .table-content tr {
display: flex;
justify-content: space-between;
margin-bottom: 38px;
}
/*table text center*/
/* table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
text-align: center;
} */
.btn.btn-light-primary {
color: #fff;
background-color: #c18948;
height: fit-content;
}
.btn.btn-light-primary .svg-icon,
.btn.btn-light-primary i {
color: #fff;
}
.btn.btn-light-primary:hover:not(.btn-active) {
background-color: #c18948 !important;
}
td a.action_icon {
color: #1b243d;
}
td a svg {
color: #1b243d;
}
.form-check-custom.form-check-solid .form-check-input:checked {
background-color: #c18948;
}
.btn.btn-primary {
background-color: #c18948;
color: #fff;
}
.btn.btn-light-primary:active:not(.btn-active) {
color: #1b243d !important;
background-color: #c18948 !important;
}
.btn.btn-secondary {
background-color: #c18948;
color: #fff;
}
.btn.btn-secondary:hover:not(.btn-active) {
background-color: #c18948 !important;
color: #fff !important;
}
.btn.btn-primary:hover:not(.btn-active) {
background-color: #1b243d !important;
}
select.listing_status {
border: 1px solid #0000004a;
border-radius: 4px;
}
.privacy-page h1 {
font-size: 20px;
}
.privacy-page h2 {
font-size: 18px;
margin-top: 20px;
}
.app-page .app-header .app-container {
background-color: #1b243d;
}
.app-navbar .symbol svg {
color: #fff;
}
.app-page .app-sidebar div#kt_app_sidebar_logo {
background-color: #1b243d;
border-right: 1px solid #ffffff73;
border: none;
}
.app-sidebar-logo .btn.btn-active-color-primary:hover:not(.btn-active) {
color: #1b243d !important;
}
.app-sidebar-logo
.btn.btn-active-color-primary:hover:not(.btn-active)
.svg-icon {
color: #1b243d !important;
}
.app-sidebar-logo p.app-sidebar-logo-default {
color: #c18948;
font-size: 15px;
margin-bottom: 0;
}
.app-sidebar-logo p.app-sidebar-logo-default img {
margin-right: 8px;
}
.app-sidebar .app-sidebar-menu {
background-color: #1b243d;
}
[data-kt-app-layout="dark-sidebar"]
.app-sidebar
.menu
.menu-item
.menu-link.active
.menu-title {
color: #c18547;
}
.app-sidebar .menu-item .menu_tabs.active .menu-link span.menu-title {
color: #c18948;
}
[data-kt-app-layout="dark-sidebar"]
.app-sidebar
.menu
.menu-item.hover:not(.here)
> .menu-link:not(.disabled):not(.active):not(.here)
.menu-title,
[data-kt-app-layout="dark-sidebar"]
.app-sidebar
.menu
.menu-item:not(.here)
.menu-link:hover:not(.disabled):not(.active):not(.here)
.menu-title {
color: #c18948;
}
[data-kt-app-layout="dark-sidebar"]
.app-sidebar
.menu
.menu-item.hover:not(.here)
> .menu-link:not(.disabled):not(.active):not(.here)
.menu-icon {
color: #c18948;
}
.app-sidebar .menu-item .active .menu-icon span.svg-icon.svg-icon-2 {
color: #c18948 !important;
}
[data-kt-app-layout="dark-sidebar"]
.app-sidebar
.menu
.menu-item.hover:not(.here)
> .menu-link:not(.disabled):not(.active):not(.here)
.menu-icon
.svg-icon {
color: #c18948 !important;
}
[data-kt-app-layout="dark-sidebar"]
.app-sidebar
.menu
.menu-item
.menu-link
.menu-title {
color: #fff;
}
[kt-app-layout="dark-sidebar"]
.app-sidebar
.menu
.menu-item
.menu-link
.menu-icon
.svg-icon {
color: #fff;
}
.btn.btn-active-color-primary:hover:not(.btn-active) {
background-color: #c18948 !important;
}
.btn-check:active + .btn.btn-primary,
.btn-check:checked + .btn.btn-primary,
.btn.btn-primary.active,
.btn.btn-primary.show,
.btn.btn-primary:active:not(.btn-active),
.btn.btn-primary:focus:not(.btn-active),
.btn.btn-primary:hover:not(.btn-active),
.show > .btn.btn-primary {
background-color: #c18948 !important;
color: #fff;
}
.sign-up-logo img.theme-light-show {
width: 230px;
}
.app-navbar-item .symbol span.symbol-badge {
font-size: 6px;
}
.card .chart input#from-date {
border: 1px solid #0000006b;
padding: 3px;
border-radius: 4px;
margin-right: 5px;
}
.card .chart input#to-date {
border: 1px solid #0000006b;
padding: 3px;
border-radius: 4px;
}
.bgi-no-repeat .bgs {
background-color: #eee9e4;
}
#update_password #password-error br {
display: none;
}
.founder {
display: flex;
}
/* table.dataTable tbody td {
text-align: center;
} */
/* .form-check.form-check-sm.form-check-custom {
justify-content: center;
} */
span.select2-selection.form-select-view {
padding: 11px 13px;
font-weight: 500;
border-radius: 7px;
}
#contact_from_leads select#status {
border: 1px solid #0000004d;
padding: 3px 2px;
border-radius: 5px;
}
.add_new_investors .faq-answer-box {
position: relative;
}
.faq-answer-box #faqnswer-error {
position: absolute;
bottom: -23px;
left: 6px;
}
ul,
ol {
list-style-type: none;
}
nav {
background: var(--background-color);
box-shadow: 0px 5px 15px 0px rgba(212, 201, 201, 0.75);
}
.logo a {
font-size: 20px;
font-weight: 700;
color: #353535;
text-transform: uppercase;
}
/* normal menu css */
.main_menu > .add-prod > li {
display: inline-block;
position: relative;
margin: 0 -2px;
}
.main_menu .sub_menu li.has_dropdown a {
font-size: 14px;
color: #000000f5;
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 10px;
}
/* Normal Dropdown menu */
.main_menu ul li ul {
width: 200px;
background: #fff;
transition: 0.5s;
box-shadow: 0px 5px 15px 0px rgba(212, 201, 201, 0.75);
}
/*
.main_menu .add-prod li ul li ul {
left: 100%;
top: 0;
} */
.main_menu svg.fa-angle-down {
margin-left: 6px;
}
/* mega menu css */
.mega_menu_dropdown {
position: static !important;
}
.mega_menu {
left: 0;
right: 0;
background: #fff;
display: flex;
flex-wrap: wrap;
transition: 0.5s;
box-shadow: 0px 5px 15px 0px rgba(212, 201, 201, 0.75);
}
.mega_menu_item {
width: 25%;
padding: 30px 20px;
}
.mega_menu_item h3 {
margin-bottom: 15px;
}
.mega_menu_item img {
width: 100%;
}
/* demo_2 css */
.mega_menu_demo_2 .mega_menu {
left: 50%;
transform: translateX(-50%);
width: 1140px;
}
.mobile_btn {
display: none;
}
.main_menu ul.sub_menu {
border-radius: 5px;
background-color: #fff;
width: 188px;
padding: 12px 18px;
box-shadow: 0px 1px 5px #0000007d;
}
@media (min-width: 768px) {
.main_menu .add-prod li ul {
visibility: hidden;
opacity: 0;
position: absolute;
margin-top: 50px;
}
.main_menu .add-prod li .mega_menu {
visibility: hidden;
opacity: 0;
position: absolute;
margin-top: 50px;
}
.main_menu .add-prod li:hover > ul {
visibility: visible;
opacity: 1;
margin-top: 0px;
z-index: 99;
}
.main_menu .add-prod li:hover > .mega_menu {
visibility: visible;
opacity: 1;
margin-top: 0;
z-index: 99;
}
}
.listed-box .card .card-header {
display: block;
padding-bottom: 8px;
}
#exampleModalCenter button.close {
border: none;
background-color: transparent;
font-size: 28px;
}
#exampleModalCenter .prizing-modal input {
border: 1px solid #00000052;
height: 44px;
border-radius: 5px;
padding: 4px 9px;
width: 100%;
margin-top: 8px;
}
.app-sidebar-logo .app-sidebar-logo-minimize {
position: relative;
right: 16px;
}
.chat-box {
height: 79vh;
overflow: hidden;
border: 1px solid #ccccccbd;
margin: 30px;
border-radius: 9px;
}
.chat-box div#kt_drawer_chat_messenger_footer {
position: absolute;
bottom: 0;
width: 100%;
background-color: #dfdfdf;
color: #000;
}
div#kt_drawer_chat_messenger {
height: 400px !important;
}
.chat_screen {
position: relative;
}
.chat-box .chat-msgs .card-body {
height: 85%;
overflow-y: scroll;
overflow-x: hidden;
}
.right-lts {
display: flex;
align-items: center;
width: 35%;
justify-content: space-between;
}
#update_lead_form .select2-container--bootstrap5 .select2-selection {
height: 50px !important;
}
#manage_commission_view
.modal-dialog
.btn.btn-active-color-primary:hover:not(.btn-active) {
background-color: inherit !important;
}
#update_user_role_form button {
background-color: #c18948;
border: none;
color: #fff;
padding: 8px 20px;
border-radius: 5px;
}
.welcome-dash-logo img {
width: 150px;
height: 150px;
}
.list .list_details {
width: -webkit-fill-available;
margin: 0 !important;
}
table th,
table td,
.align-top {
vertical-align: middle !important;
/* width: auto !important; */
}
textarea#message {
border-bottom-left-radius: 10px !important;
}
.card-body.py-4 {
padding: 0;
}
.chat-msgs img {
width: 26%;
margin: 0 auto;
}
/* .chat-msgs {
display: flex;
align-items: center;
} */
td a.action_icon {
padding: 10px;
margin: 0px 6px;
font-size: 15px;
}
#manage_investors_kyc_wrapper tr.odd td:last-child,
#manage_investors_kyc_wrapper tr.even td:last-child {
display: flex;
/* justify-content: center; */
}
.reset {
position: relative;
}
.reset span.toggle-password {
position: absolute;
right: 8px;
top: 17px;
font-size: 12px;
}
tr th:last-child {
text-align: center !important;
}
button.btn.btn-light-primary.me-3 {
display: flex;
justify-content: center;
}
.users_list {
background: #fff;
}
#active_task .tabdiv input,
#active_task .tabdiv select {
border: 1px solid #e0dddd !important;
padding: 8px !important;
height: 40px;
border-radius: 5px;
width: 50%;
}
#active_task .tabdiv input[type="checkbox"] {
border: 1px solid #e0dddd !important;
display: flex;
width: 20px;
height: 20px;
justify-content: flex-start !important;
margin: 0 auto 0 0;
}
.table.gy-5 td,
.table.gy-5 th {
padding: 1.25rem !important;
}
.tabdiv input,
.tabdiv select {
border: 1px solid #e0dddd;
padding: 10px !important;
height: 40px;
border-radius: 5px;
width: 50%;
}
.tabdiv input[type="checkbox"] {
border: 1px solid #e0dddd !important;
display: flex;
width: 20px;
height: 20px;
justify-content: flex-start !important;
margin: 0 auto 0 0;
}
.card {
padding: 20px;
}
.index-box .card {
min-height: 170px !important;
}
.index-box .card-body {
min-height: 30px !important;
padding: 5px !important;
}
.top_header {
align-items: end;
}
tr.odd td.dataTables_empty:last-child,
tr.even td.dataTables_empty:last-child {
display: revert;
}
.dropdown .dropdown-item.active,
.dropdown .dropdown-item:active {
background: #eff2f5;
color: #000;
}
label.error {
color: red !important;
}
.ck-blurred.ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline {
height: 300px;
}
.ck.ck-content.ck-focused {
height: 300px;
}
#active_meeting .tabdiv select {
padding-bottom: 5px !important;
}
.cmm-span {
color: red;
}
.chat-msgs {
height: 366px !important;
overflow-x: hidden;
}
.user_name {
height: 40px;
display: flex;
align-items: center;
padding: 10px;
background: #d9dbe5;
}
#kt_profile_details_view svg.svg-inline--fa.fa-download:hover {
color: #c18948;
}
.activ .accordion-item .accordion-button::after {
transform: rotate(180deg);
color: #000 !important;
}
.activ .accordion-item .accordion-button.collapsed::after {
transform: rotate(0deg);
}
.activ .accordion-button:not(.collapsed) {
color: #000 !important;
}
.activ .accordion-item:first-of-type .accordion-button:after {
filter: brightness(0);
}
.tabdiv {
padding-bottom: 10px;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #80808069;
margin-bottom: 10px;
}
.tabdiv label {
box-sizing: border-box;
padding: 6px !important;
color: var(--labelColor);
display: inline-block;
width: 50%;
line-height: 24px;
}
.modal select.form-control.error {
font-size: 13px;
color: #8b8989;
font-weight: 500;
line-height: 1;
}
.modal .btn.btn-icon .svg-icon:hover {
color: #fff;
background-color: #c18948;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
}
.modal .tabdiv label.error {
padding: 6px 6px 6px 20px !important;
}