html, body {font-family: "Roboto", sans-serif;}
*{margin: 0;}
:root{
  --primary-color: #F1592D;
  --secondary-color: #32B24A;
  --accent-color: #17a2b8;
  --dark-33: #333333;
  --dark-55: #555555;
  --red-color: #FF0000;
  --yellow-color: #FFA401;
  --primary-color-shadow: 0 0 0 0.2rem #3b933f40;
  --common-transition: all 0.2s ease-in-out;
}

/* calculated as screen height(100vh) - footer height(283px) - navbar height(49px) */

main {min-height: calc(100vh - 70px) !important;min-height: 100vh;}
.btn-theme {background-color: var(--primary-color) !important;border-color: var(--primary-color);}
.text-shadow {text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);}
.navbar-toggler:focus {outline: none;box-shadow: none;}
.link-unstyled, .link-unstyled:hover {text-decoration: none;}
.btn-span, .btn-span:hover {pointer-events: none;}
label.invalid-input {color: #dc3545; font-size: 13px; margin-bottom: 0; }

/* All Elements ===================================================================================================== */

.form-control,.custom-select,.custom-file-label {border-color: #e8e7e7;}

.user-image {height: 250px;width: 250px;object-fit: cover;object-position: center;margin-bottom: 1.5rem;border: 2px solid #999;}
.user-image.listing-img {height: 150px;width: 150px;border-width: 1px;}
@media (max-width: 767px){
	.user-image.listing-img {height: 75px;width: 75px;border-width: 1px;}}
.userImage_control {position: absolute;height: 0;width: 0;opacity: 0;visibility: hidden;}

.userImage_control_label {height: 54px;width: 54px;border-radius: 50%;background: #ddd;line-height: 50px;text-align: center;border: 2px solid #999;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.userImage_control_label .fas {line-height: inherit;}
.mw-300 {max-width: 300px;}


/* this css for chenge the text in custom-switch-button */


.custom-control-input:checked~.custom-control-label span:before{content:'Enable'}
.custom-control-input~.custom-control-label span:before{content:'Disable'}

/*custom-switch-button end*/

/* select2 */

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{ border-top-left-radius: 0; border-top-right-radius: 0;}
.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection, .select2-container--default.select2-container--focus .select2-selection, .select2-container--default.select2-container--open .select2-selection{border-color: var(--primary-color);outline: none; box-shadow: none; }
.select2-container--bootstrap-5 .select2-dropdown{border-color: var(--primary-color);}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted){background: var(--primary-color); color: #fff;}
.select2-container--default .select2-selection--single{height: calc(1.5em + 0.75rem + 2px);}
.select2{min-width: 100% !important;width: 100% !important;}
/* .select2-container.select2-container--default.select2-container--open{z-index: 999999;} */
body:not(.modal-open) .select2-container--open {z-index: 99;}

/* select2 end */


/* Custom Radio Button */

.custom-radio-btn-outline {border: 1px solid var(--primary-color);color: var(--primary-color);cursor: pointer;}
.btn-group-toggle .btn {padding: 0;}
.btn-group-toggle .custom-span {display: block;padding: .375rem .61rem}
.btn-group-toggle input[type="radio"]:checked+span {color: #fff;background-color: var(--primary-color);border-radius: 3.5px;}

/* Custom checkbox */

.radio-boxes .radio-box {position: relative;}

.radio-boxes .radio-box input[type="radio"],
.radio-boxes .radio-box input[type="checkbox"] {opacity: 0;position: absolute;top: 0;left: 0;}

.radio-boxes .radio-box .form-check {padding-left: 0;}

.radio-boxes .radio-box input[type="radio"]:focus~.form-check-label,
.radio-boxes .radio-box .form-check-label:hover,
.radio-boxes .radio-box input[type="checkbox"]:focus~.form-check-label,
.radio-boxes .radio-box .form-check-label:hover {border-color: var(--primary-color);color: var(--primary-color);}

.radio-boxes .radio-box input[type="radio"]:checked~.form-check-label,
.radio-boxes .radio-box input[type="checkbox"]:checked~.form-check-label {border-color: var(--primary-color);}

.stock-btn {width: 100%;border: 1px solid var(--primary-color);border-radius: 0;color: var(--primary-color); cursor: pointer;}

.radio-boxes .radio-box input[type="radio"]:checked~.form-check-label,
.radio-boxes .radio-box input[type="checkbox"]:checked~.form-check-label {border-color: var(--primary-color);background-color: var(--primary-color);color: #fff !important;}

/* Custom checkbox end*/

/* Multiple Image Selection */
.upload-main-image{position: relative; width: fit-content;height: fit-content;}

.upload-main-image .close-buttons {position: absolute;right: -10px;top: -10px;z-index: 1;}
.upload-main-image .close-buttons button.button-gallery.btn-danger.button-round {border-radius: 50%;width: 30px;font-size: 16px;display: flex;justify-content: center;align-items: center;height: 30px;line-height: 30px;}

/* Multiple Image Selection end */


/*.custom-file-input*/

.custom-file-input:focus~.custom-file-label{border-color: var(--primary-color); box-shadow:none;}
.form-select:focus,.form-control:focus,.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus{border-color: var(--primary-color);outline: 0;box-shadow: none;}
.custom-control-label::after{width: 13px; height: 13px; background-size: 9px; }
.custom-control-label::before{width: 13px; height: 13px; }

/* Extra */
.btn:not(.btn-link):hover {box-shadow: none;}

@media (max-width:991px){
.login-brand-logo{width: 50% !important;}
.horizontal-header .setting-part{top: 64px;}
.settings-cards .sticky-div{left: 0;}
}


/* All Elements end ===================================================================================================== */

/* css */
.text-theme{color: var(--primary-color) !important;}
.bg-theme{background-color: var(--primary-color);}
.btn:not(.btn-link):hover {box-shadow: none;}
.user-header-icon {min-height: 43px;min-width: 43px;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0;}
.img-user .user-div .name{color: #000;margin: 0;max-width: 150px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
.img-user .user-div .post{color: #555555;margin: 0;max-width: 150px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
.img-user .user-div{display: flex;flex-direction: column;margin: 0;font-size: 14px;font-weight: 500;line-height: 21px;row-gap: 4px;}
.twt-navbar .user-icon-header {color: #32B24A;font-size: 43px;display: flex;align-items: center;justify-content: center;}
.twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link {font-size: 15px;color: #fff;padding: 24px 12px !important;position: relative;transition: all 0.2s ease-in-out;line-height: 21px;font-weight: 500;display: flex;align-items: center;gap: 7px;word-break: break-all;}
.dropdown-icon{display: flex;align-items: center;justify-content: center;font-size: 14px;color: #000;transition: 0.2s all;}
.dropdown-icon[class*=" fi-rr-"]:before{font-weight: 800 !important;}
.twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link:hover{background: transparent;color: var(--primary-color);}
.img-user .user-drop-icon{width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;color: #000;}
.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link, .twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link{padding: 18px 15px;}
.login-admin-icon .nav-link.logout-btn {color: var(--primary-color);font-size: 15px;font-weight: 500;}
.login-admin-icon .nav-link.logout-btn .logout-icon {padding-right: 10px;font-size: 16px;color: var(--primary-color);}
.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item:hover .icon-dropdown{color: #000 !important;}
.twt-navbar.twt-navbar-common .navbar-slide{margin-right: 50px;position: relative;}
.twt-navbar.twt-navbar-common .navbar-slide::after{position: absolute;content: '';width: 1px;height: 25px;background: #DDDDDD;right: -18px;top: 50%;transform: translateY(-50%);}
.body-form-info .form-label{display: block;font-size: 15px;}
.body-form-info .form-control:focus{border-color: #000;box-shadow: none;}
.form-control, .form-select{font-size: 14px;padding: 6px 12px;border: 1px solid #D9D9D9;border-radius: 4px;background-color: #FFFFFF;line-height: 21px;color: #212529;font-weight: 400;}
.body-form-info button:focus{outline: none;}
.header-title {font-size: 20px;font-weight: 600;}
.login-btn .dropdown-toggle::after{display: none;}
.login-btn .custom-dropdown-toggle:hover {color: var(--primary-color);text-decoration: none;}
.twt-navbar.twt-navbar-common .nav-bottom .nav-item:hover a.nav-link, .twt-navbar.twt-navbar-common .navbar-nav .nav-item.active .nav-link {background-color: #fff;color: var(--primary-color) !important;}
.twt-navbar-common .slide .nav-item.active {background: #fff;}
.chnage-password .body-form-info .form-group {margin-top: 0px;}
.bg-light-color {background: #f5f5f5;}

.chnage-password .form-control {font-size: 15px;}
/* .navbar-slide .dropdown .dropdown-toggle::after {content: "\f107";font-family: 'Font Awesome 5 Free';font-weight: 900;vertical-align: middle;border-top: 0;border-right: 0;border-bottom: 0;border-left: 0;} */
.navbar-slide .dropdown .dropdown-toggle::after{display: none;}
.breadcrumb-wrapper .btn-light {padding: 6px 10px;font-size: 13px;line-height: 1.5;border-radius: 0;background: var(--primary-color);color: #fff !important;}

.table td, .table th {font-size: 14px;}
.control-label {font-weight: 600;font-size: 14px;margin-bottom: 0.25rem;}
.control-label{font-size: 14px;}
.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show>.btn-info.dropdown-toggle:focus {box-shadow: none;}
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle {color: #fff;background-color: var(--primary-color);border-color: var(--primary-color);}
.btn-info.focus, .btn-info:focus {box-shadow: none;}
.table-bordered thead td, .table-bordered thead th {border-bottom-width: 2px;font-size: 14px;font-weight: 700;}
.breadcrumb-wrapper .category-add-link {color: #333;font-size: 14px;}
.breadcrumb-wrapper .breadcrumb-item{font-size: 14px;}
.breadcrumb-item.active {color: var(--primary-color);}
.page-item:last-child .page-link {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.page-item:first-child .page-link {margin-left: 0;border-top-left-radius: 0;border-bottom-left-radius: 0;}

.star {color: red;}
.update-section .body-form-info .form-group {margin-top: 0;margin-bottom: 33px;}
.update-section .twt-sticky-btn-div {width: 100%;margin: 0 15px;}
.add-user-section .btn.action-btn.btn-info {background: var(--primary-color);border-color: var(--primary-color);}
.page-item.active .page-link {z-index: 1;color: #fff;background-color: var(--primary-color);border-color: var(--primary-color);}
.dataTables_paginate,div.dataTables_wrapper div.dataTables_info {margin-top: 15px !important;}
table#user-table{width: 100% !important;}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle{background-color: var(--primary-color);}
.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus{box-shadow: none;}
.filter-result-wrapper table.dataTable{border-collapse: collapse !important;}
.button-actions-top-bar{padding: 5px 10px;border-radius: 5px;}
button:focus{outline: none;}
.twt-navbar.twt-navbar-common .dropdown-menu.login-dropdown .dropdown-item:hover{color: #000 !important;}
.message-div .alert {margin-bottom: 0; margin-top: 15px;}
/* .dataTables_scrollHeadInner, .dataTables_scrollHeadInner table{width: 100% !important; } */

@media (max-width: 1199px) {
  .twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link{padding: 20px 10px !important; white-space: pre-wrap;}
  .nav-link.dropdown-toggle.show .dropdown-icon{transform: rotate(180deg);}
}

@media (max-width: 767px) {
	.card-login{width: 100%;}
	.col-sm-12.col-md-7:has(.dataTables_paginate){padding-left: 0;}
	.col-sm-12.col-md-5:has(.dataTables_info){padding-right: 0;}
}
@media (max-width: 575px) {
	.user-header-icon{min-width: 32px; min-height: 32px;}
  .twt-navbar .user-icon-header{font-size: 32px;}
	.twt-navbar.twt-navbar-common .dropdown-menu{top: 35px;}.login-page:before{display: none;}.login-title{padding: 15px 20px 0px 0px;}
	.breadcrumb-wrapper .add-btn{padding: 8px 10px;}
	.dropdown.admin-dropdown{position: absolute; right: 0px;}
  .img-user .user-div{display: none;}

}

/* tables common */
.table.table-dataTable.dataTable {border-collapse: collapse!important; border-spacing: 0;}
.table td {vertical-align: middle;}
.sr-col {max-width: 65px !important; width: 65px !important;min-width: 65px !important;text-align: center;}
.dataTable .sr-col {max-width: 40px !important; width:40px !important;min-width: 40px !important;text-align: center;}
.wide-col {width: 250px;min-width: 250px;}
.status-col{max-width: 110px !important; width: 110px !important; min-width: 110px !important;}
.actions-col {max-width: 110px !important; width: 110px !important; min-width: 110px !important;text-align: center !important;}

.dataTable .status-col{max-width: 90px !important; width: 90px !important; min-width: 90px !important;}
.dataTable .actions-col {max-width: 55px !important; width: 55px !important; min-width: 55px !important;}
.table td, .table th{padding: 6px 11px;}

.twt-fix-table{max-height:calc(100vh - 210px);}
/* .twt-fix-table.table-responsive::-webkit-scrollbar{width: 10px;height: 10px !important;}
.twt-fix-table.table-responsive{border: 1px solid #dee2e6;}
.twt-fix-table.table-responsive table{margin-bottom: 1px;}
.twt-fix-table.table-responsive::-webkit-scrollbar-thumb {background-color: #c1c1c1;border-radius: 10px;} */
.twt-fix-table.table-responsive .table thead tr th {position: sticky;top: -2px;z-index: 1;}
/* .navbar .dropdown-toggle::after{content: "\f078";  font: var(--fa-font-solid); border: 0;margin: 0;} */
.navbar a.dropdown-toggle .img-user {display: flex; align-items: center; justify-content: flex-start;gap: 7px;}
.navbar a.dropdown-toggle .img-user span{overflow: hidden; text-overflow: ellipsis;}

.twt-fewcol-sticky{overflow: visible;} 
.twt-fewcol-sticky .table thead {position: sticky;top: 49px; z-index: 3;}

/* TWT class list */


.twt-filter-icon{margin-right: 0px;}

.twt-add-icon{margin-right: 0px;}

.twt-search-div{margin-top: 10px; align-self: end;}


@media (min-width: 576px) {
    .twt-filter-icon{margin-right: 4px;}
	.twt-add-icon{margin-right: 4px;}

}


/* TWT class list end*/
  .custom-file-label{white-space: nowrap; overflow-x: hidden;}
  .settings-cards {margin-bottom: 80px;}
  .settings-cards .sticky-div{position: fixed;}


/* Remove this css if you use vertical menu in admin panel */

/* navbar horizontal ===================================================================================================== */

.twt-navbar.twt-navbar-common {background: #444;transition: 0.5s all;min-height: 60px;position: fixed;top: 0;left: 0;right: 0;z-index: 1022;}
.twt-navbar.twt-navbar-common.fixed {box-shadow: 0 1px 15px rgba(30, 30, 30, 0.3);background: #444;padding: 0 !important;}
.twt-navbar.twt-navbar-common .navbar-brand span {color: #eee;font-weight: 900;}
.twt-navbar.twt-navbar-common .navbar-brand{padding: 0 0 0 5px;margin: 0;}
.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link {transition: 0.25s all;border-radius: 0px;}
.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link, .twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link {color: #eee;padding: 0.75rem 1.5rem;border-bottom: 0;}
.twt-navbar.twt-navbar-common .navbar-nav .nav-item:hover .nav-link {color: #fff;background-color: rgba(0, 0, 0, 0.25);}
.twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link, .twt-navbar.twt-navbar-common .navbar-nav .nav-item.active:hover>.nav-link {color: #fff;}
.twt-navbar.twt-navbar-common .dropdown-menu-right {position: absolute;left: auto;right: -13px;margin-top: 9px;}
.twt-navbar.twt-navbar-common .dropdown-menu-right:before {content:'';display: block;border: 7px solid transparent;border-bottom-color: #ddd;height: 0;width: 0;position: absolute;right: 5px;bottom: 100%;}
.twt-navbar.twt-navbar-common button.navbar-toggler .navbar-dash {display: block;height: 3px;width: 30px;background: #fff;margin: 6px;pointer-events: none;transition: all 0.3s ease;}
.twt-navbar.twt-navbar-common .dropdown-menu {top: 58px !important;}
.twt-navbar.twt-navbar-common .dropdown-menu.login-dropdown{right: 2px;background: #FFF;}
.twt-navbar.twt-navbar-common .dropdown-menu.login-dropdown .user-div{display: flex;flex-direction: column;font-size: 14px;font-weight: 500;line-height: 21px;}
.twt-navbar.twt-navbar-common .dropdown-menu.login-dropdown .user-div .name{color: #000;margin: 0;max-width: 150px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
.twt-navbar.twt-navbar-common .dropdown-menu.login-dropdown .user-div .post{color: #555555;margin: 0;max-width: 150px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item {transition: 0.5s all;padding-left: 15px !important;}
/* .twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item:hover {color: #000;} */
.twt-navbar.twt-navbar-common .logo-image {height: 50px; max-width: 140px; object-fit: contain;}
.navbar-nav .dropdown:has(.active) .dropdown-toggle.main-dropdown-link, .navbar-nav .dropdown:has(.active) .dropdown-toggle.main-dropdown-link .dropdown-icon{color: var(--primary-color) !important}
.gap {gap: 4px;}
.wrapper .sidebar .sidebar-nav hr{border-color: #fff;}
.twt-navbar .close-navslide{display: none;}
@media (max-width: 1199px) {
  .twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link, .twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link {padding: 0.75rem 1.25rem;}
  .twt-navbar.twt-navbar-common .navbar-slide{margin-right: 20px;}
  .twt-navbar.twt-navbar-common .navbar-slide::after{right: -2px;}
  .twt-navbar.twt-navbar-common .dropdown-menu{top: 54px;}
  .twt-navbar.twt-navbar-common .navbar-slide .dropdown-menu{top: 62px;border-radius: 0;}
  .twt-navbar.twt-navbar-common{padding: 10px 0;border-bottom: 1px solid #DEE2E6;}.twt-navbar.twt-navbar-common .dropdown-menu.login-dropdown .dropdown-item{color: #212529 !important;}.nav-slide-open .twt-navbar.twt-navbar-common button.navbar-toggler .navbar-dash:nth-child(1) {transform: rotate(45deg) translate(5px,8px);}.nav-slide-open .twt-navbar.twt-navbar-common button.navbar-toggler .navbar-dash:nth-child(2) {opacity: 0;}.nav-slide-open .twt-navbar.twt-navbar-common button.navbar-toggler .navbar-dash:nth-child(3) {transform: rotate(-45deg) translate(5px,-8px);}.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link, .twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link{padding: 15px 15px;}.nav-bottom .navbar-slide .nav-item {border-bottom: 1px solid #DDD;width: 100%;}
  .twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link{max-width: 300px;word-break: break-all;}
  .twt-navbar.twt-navbar-common .navbar-slide::after{display: none;}
  .twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link span{text-wrap: wrap;}
  .twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link:hover{color: #000;}
  .twt-navbar.twt-navbar-common .navbar-nav .nav-item:hover .nav-link{background: #FFF;}
  .twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link{justify-content: space-between;color: #000;}
  .twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item{border-bottom: 1px solid #DDD;}
  .twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item:last-child{border-bottom: none;}
  .twt-navbar.twt-navbar-common .dropdown-menu.login-dropdown{top: 59px;}
  .twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link{padding: 10px !important;}
  .navbar-slide .dropdown .dropdown-item:hover{background-color: transparent !important;color: #000 !important;}
  .twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item:hover{color: #000 !important;}

  .twt-navbar.twt-navbar-common .navbar-brand span {color: #fff;}.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link {color: #efefef;}.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link:hover, .twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link, .twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link:hover {color: #fff;}.twt-navbar.twt-navbar-common .slide {position: fixed;z-index: 999;top: 0;bottom: 0;left: 0;min-width: 250px;width: 300px;max-width: 90%;background-color: #FFF;transform: translate3d(-100%, 0, 0);transition: 0.5s all cubic-bezier(0.165, 0.84, 0.44, 1);border-right: 1px solid transparent;overflow-y: auto;}.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link, .twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link {padding: 0.75rem 1rem;}.twt-navbar.twt-navbar-common .navbar-slide .dropdown-menu {box-shadow: none;}.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item {color: #000;padding-left: 1.75rem;}.nav-slide-open .twt-navbar.twt-navbar-common .slide {transform: translate3d(0, 0, 0);box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);}
  .twt-navbar.twt-navbar-common .dropdown-menu{padding-top: 0;}
  .twt-navbar.twt-navbar-common .navbar-slide .dropdown-menu::before{display: none;}
  /* .twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link{border-bottom: 1px solid #DDD;background-color: var(--primary-color) !important;color: #FFF !important;} */
  .twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link{color: var(--primary-color) !important;}
  .twt-navbar.twt-navbar-common.nav-light .custom-dropdown .dropdown-menu .dropdown-item.nav-link.active{color: var(--primary-color);}
  .twt-navbar.twt-navbar-common .slide{padding-top: 15px;}
  .twt-navbar .close-navslide{font-size: 16px;display: flex;align-items: center;justify-content: end;padding-right: 15px;color: #000;}
  .twt-navbar.twt-navbar-common button.navbar-toggler .navbar-dash{height: 2px;width: 24px;margin-left: 0;}
}
@media (max-width: 991px) {
  /* .twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link:hover .dropdown-icon{color: #FFF;} */
  /* .dropdown-icon{color: #FFF;} */
  /* .twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item{color: #FFF !important;} */
  /* .twt-navbar.twt-navbar-common .dropdown-menu{background: var(--primary-color);} */
}
@media(max-width:576px) {
  .twt-navbar.twt-navbar-common .logo-image {height: 50px; max-width: 120px; object-fit: contain;}
  .twt-navbar.twt-navbar-common .dropdown-menu.login-dropdown{top: 51px !important;}
  .img-user .user-drop-icon{font-size: 11px;}
  .twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item.user-div:hover{box-shadow: none;background: #FFF;}
  .twt-navbar.twt-navbar-common .dropdown-menu.login-dropdown .user-div{padding-left: 15px;border-bottom: 1px solid #DDD;}
  
  .error-page-sec .content{flex-direction: column;gap: 15px 0;text-align: center;}
  .error-page-sec .content .error-text{padding-bottom: 15px;margin-bottom: 0;border-right: 0;border-bottom: 1px solid #e2e2e2;padding-right: 0;margin-right: 0;line-height: 1;width: 100%;}
  .error-page-sec .content .text{font-size: 16px;line-height: 28px;}
  .error-page-sec .content .error-text{font-size: 42px;}

  .error-page-sec{padding: 35px 0;}
  .error-page-sec .inner-content .heading{font-size: 56px;}
  .error-page-sec .inner-content .text{font-size: 16px;}
  .error-page-sec .inner-content .message{font-size: 14px;line-height: 22px;}
  
  .twt-navbar.twt-navbar-common .navbar-brand{padding: 0 0 0 10px;}
}
@media (max-width: 425px) {
/* .twt-navbar.twt-navbar-common .dropdown-menu{left: -20px;} */
.navbar a.dropdown-toggle .img-user {max-width: 120px;}
.dataTables_wrapper .page-link{padding: 3px 8px !important;}
}
@media (max-width: 374px){
  .twt-navbar.twt-navbar-common .slide{width: 250px;}
}

@media (min-width: 1200px) {
  .twt-navbar.twt-navbar-common .dropdown-menu.w-200px {min-width: 200px;}
  .twt-navbar.twt-navbar-common .dropdown-left .dropdown-menu {left: auto;right: 0;}
  .settings-cards .sticky-div{position: fixed; left: 0;}
  .wrapper.toggled .settings-cards .sticky-div{left: 35px;}
  
  .twt-navbar.twt-navbar-common{border-bottom: 1px solid #DEE2E6;padding: 0 0;}
  .twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link {color: #000;}
  .twt-navbar.twt-navbar-common .navbar-nav .nav-item:hover .nav-link {background-color: transparent;color: var(--primary-color);}
  .twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link:hover>.dropdown-icon{color: var(--primary-color);}
  }


/* for lighter navbars add 'nav-light' class */

.twt-navbar.twt-navbar-common.nav-light .navbar-brand span {color: #333;}
.twt-navbar.twt-navbar-common.nav-light button.navbar-toggler .navbar-dash {background: #000;}


.twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link{background-color: #fff;}
.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item:hover .icon-dropdown{color: var(--primary-color3) !important;}


/* navbar Horizontal End ===================================================================================================== */


/* Remove this css if you use vertical menu in admin panel */

/*================================================ New CSS ================================================*/

/* Error 404 */
.error-page-height{display: flex;align-items: center;justify-content: center;}
.error-page-sec{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.error-page-sec .content{display: flex;align-items: center;}
.error-page-sec .content .error-text{margin-bottom: 0;font-size: 48px;font-weight: 500;line-height: 58px;padding-right: 15px;margin-right: 15px;border-right: 1px solid #e2e2e2;}
.error-page-sec .content .text{margin: 0;font-size: 18px;line-height: 32px;color: #212529;}

/* Error 500 */
.server-page-section{display: flex;align-items: center;justify-content: center;}
.error-page-row{gap: 20px 0;}
.error-page-main{position: relative;overflow: hidden;}
.error-page-sec{padding: 54px 0;height: 100%;position: relative;overflow: hidden;}
.center-col{display: flex;align-items: center;}
.error-page-sec .inner-content{display: flex;flex-direction: column;align-items: flex-start;justify-content: center;}
.error-page-sec .inner-content .heading{font-size: 120px;line-height: 1;font-weight: 700;margin-bottom: 5px;color: var(--primary-color);}
.error-page-sec .inner-content .text{font-size: 22px;line-height: 32px;font-weight: 400;color: var(--primary-color);margin-bottom: 10px;}
.error-page-sec .inner-content .message{font-size: 16px;line-height: 24px;}


/* All Common CSS  */

::-webkit-scrollbar {width: 6px;height: 6px;border-radius: 10px;}
::-webkit-scrollbar-track {background: #EEEEEE;}
::-webkit-scrollbar-thumb {background: #CCCCCC;border-radius: 10px;}
::-webkit-scrollbar-thumb:hover {background: #555;}

.filter-result-wrapper{margin-bottom: 50px;}
.color-secondary{color: var(--secondary-color);}
.form-check-input{border: 1px solid var(--dark-55);width: 16px;height: 16px;}
.form-check-input:focus{border-color: var(--secondary-color);}
.form-check-input:checked{background-color: var(--secondary-color) !important;border-color: var(--secondary-color);}
.twt-custom-switch .form-check-input{border: 1px solid rgba(0,0,0,.25) !important;}
.twt-custom-switch .form-check-input:checked{border: 1px solid var(--secondary-color) !important;}
.twt-custom-switch .form-check-input:checked:focus{border: 1px solid var(--secondary-color) !important;}
.form-switch .form-check-input:active{border: 1px solid var(--secondary-color) !important;}
input:read-only:focus{border-color: #D9D9D9;}
input[type="text"]:read-only:focus{border-color: var(--primary-color);}
.word-break-all{word-wrap: break-word;word-break: break-all;}
.dark-btn{padding: 8px 10px;border-radius: 7px;background: var(--dark-33);font-size: 14px;font-weight: 400;line-height: 16px;color: #fff;border: 0;transition: var(--common-transition);}
.dark-btn:hover{background: var(--dark-55);}
.navbar .dropdown-menu[data-bs-popper]{margin-top: 0 !important;}
.color-blue{color: #007BFF !important;font-weight: 500 !important;}

/* Tags  */
.common-tag{padding: 4px 6px;border-radius: 4px;font-size: 13px;font-weight: 400;line-height: 15px;color: #fff;display: block;width: fit-content;margin-bottom: 0;border: 0;display: flex;align-items: center;justify-content: center;}
.all-investor-table .common-tag{margin-bottom: 7px;}
.common-tag .icon{display: flex;margin-left: 5px;width: 16px;height: 16px;align-items: center;justify-content: center;font-size: 13px;}
.secondary-tag{background: var(--secondary-color);}
.yellow-tag{background: #FFD93D;color: #000;}
.blue-tag{background: #007BFF;}
.orange-tag{background: #FFA401;}
.lightdark-tag{background: #DDDDDD;color: #000;}
.lightpink-tag{background: #9040CE;}
.primary-tag{background: var(--primary-color);}
.red-tag{background: var(--red-color);}
.trans-tag{width: 24px;height: 24px;border-radius: 4px;display: inline-flex;align-items: center;justify-content: center;margin-left: 10px;}
.trans-tag .icon{width: 16px;height: 16px;font-size: 12px;display: flex;align-items: center;justify-content: center;color: #fff;}
.secondary-trans-tag{background: #32B24A29;}
.red-trans-tag{background: #FF000029;}
.secondary-trans-tag .icon{color: var(--secondary-color);}
.red-trans-tag .icon{color: var(--red-color);}
.joint-holder-dropdown .common-tag{background: linear-gradient(to right, #ff7566, #ff7566);border-radius: 4px;}
.custom-dropdown .dropdown-menu .dropdown-item:hover .icon.menu-assign-inv{color: #900C3F;}

/* Datatable  */
.checkbox-col{min-width: 15px !important;max-width: 15px !important;width: 15px !important;padding-right: 20px !important;}
.datatable-new .dataTable{width: 100% !important;}
.datatable-new .dataTables_wrapper .bottom{display: flex;align-items: center;justify-content: end;gap: 15px;margin-top: 10px;width: 100%;flex-wrap: wrap;}
.datatable-new .bottom .dataTables_info{padding-top: 0;margin-top: 0 !important;margin-right: auto;font-size: 14px;font-weight: 400;line-height: 21px;color: #000;}
.datatable-new .bottom .dataTables_paginate{margin-top: 0 !important;}
.datatable-new .table{border-top: 1px solid #DEE2E6;border-bottom: 1px solid #DEE2E6;margin-bottom: 0;}
.datatable-new .table-row .table:last-child{border-right: 1px solid #DEE2E6;} 
.datatable-new .twt-table-header th{background: rgb(91 91 91);border-color: #DEE2E6;font-size: 14px;font-weight: 500;line-height: 18px;color: #fff !important;}
.datatable-new .table td, .datatable-new .table th{padding: 10px;}
.datatable-new .table td{border-color: #DEE2E6;}
.datatable-new td{font-size: 14px;font-weight: 400;line-height: 16px;color: var(--dark-55);}
.datatable-new td.data-bold{font-size: 15px;font-weight: 500;line-height: 21px;color: var(--dark-33);}
.datatable-new td.sr-col{text-align: center;}
.address-th{width:200px !important;min-width:200px;max-width:200px !important;}
table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting:after{right: 6px !important;}
.action-grp-btn{background: transparent;padding: 0;margin: 0;border: 0;}
.action-grp-btn .menu-dots{display: flex;font-size: 18px;color: #555555;}
.bottom-button-card{box-shadow: 4px 0px 13px 0px #00000029;background: #FFFFFF;padding: 8px 0;position: fixed;width: 100%;left: 0;right: 0;bottom: 34px;}
.bottom-button-card .inner-content{display: flex;align-items: center;justify-content: center;width: 100%;}
.dataTables_length .form-select{padding: 4px 30px 4px 15px;}
/* .dataTables_wrapper .pagination{border-radius: 7px;} */
.dataTables_wrapper .page-item:first-child .page-link{border-top-left-radius:7px;border-bottom-left-radius:7px;}
.dataTables_wrapper .disabled>.page-link, .dataTables_wrapper .page-link.disabled{border-color: #DEE2E6;}
.dataTables_wrapper .page-item:last-child .page-link{border-top-right-radius: 7px;border-bottom-right-radius: 7px;}
.dataTables_wrapper .page-item.previous .page-link, .dataTables_wrapper .page-item.next .page-link{color: #000000;}
.dataTables_wrapper .page-link{padding: 4px 12px;font-size: 13px;color:   #000;}
.table .file-name{font-size: 14px;font-weight: 500;line-height: 24px;color: #007BFF;}
.datatable-new .form-check{display: flex;align-items: center;justify-content: center;text-align: center;}
.form-check.check-all{justify-content: end;}
.paginate_button.disabled .page-link{color: var(--bs-pagination-disabled-color) !important;}
.twt-fix-table.convert-investor-table{max-height: calc(100vh - 280px);}

/* Breadcrumb  */
.breadcrumb-wrapper{display: flex;justify-content: space-between;background: #F1F1F1;border-bottom: 1px solid #DEE2E6;padding: 10px 15px;align-items: center;}
.breadcrumb-wrapper .header-title{font-size: 20px;font-weight: 500;line-height: 23px;color: #000;margin-bottom: 0;}
.breadcrumb-wrapper .breadcrumb-btn-group{display: flex;align-items: center;gap: 10px;}
.breadcrumb-wrapper .breadcrumb-btn{padding: 8px 10px;border-radius: 7px;display: flex;align-items: center;border: 0;gap: 0 10px;font-size: 14px;font-weight: 400;line-height: 16px;color: #fff;width: fit-content;transition: var(--common-transition);}
.breadcrumb-btn .icon{display: flex;width: 16px;height: 16px;align-items: center;justify-content: center;}
.breadcrumb-wrapper .import-csv-btn{background: var(--secondary-color);}
.breadcrumb-wrapper .import-csv-btn:hover{background: var(--primary-color);}
.breadcrumb-wrapper .import-csv-btn .icon{font-size: 16px;}
.breadcrumb-wrapper .add-btn{background: var(--primary-color);}
.breadcrumb-wrapper .add-btn:hover{background: var(--secondary-color);}
.breadcrumb-wrapper .delete-btn{background: #ff7566;}
.breadcrumb-wrapper .delete-btn:hover{background: var(--red-color);}
.breadcrumb-wrapper .investor-btn{background: #900C3F;}
.breadcrumb-wrapper .investor-btn:hover{background: #000;}
.breadcrumb-wrapper .filter-btn,.breadcrumb-wrapper .export-btn{background: var(--dark-33);}
.breadcrumb-wrapper .filter-btn:hover, .breadcrumb-wrapper .export-btn:hover{background: var(--dark-55);}
.horizontal-header .setting-part{top: 70px;border-top: 0;overflow-x: auto;}

/* Table Listing  */
.listing-card{box-shadow: 0px 0px 7px 0px #00000029;padding: 15px 10px 10px 10px;border-radius: 10px;background: #fff;border: 0;}
.listing-card .table{margin-bottom: 0;}
.table .call-icon{font-size: 16px;display: inline-flex;color: var(--primary-color);margin-left: 5px;}
.action-btns{background: transparent;border: 0;color: #000;font-size: 18px !important;height: 18px;padding: 0 !important;width: 25px;display: inline-flex;align-items: center;justify-content: center;}
.action-btns.edit-btn{color: var(--secondary-color);}
.action-btns.call-status-btn{color: #FFA401;}
.action-btns.delete-btn{color: var(--red-color);}
.twt-search-div .btn-theme:hover{background-color: var(--secondary-color) !important;}
.twt-custom-switch .form-check-input{margin-top: 0;height: 14px;}
.twt-custom-switch{margin-bottom: 0;justify-content: flex-start !important;}
.form-check .control-label{margin-bottom: 0;}
.form-check .form-check-input{margin-top: 2px;}
.twt-custom-switch.form-check .form-check-input{margin-top: 0px;}

/* Add Page  */
.add-form-page{margin-bottom: 34px;}
.add-form-page .listing-card{padding: 18px 15px 0 15px;}
.add-form-page .common-form-btn{padding: 8px 28px;}
.add-form-page .common-form-btn.twt-back-btn{background: #fff;border-color: var(--dark-33);color: var(--dark-33);}
.add-form-page .common-form-btn.twt-back-btn:focus{background: var(--dark-55) !important;border-color: var(--dark-55) !important;color: #fff !important;}
.add-form-page .common-form-btn.twt-back-btn:hover{background: var(--dark-55);color: #fff;border-color: var(--dark-55);}
.add-form-page .btn-groups{justify-content: center;width: 100%;}
.add-form-page .sticky-div{bottom: 34px;}
.add-checkbox-col{display: flex;align-items: end;}
.form-section{margin-bottom: 15px;}
.form-section .inner-txt{display: flex;align-items: center;gap: 0 10px;padding: 12px 15px;background: #F1F1F1;border-radius: 6px;}
.form-section .inner-txt .text{font-size: 17px;font-weight: 500;line-height: 18px;color: #000;margin-bottom: 0;}
.form-section .inner-txt .icon{display: flex;font-size: 18px;color: #000;}
.form-group .input-group .flex-fill{width: 180px;}
.add-row-card{border-color: #DDDDDD;}
.add-row-card .card-title{margin-bottom: 0;font-size: 16px;font-weight: 500;line-height: 18px;color: #212529;}
.add-row-card .card-header{border-bottom-color: #eee;padding: 12px 15px;}
.add-row-card .radio-options{justify-content: center;}
.add-form-page .hr-line{border-color: #ddd;opacity: 1;}
.form-control:disabled{background: #eee;border-color: transparent;}
.form-check-input[type="checkbox"]:focus{border: 1px solid var(--dark-55) !important;}
.form-check-input[type="checkbox"]:checked:focus{border: 1px solid var(--secondary-color) !important;}
.select2-selection__choice{background: #DDDDDD;color: #000;}
.form-switch .form-check-input:focus{border-color: rgba(0,0,0,.25) !important;}


/* Main Footer  */
.main-footer-section{background: #F1F1F1;padding: 8px 0;position: fixed;bottom: 0;width: 100%;z-index: 3;}
.main-footer-section .text{font-size: 14px;font-weight: 400;line-height: 18px;text-align: center;color: #000000;margin-bottom: 0;}
.main-footer-section .twt-link{color: #000;}

/* Dropdown CSS  */
.custom-dropdown .dropdown-menu{border: 0;box-shadow: 0px 0px 34px 0px #00000029;padding: 12px;border-radius: 7px;background: #fff;top: 15px !important;height: fit-content;}
.custom-dropdown .dropdown-menu::before{content: "";position: absolute;right: 10px;top: -12px;width: 0;height: 0;border-bottom: 13px solid #fff;border-left: 7.5px solid transparent;border-right: 7.5px solid transparent;box-shadow: 0px 0px 34px 0px #00000029}
.custom-dropdown .dropdown-menu .dropdown-item{display: flex;gap: 0 5px;align-items: center;font-size: 13px;font-weight: 400;line-height: 18px;color: #000;padding: 0;margin-bottom: 8px;transition: all 0.1s ease-in-out; }
.custom-dropdown .dropdown-menu .dropdown-item:nth-last-child(1){margin-bottom: 0;}
.twt-navbar.twt-navbar-common.nav-light .custom-dropdown .dropdown-menu .dropdown-item.nav-link{display: flex; justify-content: space-between; background: transparent;}
.custom-dropdown .dropdown-menu .dropdown-item:hover{background: transparent;}
.custom-dropdown .dropdown-menu li:last-of-type>.dropdown-item.nav-link{margin-bottom: 0 !important;}
.custom-dropdown .dropdown-menu .dropdown-item .icon{display: flex;font-size: 14px;width: 16px;height: 16px;align-items: center;justify-content: center;transition: all 0.1s ease-in-out;color: #000;}
.custom-dropdown .dropdown-menu .dropdown-item.red-menu:hover,.custom-dropdown .dropdown-menu .dropdown-item.red-menu:hover .icon, .custom-dropdown .dropdown-menu .dropdown-item:hover .red-menu{color: var(--red-color);}
.custom-dropdown .dropdown-menu .dropdown-item:hover .blue-menu, .custom-dropdown .dropdown-menu .dropdown-item.blue-menu:hover{color: #007BFF;}
.custom-dropdown .dropdown-menu .dropdown-item:hover .menu-secondary, .custom-dropdown .dropdown-menu .dropdown-item.menu-secondary:hover, .custom-dropdown .dropdown-menu .dropdown-item.menu-secondary:hover .icon{color: var(--secondary-color);}
.custom-dropdown .dropdown-menu .dropdown-item:hover .menu-accent, .custom-dropdown .dropdown-menu .dropdown-item.menu-accent:hover{color: var(--accent-color);}
.custom-dropdown .dropdown-menu .dropdown-item:hover .menu-darkpink, .custom-dropdown .dropdown-menu .dropdown-item.menu-darkpink:hover{color: pink;}
.custom-dropdown .dropdown-menu .dropdown-item:hover .menu-light-red, .custom-dropdown .dropdown-menu .dropdown-item.menu-light-red:hover{color: #F1592D;}
.custom-dropdown .dropdown-menu .dropdown-item:hover .menu-darkblue, .custom-dropdown .dropdown-menu .dropdown-item.menu-darkblue:hover{color: #9747FF;}
.custom-dropdown .dropdown-menu .dropdown-item:hover .menu-yellow, .custom-dropdown .dropdown-menu .dropdown-item.menu-yellow:hover{color: var(--yellow-color);}
.action-dropdown.custom-dropdown .dropdown-menu .dropdown-item{padding-bottom: 8px;border-bottom: 1px solid #DDDDDD;}
.action-dropdown.custom-dropdown .dropdown-menu .dropdown-item:nth-last-child(1){padding-bottom: 0;border-bottom: 0;}
.dropdown-table th, .dropdown-table td{border: 0;padding: 0 !important;}
.dropdown-table th{width: 120px;min-width: 120px;}
.dropdown-table td{width: 80px;min-width: 80px;}
.dropdown-table tr th, .dropdown-table tr td{padding-bottom: 10px !important;}
.dropdown-table tr:nth-last-child(1) th, .dropdown-table tr:nth-last-child(1) td{padding-bottom: 0 !important;}
.company-text{background: transparent;border: 0;padding: 0;margin: 0;font-weight: 500;color: #007BFF !important;text-align: left;}
.custom-dropdown .dropdown-menu.dropdown-menu-start::before{right: unset;left: 13px;}
.btn-groups{display: flex;gap: 0 10px;align-items: center;margin: 0;}
.dropdown-menu .table{border: 0 !important;}

.investor-detail-modal .custom-dropdown .dropdown-menu::before{right: 1px;}
.investor-detail-modal .custom-dropdown .dropdown-menu{border-radius: 7px 0 7px 7px;}

.custom-dropdown .dropdown-menu.action-dropdown-menu{transform:translate(-100%, -7px) !important;   inset:0 !important; right: initial !important;left: 0 !important;width: auto;}
.custom-dropdown .action-dropdown-menu.dropdown-menu::before{right: -12px;top: 9px;transform: rotate(90deg);}

.dropup.custom-dropdown .dropdown-menu{bottom: -100% !important;}
.custom-dropdown .action-dropdown-menu.dropdown-menu::before{bottom: 6px;transform: rotate(90deg);}
.dropup.custom-dropdown .action-dropdown-menu.dropdown-menu::before{bottom: 22px;transform: rotate(90deg);}
table tbody>tr:first-child td .dropup.custom-dropdown .dropdown-menu{bottom: unset !important;}
table tbody>tr:first-child td .dropup.custom-dropdown .action-dropdown-menu.dropdown-menu::before{right: -12px;top: 9px;transform: rotate(90deg);}
/* table tbody>tr:nth-of-type(3) td .dropup.custom-dropdown .dropdown-menu{top: 100% !important;} */
table tbody>tr:nth-of-type(3) td .dropup.custom-dropdown .action-dropdown-menu.dropdown-menu::before{right: -12px;top: 9px;transform: rotate(90deg); }

table tbody>tr:first-child td .custom-dropdown .dropdown-menu.dropdown-menu-assigned{top: 35px !important;}
table tbody>tr:first-child td .custom-dropdown .dropdown-menu.dropdown-menu-assigned::before{top: 15px !important;}

table tbody>tr:first-child td .dropup.custom-dropdown.dropreason-dropdown .dropdown-menu{transform: translate(-43px, 30px) !important;inset: 0px 0px auto auto !important;}
table tbody>tr:first-child td .dropup.custom-dropdown.dropreason-dropdown .dropdown-menu::before{right: 10px !important;top: -12px !important;bottom: unset !important;transform: unset !important;}

table tbody>tr:first-child td .custom-dropdown .dropdown-menu.company-drop-custom{top: 35px !important;}
table tbody>tr:first-child td .custom-dropdown .dropdown-menu.company-drop-custom::before{top: 15px !important;}

.custom-dropdown .dropdown-menu.dropdown-menu-assigned, .custom-dropdown .dropdown-menu.dropdown-no-shares{transform: translate(-105%, -50%) !important;top: 12px !important;}
.custom-dropdown .dropdown-menu.dropdown-menu-assigned::before, .custom-dropdown .dropdown-menu.dropdown-no-shares::before{right: -12px;top: 50%;transform: translateY(-50%) rotate(90deg);}

table tbody>tr:nth-of-type(2) td .dropup.custom-dropdown .action-dropdown-menu.dropdown-menu::before{right: -12px;top: 9px;transform: rotate(90deg);}
.dropreason-dropdown .dropdown-menu{inset: 10px 0px auto auto !important;}
.dropreason-dropdown{width: fit-content;}

/* Modal  */
.modal .modal-body .inner-content{padding: 0 15px}
.modal .modal-body .inner-content{padding: 0 15px 15px 15px;}
.fy-summary-modal.modal .modal-body .twt-fix-table, .investor-history-modal.modal .modal-body .twt-fix-table{max-height: 237px;height: 100%;}
.modal .modal-body{padding: 15px 0 0 0;}
.modal .modal-body .failed-response-content{padding: 0 15px 15px 15px;}
.modal .modal-body .failed-response-content .danger-toaster{background: #FF00001A;padding: 6px 10px;border-radius: 4px;margin-bottom: 0;font-size: 14px;font-weight: 400;line-height: 21px;color: var(--red-color);}
.modal .failed-response-content .list-div{margin-top: 10px;display: flex;flex-direction: column;gap: 10px 0;}
.modal .failed-response-content .list-div .list{font-size: 14px;font-weight: 400;line-height: 21px;margin-bottom: 0;color: var(--dark-55);}
.modal .failed-response-content .list-div .list .font-bold{font-weight: 500;color: #000;}
.input-group .input-group-append .btn{padding: 6px 12px;transition: var(--common-transition);}
.input-group .input-group-append .btn:hover{background: var(--secondary-color) !important;}
.input-group .input-group-append .btn:active{border-color: transparent;}
.input-group .form-select, .input-group .select2-selection{border-radius: 4px;}
.input-group .border-radius-0 .select2-selection{border-radius: 4px !important;}
.input-group .border-radius-0 .select2-container--open .select2-selection{border-radius: 4px 4px 0 0 !important;}
.input-group .flex-fill .select2-selection{border-radius: 4px 0 0 4px;}
.select2-selection{padding: 6px 12px !important;}

.select2{left: 0;}


/* Sidebar Filter  */
.filter-main-sidebar {position: fixed;left: 0;max-width: 350px;width: 330px;top: 0;bottom: 0;background-color: #fff;height: 100%;z-index: 1028;border-right: 1px solid #ddd;overflow-y: auto;transform: translate3d(-100%, 0, 0);transition: 0.5s;overflow-x: hidden;}
.filter-main-sidebar.show-sidebar {transform: translate3d(0, 0, 0);transition: 0.5s;}
.filter-main-sidebar .filter-card-header{position: sticky;top: 0px;z-index: 9;background: #f1f1f1;padding: 15px;display: flex;align-items: center;justify-content: space-between;}
.filter-main-sidebar .filter-card-header .filter-text{font-size: 18px;font-weight: 500;line-height: 21px;color: #000;margin-bottom: 0;display: flex;align-items: center;gap: 0 7px;}
.filter-main-sidebar .filter-card-header .icon{display: flex;}
.filter-main-sidebar .btn-close{color: #000;opacity: 1;}
.filter-overlay.show-filter {position: relative;}
.filter-overlay.show-filter::before {content: "";position: fixed;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.25);z-index: 1022;}
.filter-main-sidebar .card-main-body{padding: 13px 15px 0 15px;}
.card-footer-sticky {position: sticky;bottom: 0;left: 0;right: 0;z-index: 9;background: white;border-top: 1px solid #ddd;padding-top: 15px;display: flex;align-items: center;justify-content: center;gap: 0 10px;border-radius: 0;margin-top: 0;padding-bottom: 10px;}

.fixed-filter-iconbtn{width: 40px;height: 40px;box-shadow: 0px 0px 20px 0px #00000057;background: #333333;border-radius: 100px;position: fixed;right: 20px;bottom: 20px;z-index: 1;display: none;align-items: center;justify-content: center;cursor: pointer;}
.fixed-filter-iconbtn .icon{display: flex;color: #fff;}
.fixed-filter-iconbtn .btn{padding: 0;margin: 0;}

.twt-navbar.twt-navbar-common .custom-dropdown .dropdown-menu .nav-link{margin-bottom: 10px;}
.twt-link{transition: var(--common-transition);}
.twt-link:hover{color: var(--primary-color);}
.file-note li{margin-left: 5px;}
.twt-search-div .btn-outline-secondary{background: var(--dark-33) !important;color: #fff;}
.twt-search-div .btn-outline-secondary:hover{background: transparent !important;border-color: var(--dark-33);color: #000;}
.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item:active{background: transparent;color: #000;}
.select2 .select2-selection__rendered{padding-right: 20px !important;}

/* Dashboard  */
.dashboard-tables{width: 100%;padding: 15px 0;display: flex;flex-direction: column;align-items: center;gap: 30px 0;}
.dashboard-tables .investor-table{width: fit-content;}
.dashboard-tables .twt-table-header th{font-size: 16px;line-height: 18px;}
.dashboard-tables th{border-bottom: 0;}
.dashboard-tables .followup-table .table-header{margin-bottom: 0;background: #E9ECEF;text-align: center;width: 100%;font-size: 16px;font-weight: 500;line-height: 18px;color: #000;padding: 10px 0;border-top: 1px solid #DEE2E6;border-left: 1px solid #DEE2E6;border-right: 1px solid #DEE2E6;}
.dashboard-tables .followup-table .pending{text-align: center;color: #FFA401;}
.dashboard-tables .followup-table .completed{text-align: center;color: var(--secondary-color);}
.dashboard-tables tbody tr td:nth-child(1){color: #000;font-weight: 500;}
.dashboard-tables .followup-table .overdue{color: var(--red-color) !important;}
.dashboard-tables .followup-table .table-row{display: flex;flex-wrap: wrap;}
.dashboard-tables .dashboard-link{text-decoration: none;color: var(--dark-55);transition: all 0.2s ease-in-out;word-break: break-all;}
.dashboard-tables .dashboard-link:hover{color: #0d6efd;}
.dashboard-tables .empty-td{opacity: 0;}
.dashboard-breadcrumb{width: 15%;justify-content: end;}
.dashboard-breadcrumb .form-group{width: 100%;}

/* Follow Ups  */
.follow-ups-main{padding: 15px;max-width: 375px;margin: auto;}
.follow-ups-main .main-div:nth-last-child(1) .info-row .info-div:nth-last-child(1){padding-bottom: 20px;}
.follow-ups-main .sec-row{border-radius: 10px;box-shadow: 0px 0px 16px 0px #00000029;height: calc(100vh - 185px);overflow-y: scroll;background: transparent;}
.follow-ups-main .main-div .sec-title{padding: 6px 10px;font-size: 14px;font-weight: 500;line-height: 18px;text-align: left;margin-bottom: 0;}
.follow-ups-main .followup-date{font-weight: 600;}
.follow-ups-main .main-div:has(.overdue) .followup-date{color: var(--red-color);}
.follow-ups-main .main-div:has(.today) .followup-date{color: var(--secondary-color);}
.follow-ups-main .main-div:has(.upcoming) .followup-date{color: var(--yellow-color);}
.follow-ups-main .main-div .sec-title.overdue{background: #FF000029;color: var(--red-color);}
.follow-ups-main .main-div:nth-child(1) .sec-title{border-radius: 10px 10px 0 0}
.follow-ups-main .main-div .sec-title.today{background: #32B24A29;color: var(--secondary-color);}
.follow-ups-main .main-div .sec-title.upcoming{background: #FFA40129;color: var(--yellow-color);}
.follow-ups-main .main-div .info-div{padding: 10px;border-bottom: 1px solid #DEE2E6;display: flex;flex-direction: column;gap: 7px 0;}
.follow-ups-main .main-div .info-div .title-div{display: flex;align-items: center;justify-content: space-between;gap: 0 50px;}
.follow-ups-main .main-div .info-div .inner-font{margin-bottom: 0;font-size: 14px;font-weight: 400;line-height: 18px;text-align: left;color: #000;margin-bottom: 0;}
.follow-ups-main .main-div .info-div .custom-dropdown{width: 16px;height: 16px;}
.follow-ups-main .main-div .info-div .action-grp-btn .menu-dots{font-size: 16px;}
.follow-ups-main .main-div .info-div .font-light{color: #777777;font-size: 14px;font-weight: 400;line-height: 18px;margin-bottom: 0;}
.follow-ups-main .main-div .info-div .message-div{display: flex;align-items: center;gap: 7px;}
.follow-ups-main .main-div .info-div .message-div .message{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.follow-ups-main .main-div .info-div .message-div .read-more-btn{font-size: 14px;font-weight: 400;line-height: 18px;text-align: left;color: var(--primary-color);white-space: nowrap;text-transform: capitalize;}
.follow-ups-main .main-div .info-div .message-div.read-more{flex-direction: column;align-items: start;}
.follow-ups-main .main-div .info-div .message-div.read-more .message{white-space: normal;text-overflow: unset;overflow: visible;}
.follow-ups-main .main-div:nth-last-child(1) .info-div:nth-last-child(1){border-bottom: 0;}
.follow-ups-main .action-dropdown.custom-dropdown .dropdown-menu .dropdown-item{padding-bottom: 0;border-bottom: 0;margin-bottom: 10px;}
.follow-ups-main .action-dropdown.custom-dropdown .dropdown-menu .dropdown-item:nth-last-child(1){margin-bottom: 0;}
.follow-ups-main .custom-dropdown .dropdown-menu .dropdown-item{font-size: 14px;line-height: 21px;width: fit-content;}
.follow-ups-main .custom-dropdown .dropdown-menu{top: 10px !important;right: -10px !important;inset: 10px -10px  auto auto !important;}
.filter-result-wrapper.follow-ups-wrapper{margin-bottom: 0;padding-bottom: 25px;}
.select2-container--bootstrap-5.select2-container--disabled .select2-selection, .select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection{cursor: auto !important;}
.investor-detail-modal.follow-up-page .modal-header{position: sticky;top: -4px;z-index: 11;}

.highlighted-tag{width: 8px;height: 8px;display: inline-block;background: var(--primary-color);border-radius: 50px;margin-left: 5px;}
.follow-up-page.investor-detail-modal .detail-div:nth-last-child(1){border-bottom: 0;}
.follow-ups-wrapper .investor-name{color: #007BFF !important;}

.dashboard-tables .text-closed{color: #32B24A !important;}
.dashboard-tables .text-close-requested{color: #007BFF !important;}
.dashboard-tables .text-pending{color: #FFA401 !important;}
.dashboard-tables .text-dropped{color: #FF0000 !important;}
.dashboard-tables .tables-main{display: flex;flex-wrap: wrap;justify-content: center;gap: 0 30px;}

/* Investors Screen Mobile Div Listinng  CSS */
.investor-mobile-divlisting{background: #fff;padding: 10px 0;height: 100%;}
.investor-mobile-divlisting .listing-cards{display: flex;flex-direction: column;gap: 10px 0;padding-bottom: 30px;}
.investor-mobile-divlisting .listing-cards .single-investor-card{border: 1px solid #DEE2E6;border-radius: 4px;}
.listing-cards .single-investor-card .top-header{border-bottom: 1px solid #DEE2E6;padding: 10px 17px;background: rgb(50 178 74 / 30%);border-radius: 3px 3px 0 0;}
.single-investor-card .top-header{display: flex;align-items: center;gap: 0 15px;justify-content: space-between;}
.single-investor-card .top-header .investor-det{font-size: 16px;font-weight: 500;line-height: 26px;text-align: left;color: #333333;margin-bottom: 0;max-width: 91%;} 
.single-investor-card .top-header .call-icon{font-size: 16px;color: var(--primary-color);display: inline-block;vertical-align: text-top;}
.single-investor-card .top-header .call-icon .call{display: flex;}
.single-investor-card .top-header .action-dropdown{display: flex;}
.single-investor-card .inner-content{padding: 10px;}
.single-investor-card .inves-mobile-details tr .th-bg{background: #E9ECEF;text-align: left;vertical-align: middle;min-width: 37%;width: 37%;max-width: 37%;}
.single-investor-card .inves-mobile-details .inline-td{display: flex;flex-wrap: wrap;gap: 5px;align-items: center;}
.single-investor-card .custom-dropdown.dropdown-table .dropdown-menu{transform:translate(0%, 20%) !important;}
.single-investor-card .custom-dropdown.dropdown-table .dropdown-menu::before{left: 12px !important;}
.single-investor-card .custom-dropdown .dropdown-menu.dropdown-menu-assigned{transform: translate(0%, -50%) !important;top: 70px !important;}
.single-investor-card .custom-dropdown.joint-holder-dropdown .dropdown-menu.dropdown-menu-assigned{inset: 0px 0px auto auto !important;top: 7px !important;right: -10px !important;transform: translate(28%, 20px) !important;}
.single-investor-card .custom-dropdown .dropdown-menu.dropdown-menu-assigned::before{right: unset;top: 0;transform: translateY(-50%) rotate(120deg);left: 10px !important;}
.single-investor-card .custom-dropdown.joint-holder-dropdown .dropdown-menu.dropdown-menu-assigned::before{left: unset !important;right: 50%;transform: translateY(-50%);}
.single-investor-card .datatable-new .table td, .single-investor-card .datatable-new .table th{padding: 7px;}
.single-investor-card .custom-dropdown.assigned-dropup .dropdown-menu.dropdown-menu-assigned{transform: translate(0%, -117%) !important;top: 0 !important;}
.single-investor-card .custom-dropdown.assigned-dropup .dropdown-menu.dropdown-menu-assigned::before{top: unset;transform: translateY(0) rotate(180deg);left: 10px;bottom: -10px;}
.single-investor-card .custom-dropdown.action-dropdown .dropdown-menu{inset: 0px 0px auto auto !important;top: 10px !important;right: -10px !important;transform: translate(0, 20px) !important;}
.single-investor-card .common-tag{padding: 3px 5px;font-size: 12px;line-height: 14px;}
.dashboard-cards .inner-content{padding: 15px 0;}
.dashboard-cards .cards-row{gap: 15px 0;}
.dashboard-cards .cards-row .row{gap: 15px 0;}
.dashboard-cards .inner-content .title{font-size: 20px;font-weight: 600;line-height: 26px;color: #000;margin-bottom: 15px;}
.dashboard-cards .inner-content .inner-card{border-radius: 8px;transition: all 0.3s ease-in-out;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.12);display: block;height: 100%;}
.dashboard-cards .inner-content .inner-card .heading{font-size: 16px;font-weight: 500;line-height: 22px;text-align: center;color: #fff;margin-bottom: 0;}
.dashboard-cards .inner-content .inner-card .counter{font-size: 25px;font-weight: 600;line-height: 29px;color: #fff;margin-bottom: 0;}

.dashboard-cards .inner-content .inner-card.yellow-gradient{background: linear-gradient(to right, #ff7566, #f5af19);}
.dashboard-cards .inner-content .inner-card.green-gradient{background: linear-gradient(101.54deg, #32B24A 29.48%, #3CE05B 100%);}
.dashboard-cards .inner-content .inner-card.dark-gradient{background: linear-gradient(101.54deg, #d1d1d1 29.48%, #b6b6b6 100%);}
.dashboard-cards .inner-content .inner-card.blue-gradient{background: linear-gradient(101.54deg, #248eff 29.48%, #04366b 100%);}
.dashboard-cards .inner-content .inner-card.red-gradient{background: linear-gradient(101.54deg, #ff4d4d 29.48%, #911b1b 100%);}
.dashboard-cards .inner-content .inner-card.upcoming-gradient{background: linear-gradient(to right, #8e0e00, #1f1c18)}
.dashboard-cards .inner-content .inner-card.today-gradient{background: linear-gradient(to right, #0f0c29, #302b63, #24243e)}
.dashboard-cards .pending{color: #FFA401 !important;font-size: 20px !important;}
.dashboard-cards .completed{color: #32B24A !important;font-size: 20px !important;}
.dashboard-cards .inner-card .inner-padding{padding: 10px 15px 0 15px;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 7px 0;}
.dashboard-cards .inner-card .view-card{border-top: 1px solid rgba(0, 0, 0, 0.175);padding-top: 7px;margin-top: 7px;display: flex;align-items: center;justify-content: center;padding-bottom: 7px;padding-left: 15px;padding-right: 15px;}
.dashboard-cards .inner-card .view-card .view-btn{border: 0;padding: 0;margin: 0;font-size: 14px;line-height: 24px;color: #fff;font-weight: 500;}

.sidebar-footer{display: none;}
.address-break-word.word-break-all{word-break:break-word !important;overflow-wrap: break-word !important;}

#verify-password-modal{backdrop-filter: blur(14.7px); -webkit-backdrop-filter: blur(14.7px);}
#verify-password-modal .modal-content{border-radius: 30px;}
.verify-items .password-icon {font-size: 65px;color: var(--primary-color);margin-bottom: 15px;}
.verify-items {text-align: center;width: 100%;border-radius: 0px;position: relative;background: #fff;padding: 30px; padding-top: 0; border-radius: 30px;}
.verify-items button.btn.bg-theme.login-button {border: none;padding: 1rem 2rem;text-transform: uppercase;border-radius: 25px;margin: 1rem auto;width: 85%;font-size: 14px;line-height: 18px;font-weight: 400;}
.verify-items button.btn.bg-theme.login-button:hover {background: var(--secondary-color) !important;}
.verify-items input {background-color: transparent;padding: 1rem 2.9rem;margin: 0 auto;width: 84%;border: aliceblue;height: 52px;border-radius: 0;border-bottom: 1px solid #ddd;}
.verify-items div#formContent {width: 98%;margin: 0 auto;}
.verify-items .title-text {padding: 0.5em;}
.verify-items .title-text p {font-size: 1.2rem;margin: 10px 0;}
.verify-items input:focus,
.verify-items input:focus-visible {background-color: #fff;border-bottom: 1px solid var(--primary-color);outline: none;box-shadow: none;}
.verify-items h1.background {position: relative;z-index: 1;font-weight: 700;font-size: 1.3rem;}
.verify-items h1.background:before {border-bottom: 2px solid var(--primary-color);content: "";margin: 15px auto;position: absolute;top: 60%;left: 0;right: 0;bottom: 0;width: 28%;z-index: -1;}
.verify-items img.brand-logo-img {max-width: 100%;height: auto;width: 40%;}
.verify-items .welcome_img img {width: 100%;}
.verify-items .input-icon {position: relative;margin: 0 auto;}
.verify-items .input-icon::after {position: absolute;top: 36px;left: 45px;font-family: "Font Awesome 5 Free";font-weight: 900;}
.verify-items .invalid-input {text-align: left;width: 80%;}
.verify-items .user-input::after {content: "\f023";}
.verify-items .password-input::after {content: "\f023";}
.verify-items .not-visible {visibility: hidden;}
.verify-items .back-to-login {color: #8d191a;font-size: 15px;}
.verify-items .back-to-login:hover{color: #212529;}


.family-details-modal .form-control{font-weight: 600;background: #eee;color: #000;}
.family-details-modal td{font-weight: 600;color: #000;}
.family-details-modal tr:hover td{color: #000;}
.family-details-modal .dropdown td{background: #fff;}
.family-details-modal td.actiondiv{background: #fff !important;}

.export-dropdown-investor.custom-dropdown .dropdown-menu{inset: unset !important;right: 0 !important;top: 10px !important;}

/* Responsive CSS   */
@media (min-width:1199px) {
  .dropdown-submenu .dropdown-icon{transform: rotate(270deg);}
  .dashboard-tables .followup-table .table:nth-child(1) th{border-right: 0;}
  .dashboard-tables .followup-table .table:nth-child(1) tbody tr td:nth-last-child(1){border-right: 0;}
  .dashboard-tables .followup-table .table-row{flex-wrap: nowrap;}

  .col-padding-right{padding-right: 7.5px;}
  .col-padding-left{padding-left: 7.5px;}
}
@media (max-width:1199px) {
  .dashboard-tables .followup-table .table-row{display: block;width: fit-content;}
  .dashboard-tables .empty-td{display: none;}
  .dashboard-tables, .dashboard-tables .tables-main{gap: 15px 0;}

  .header-container{justify-content: space-between;}
  .header-container .navbar-brand{margin: auto !important;}
}
@media (max-width:992px) {
  /* Add Page  */
  .add-form-page .sticky-div{bottom: 0;}
  .add-form-page{margin-bottom: 0;}
  .add-form-page .listing-card{padding: 15px 15px 0 15px;}

  .sidebar-footer{display: block;background: #F1F1F1;padding: 8px 0;position: fixed;bottom: 0;width: 100%;z-index: 3;}
  .sidebar-footer .text{font-size: 14px;font-weight: 400;line-height: 18px;text-align: center;color: #000000;margin-bottom: 0;}
  .sidebar-footer .text .twt-link{color: #000;}
  .sidebar-footer .text .twt-link:hover{color: var(--primary-color);}
  .navbar-nav{max-height: calc(100vh - 80px);overflow-y: auto;padding-bottom: 40px !important;}
}
@media (max-width:768px) {
  /* Breadcrumb  */
  .breadcrumb-wrapper{flex-direction: row;align-items: center;gap: 10px;flex-wrap: wrap;padding: 10px 10.5px;}
  .breadcrumb-wrapper .filter-btn{display: none;}

  /* Datatable  */
  .datatable-new .bottom{flex-direction: column;align-items: flex-start;}

  /* Sidebar Filter  */
  .fixed-filter-iconbtn{display: flex;}
  
  .horizontal-header .setting-part{top: 58px;}
}

@media (max-width:576px) {
  /* Breadcrumb  */
  .breadcrumb-wrapper .breadcrumb-btn{padding: 7px;border-radius: 7px;font-size: 13px;line-height: 15px;}
  .breadcrumb-wrapper .breadcrumb-btn .btn-text{display: none;}
  .breadcrumb-btn .icon{width: 16px;height: 16px;font-size: 14px;}
  .breadcrumb-wrapper .import-csv-btn .icon{font-size: 14px;}
  .breadcrumb-wrapper .breadcrumb-btn-group{gap: 0 5px;flex-wrap: wrap;}
  .breadcrumb-wrapper .header-title{font-size: 15px;line-height: 18px;}
  .breadcrumb-wrapper{padding: 4px 10.5px;}
  .dashboard-breadcrumb-wrapper{align-items: center;}
  .dashboard-breadcrumb{width: 55%;}

  /* Sidebar Filter  */
  .filter-main-sidebar{width: 300px;max-width: 300px;}

  /* Modal  */
  .modal-title{font-size: 15px;line-height: 23px;}
  .modal .modal-body .failed-response-content .danger-toaster{padding: 4px 8px;}
  .modal .failed-response-content .list-div .list{font-size: 13px;line-height: 19px;}
  .modal .failed-response-content .list-div{gap: 7px 0;}

  .form-group .input-group .flex-fill{width: 220px;}

  .follow-ups-main .sec-row{height: 100%;overflow: visible;}

  .investor-detail-modal .custom-dropdown .dropdown-menu{top: 11px !important;}

  .follow-up-page.investor-detail-modal .modal-content{border-radius: 10px 10px 0 0;}
  

  .dashboard-cards .inner-content .title{margin-bottom: 10px;font-size: 18px;line-height: 24px;}
  .dashboard-cards .pending, .dashboard-cards .completed{font-size: 16px !important;}
  .dashboard-cards .inner-content .inner-card{gap: 6px 0;}
  .dashboard-cards .inner-content .inner-card .heading{font-size: 14px;line-height: 22px;}
  .dashboard-cards .inner-content .inner-card .counter{font-size: 18px;line-height: 24px;}

  .verify-items input{width: 82%;}
}































p{margin-bottom: 0;}
.common-form-btn{padding: 8px 10px;border-radius: 7px;background: var(--secondary-color);color: #FFF;font-size: 14px;line-height: 17px;margin: 0;transition: var(--common-transition);}
.common-form-btn:focus-visible{background: var(--secondary-color);color: #fff;}
/* .common-form-btn.twt-submit-btn:focus{background: var(--primary-color) !important;} */
.common-form-btn:active{background: var(--secondary-color) !important;color: #fff !important;background-color: var(--secondary-color) !important;}
.common-form-btn:hover{background: var(--primary-color);color: #fff;}
.close-form-btn{background-color: var(--dark-33) !important;color: #FFF !important;}
.close-form-btn:hover, .close-form-btn:active{background-color: transparent !important;border: 1px solid var(--dark-33);color: #000 !important;}

.commom-sub-text{font-size: 14px;line-height: 21px;font-weight: 400;color: #000000;}
.download-excel:hover{color: #000000;}
.green-text{color: var(--secondary-color);}
.modal .modal-content{border: 0;border-radius: 10px;}
.modal .modal-header{background: #F1F1F1;padding: 10px 15px;border-bottom: none;align-items: flex-start !important;position: sticky;top: -1;z-index: 11;}
.modal.investor-detail-modal .modal-header, .modal.investor-detail-modal .modal-header{align-items: center !important;}
.modal .modal-footer{padding: 10px 15px;background: #F1F1F1;border-top: none;}
.modal .btn-close{width: 24px;height: 24px;font-size: 11px;opacity: 1;}
.modal-contain{padding: 15px 0 0;display: flex;flex-direction: column;gap: 15px 0;}
.modal-tabs{justify-content: space-between;gap: 10px;flex-wrap: nowrap;padding: 0 15px;}
.modal-item{width: 100%;}
.download-sample{color: #ff0000;}
.download-sample:hover{color: #ff0000;}
.update-contact-details .action-btn{border: 0;}
.modal-title{font-size: 17px;font-weight: 500;line-height: 26px;color: #000;}
.modal-item .tab-link{width: 100%;padding: 8px 10px;border-radius: 4px;border: 1px solid var(--secondary-color);color: var(--secondary-color);background-color: #32b24910;}
.modal-item .tab-link.active{background-color: var(--secondary-color);}
.control-label{margin-bottom: 4px;font-size: 14px;line-height: 21px;font-weight: 400;color: #212529;}
.date-icn-div.form-control{padding: 10px 16px;border-radius: 4px;border: 1px solid #D9D9D9;color: #212529;}
.date-icn-div{position: relative;padding: 0;border: none;}
.date-icn-div .calendar-icon{position: absolute;right: 16px;font-size: 16px;display: flex;align-items: center;justify-content: center;top: 50%;transform: translate(0,-50%);color: #212529;}
.file-custom-input{width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}
.file-input-label{cursor: pointer;display: inline-flex;align-items: center;border-radius: 4px;color: #000;padding: 16px;background-color: #FFF;border: 1px dashed #D9D9D9;width: 100%;align-items: center;}
.upload-icon{display: flex;align-items: center;color: var(--secondary-color);font-size: 18px;margin-right: 10px;}
.file-note{padding: 10px;border-radius: 4px;background: #FF00001A;margin-bottom: 15px;}
.note-hr{margin: 10px 0;border-color: #000;opacity: 0.2;} 
.file-name-div{padding: 7px 10px;border-radius: 4px;background:#F1F1F1;display: flex;justify-content: space-between;margin-bottom: 15px;margin-top: 0;height: auto;border: 0;}
.file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width: 340px;color: #212529;}
.file-div{position: relative;}
.file-div .custom-file-input{position: absolute;width: 100%;height: 100%;}
.file-name-preview .file-delete-btn{width: 18px;font-size: 16px;height: 18px;border: 0;}
.trash-icon{display: flex;align-items: center;justify-content: center;color: #ff0000;width: 18px;height: 18px;font-size: 16px;border: transparent;}
.modal-form-select{padding: 10px 16px;}
.file-name-preview .file-delete-btn:active{border: 0;outline: 0;}
.form-row{padding: 0 15px;}
.order-list{padding-left: 14px;font-weight: 500;margin: 0;}
.order-list .note{position: relative;left: -14px;color: #ff0000;}

.update-contact-details tr td:first-child{background: #F1F1F1;color: #212529;padding: 10px !important;}
.input-table tbody tr td{padding: 0 !important;}
.input-table tbody tr td .form-control{border-radius: 0;border: none;font-size: 15px;line-height: 18px;padding: 10px;}
.update-contact-details .common-form-btn.primary-form-btn{background: var(--primary-color);display: flex;align-items: center;gap: 0 7px;margin-right: auto;}
.update-contact-details .common-form-btn.primary-form-btn:active{border: 1px solid transparent !important;color: #fff;}
.update-contact-details .common-form-btn.primary-form-btn:hover{background: var(--secondary-color);}
.plus-icon{display: flex;align-items: center;justify-content: center;font-size: 12px;}
.update-contact-details label.invalid-input{margin-left: 10px;}
.update-contact-details .action-btn:focus{outline: none;}
.update-contact-details .action-btn:active{border: none;outline: none;}

.select2-results__message[role="alert"]{text-transform: capitalize;}



.q-add-button { border-top-left-radius: 0; border-bottom-left-radius: 0;  height: 100%; border: transparent;}
.q-add-input{ border-top-right-radius: 0; border-bottom-right-radius: 0; }

.add-row-btn:focus,.add-row-btn{background: var(--primary-color) !important; display: flex; align-items: center; gap: 0 7px; margin-right: auto; margin-top: 10px; color: #fff !important;padding: 8px 10px !important;}
.add-row-btn:hover{background: var(--secondary-color)!important;}


.responsive-datetimepicker>.bootstrap-datetimepicker-widget table td,
.responsive-datetimepicker>.bootstrap-datetimepicker-widget table th{border: none !important; padding: .5em !important;}
.responsive-datetimepicker>.bootstrap-datetimepicker-widget tr:hover{background-color: #fff !important;}
.responsive-datetimepicker>.bootstrap-datetimepicker-widget table th{background-color: #fff !important;}
.responsive-datetimepicker .bootstrap-datetimepicker-widget table td { height: 20px; line-height: 20px; width: 20px; }

.twt-navbar.twt-navbar-common.nav-light .custom-dropdown .dropdown-menu .dropdown-item.nav-link{color: #000; padding: 0 !important;font-weight: 400;}
.twt-navbar.twt-navbar-common.nav-light .custom-dropdown .dropdown-menu .dropdown-item.nav-link:hover{color: var(--primary-color);}
.trash-icon-btn{padding: 0;}
.trash-icon-btn:focus,.trash-icon-btn:active{outline: none; border: none; padding: 0;}

.twt-navbar.twt-navbar-common .dropdown-menu.sub-dropdown-collapse{left: calc(100% + 12px) !important; top: 0 !important; bottom: 0 !important; border-top-left-radius: 0;}
.twt-navbar.twt-navbar-common .dropdown-menu.sub-dropdown-collapse::before{display: none;}
.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-submenu{position: relative;}
@media (max-width:576px) {
  .responsive-datetimepicker .bootstrap-datetimepicker-widget.dropdown-menu{position: fixed !important;  position: fixed !important;bottom: initial !important; top: 50% !important;left: 50% !important;transform: translate(-50%, -50%) !important;z-index: 9999 !important; width: fit-content;}
  .responsive-datetimepicker .bootstrap-datetimepicker-widget.dropdown-menu::after, .responsive-datetimepicker .bootstrap-datetimepicker-widget.dropdown-menu::before{display: none !important;}
  .responsive-datetimepicker{overflow: auto;}
  .breadcrumb-wrapper.investor-mobile{padding: 10px 10.5px;}
  .custom-dropdown .dropdown-menu::before{box-shadow: none;}
  
  
}

.alertify .ajs-body .ajs-content{padding-left: 0;}
/* Introduction */
.download-btn{color: #000;}
.download-btn:hover{color: #000;}

.radio-options{display: flex;align-items: center;gap: 10px;}
.radio-options label{display: flex;align-items: center;gap: 5px;}


/* Investors Mobile Screen */

.investor-mobile-screen .investor-link{display: flex;align-items: center;width: 100%;justify-content: space-between;padding: 7px 0px;}
.investor-mobile-screen .investor-col{border-bottom: 1px solid #DEE2E6;background: #FFF;}
.investor-mobile-screen .investor-link .right-icon{display:flex;align-items: center;justify-content: center;color: #555555;font-size: 12px;}
.investor-mobile-screen .user-data{width: 95%;display: flex;flex-direction: column;gap: 10px;}
.investor-mobile-screen .user-data .company-detail{display: flex;width: 100%;align-items:center;gap: 10px;}
.investor-mobile-screen .company-name{width: 45%;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;font-size: 12px;line-height: 14px;color: #007BFF;text-transform: uppercase;}
.investor-mobile-screen .company-detail .shares{display: flex;align-items: center;gap: 5px}
.investor-mobile-screen .common-tag{padding: 2px 3px;font-size: 11px;line-height: 13px;}
.investor-mobile-screen .shares .share-number{font-size: 12px;line-height: 14px;color: #777777;}
.investor-mobile-screen .customer-detail{display: flex;gap: 7px;align-items: center;}
.investor-mobile-screen .customer-name{font-size: 12px;line-height: 14px;color: #777777;max-width: 85%;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;text-transform: uppercase;}
.investor-mobile-screen .user-data .customer-detail .call{color: #F1592D;width: 14px;height: 14px;display: flex;align-items: center;justify-content: center;}
.investor-mobile-screen .customer-detail .active{width: 8px;height: 8px;background: #32B24A;border-radius: 50%;}
.investor-mobile-screen .custom-dropdown .dropdown-menu{right: -7px !important;}
.export-btn .icon.file-export{display: none;}
.input-group .flex-fill.inner-modal-fill{width: 100px !important;}

/* Modal  */
.investor-detail-modal.fade .modal-dialog{transform: translate(100%, 0px);transition: all 0.2s ease;}
.investor-detail-modal.fade.show .modal-dialog{transform: translate(0, 0px);}
.investor-detail-modal .modal-header .title{display: flex;align-items: center;}
.investor-detail-modal .title .modal-title{font-size: 14px;font-weight: 500;line-height: 16px;color: #FFF;}
.investor-detail-modal .back-arrow{display: flex;align-items: center;justify-content: center;color: #FFF;font-size: 20px;height: 40px;width: 43px;cursor: pointer;}
.investor-detail-modal .modal-header{padding: 0 10px 0 0;background: #32B24A;}
.investor-detail-modal .modal-body{padding: 0px;}
.investor-detail-modal .modal-footer{padding: 0px;}
.investor-detail-modal .common-tag{padding: 2px 3px;font-size: 11px;line-height: 13px;}
.investor-detail-buttons{display: flex;align-items: center;gap: 10px;}
.investor-detail-modal .detail-comn-icon{display: flex;align-items: center;justify-content: center;color: #FFF;font-size: 16px;}
.investor-detail-modal .detail-div{display: flex;flex-direction: column;gap: 7px;padding: 6px 10px;border-bottom: 1px solid #DEE2E6;}
.investor-detail-modal .detail-div:nth-last-child(1){border-bottom: 0;}
.investor-detail-modal .detail-div .detail-label{font-size: 12px;line-height: 14px;color: #007BFF;font-weight: 400;}
.investor-detail-modal .detail-div .detail{font-size: 12px;line-height: 14px;color: #777777;font-weight: 400;}
.investor-detail-modal .assign-btn{width: 100%;text-align: center;background: #333333;margin: 0;border-radius: 0;color: #FFF;padding: 8px 0;font-size: 14px;line-height: 16px;border: none;}
.investor-detail-modal .assign-btn:hover,.investor-detail-modal .assign-btn:active{background: #333333 !important;color: #FFF !important;}

.investor-desktop-screen .dataTables_scrollBody{height: calc(-320px + 100vh) !important;}
/* .dropup.custom-dropdown .dropdown-menu{top: unset !important;} */
table tbody>tr:last-of-type td .dropup.custom-dropdown .dropdown-menu{top: unset !important;}
/* table tbody>tr:nth-of-type(3) td .dropup.custom-dropdown .dropdown-menu{top: 100% !important;} */
table tbody>tr:nth-of-type(1) td .dropup.custom-dropdown .dropdown-menu{transform:translate(-100%, -7px) !important;   inset:0 !important; right: initial !important;left: 0 !important;width: auto;}
table tbody>tr:nth-of-type(2) td .dropup.custom-dropdown .dropdown-menu{transform:translate(-100%, -7px) !important;   inset:0 !important; right: initial !important;left: 0 !important;width: auto;}
table tbody>tr:nth-of-type(3) td .dropup.custom-dropdown .dropdown-menu{transform:translate(-100%, -7px) !important;   inset:0 !important; right: initial !important;left: 0 !important;width: auto;}
table tbody>tr:nth-of-type(4) td .dropup.custom-dropdown .dropdown-menu{transform:translate(-100%, -7px) !important;   inset:0 !important; right: initial !important;left: 0 !important;width: auto;}
.dropup.custom-dropdown .dropdown-menu::before{bottom: -8px;transform: rotate(60deg);top: unset;}

.select2-container--default .select2-selection--single .select2-selection__rendered{padding: 0;font-weight: 400;line-height: 1.5;color: #212529;}
.select2-container--default .select2-selection--single .select2-selection__arrow{top: 50%;right: 8px;transform: translateY(-50%);}
.select2-container--default .select2-selection--single .select2-selection__arrow::before{content: "\f078";font-family: 'FontAwesome';font-size: 12px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.select2-container--default .select2-selection--single .select2-selection__arrow b{border: 0;}
.select2-container--default .select2-selection--single{border: 1px solid #ced4da;border-radius: .25rem !important;}

.custom-dropdown .dropdown-menu.company-drop-custom{transform: translate(53%, -50%) !important;top: 50% !important;}
.custom-dropdown .company-drop-custom.dropdown-menu::before{right: unset;left: -13px;top: 50%;transform: translateY(-50%) rotate(-90deg);}
.input-table tbody tr td.state-td{padding: 10px !important;}
.family-master-btn{padding: 0;margin: 0;color: #9f21f6  !important;border: 0;background: transparent;font-weight: 500;}
.family-master-btn:hover{text-decoration: underline;}
.export-excel-btn{padding: 8px 10px;border-radius: 7px;display: flex;align-items: center;border: 0;gap: 0 7px;font-size: 14px;font-weight: 400;line-height: 16px;color: #fff;width: fit-content;transition: var(--common-transition);}
.export-excel-btn:hover{background: var(--secondary-color);}
.export-excel-btn .icon{display: flex;}
.family-details-table .invalid-input{line-height: 22px;}
.fs-16{font-size: 15px;}
.case-status-tag .dropdown td{font-weight: 400 !important}
@media (max-width: 374px){
  .investor-mobile-screen .company-name{width: 42%;}
}

@media (min-width: 577px){
    .investor-mobile-screen .investor-link .right-icon{font-size: 14px;}
    .investor-mobile-screen .company-name{width: 70%;font-size: 14px;line-height: 18px;}
    .investor-mobile-screen .shares .share-number{font-size: 14px;line-height: 18px;}
    .investor-mobile-screen .customer-name{font-size: 14px;line-height: 18px;}

    .investor-detail-modal .title .modal-title{font-size: 16px;line-height: 18px;}
    .investor-detail-modal .detail-div .detail-label{font-size: 14px;line-height: 18px;}
    .investor-mobile-screen .common-tag{padding: 4px 6px;font-size: 14px;line-height: 16px;}
    .investor-detail-modal .common-tag{padding: 4px 6px;font-size: 14px;line-height: 16px;}
    .investor-mobile-screen .assign-btn{font-size: 14px;line-height: 18px;}
    .investor-mobile-screen .detail-div .detail{font-size: 14px;line-height: 18px;}
}

.investor-mobile-screen, .investor-mobile-divlisting{display: none;}

@media (max-width:768px) {
  .filter-result-wrapper.investor-mobile-wrapper{margin-bottom: 0;}
  .investor-mobile-screen .investor-col:first-child .investor-link{padding-top: 0;}
  .breadcrumb-btn.investor-btn{display: none;}
  .investor-mobile .import-csv-btn{display: none;}
  .investor-mobile .add-btn{display: none;}
  .multiple-investor-delete-button{display: none !important}
  .investor-mobile .breadcrumb-btn .btn-text{display: none;}
  .export-btn .angle-down.icon{display: none;}
  .export-btn .file-export.icon{display: flex;}
  .investor-desktop-screen{display: none;}
  .investor-mobile-screen, .investor-mobile-divlisting{display: block;}
  main{min-height: calc(100vh - 75px) !important;}

  .mobile-filter-padding{padding: 10px 10.5px;}
}

.datatable-height .dataTables_scrollBody{max-height: calc(-330px + 100vh) !important;}
.filter-main-sidebar .control-label{font-weight: bold;}

table tbody>tr td .dropup.custom-dropdown.dropreason-dropdown .dropdown-menu{top: -50px !important;}
.single-investor-card .custom-dropdown.dropreason-dropdown .dropdown-menu{inset: 0px 0px auto auto !important;top: 10px !important;right: -10px !important;transform: translate(60%, 20px) !important;}
/* .single-investor-card .custom-dropdown.dropreason-dropdown .dropdown-menu::before{right: -12px;top: 8px;transform: rotate(90deg);} */
.single-investor-card .custom-dropdown.dropreason-dropdown.dropup .dropdown-menu{transform: translate(-105%, 0) !important;}
.single-investor-card .custom-dropdown.dropreason-dropdown.dropup .dropdown-menu::before{bottom: 6px !important;transform: rotate(90deg) !important;top: unset;}
.custom-dropdown.joint-holder-dropdown .dropdown-menu.company-drop-custom{transform: translate(43%, -50%) !important;}
.single-investor-card .custom-dropdown.dropdown-table.assigned-date-dropdown .dropdown-menu{inset: 0px 0px auto auto !important;top: 10px !important;right: -10px !important;transform: translate(30%, 20px) !important;}
.family-details-link:hover,.family-details-link,.family-details-span{color: #9f21f6 !important; font-weight: 600;display:block}
.family-details-link:hover{text-decoration: underline;}