@charset "UTF-8";@import url(../../../../css2);/*!
 * Tabler Icons 2.11.0 by tabler - https://tabler.io
 * License - https://github.com/tabler/tabler-icons/blob/master/LICENSE
 */
 @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
#main-wrapper.login-screen{
	 background-color: #75129B;
 }
 
 .auth-bg {
    background-image: url(../images/main-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    
}
a:hover{
	color:#75129B;
}
img, svg {
    max-width: 100%;
}
input, select, textarea {
	background:#fff !important;
}
#sidebarnav li.sidebar-item .sidebar-link.active {
    background: #75129B;
    border-radius: 0 7px 7px 0;
    color: #fff;
}
#sidebarnav li.sidebar-item .active a {
    color: #fff;
}
.sidebarmenu a.sidebar-link {
	transition: font-size 0.5s ease-in-out;
}
.sidebarmenu.close a.sidebar-link {
    font-size: 0;
	transition: font-size 0.5s ease-in-out;
}
.side-mini-panel .sidebartoggler .fs-7 {
    font-size: 33px !important;
    padding: 0 0 0 8px;
}
.card-body-hdng {
    background: transparent !important;
    box-shadow: none;
    margin-bottom: 15px;
}
.table-top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.table-top-bar #zero_config_length label {
    font-size: 16px;
    color: #333;
}
.table-top-bar #zero_config_length label select {
    width: 60px;
    height: 34px;
    padding: 2px;
    border-radius: 4px;
    margin: 0 5px;
}
.table-top-bar .category button {
    border: 1px solid #C4C4C4;
    color: #333;
    border-radius: 5px;
    width: 170px;
    padding: 0;
    text-align: initial;
    height: 40px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
	background:#fff;
}
table#contacts {
    border-radius: 9px !important;
    margin-top: 20px;
    outline: 1px solid #e0e6eb;
}
thead.header-item th {
    background: #F3F1F4;
}
#contacts tr>td:first-child span img{
	min-width:15px;
}
#contacts tr>td:first-child, #contacts tr>th:first-child {
    padding: 10px;
	min-width: 33px;
}

#contacts tr>td, #contacts tr>th {
    padding: 10px;
    font-size: 13px;
    vertical-align: middle;
	line-height: 1.2em;
}
.table-bottom-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.table-bottom-bar #table_paginate a {
    cursor: pointer;
    padding: 3px 6px;
}
.table-bottom-bar #table_paginate a.paginate_button {
    padding: 5px 10px;
}
.table-bottom-bar #table_paginate a.paginate_button.current {
    color: #fff;
    font-weight: 600;
    background: #75129b;
    border-radius: 3px;
}

.table-responsive {
    padding: 0 1px;
}
.form-check-input[type=checkbox] {
    border-radius: .25em;
    background-color: initial;
}
td.check-box {
    width: 20px;
}
td .action-btn {
    display: flex;
    align-items: center;
}
#table_paginate {
    display: flex;
}
span.page-nmbrs {
    display: flex;
    flex-wrap: wrap;
}
.footer-bottom p.coppyright {
    text-align: center;
    color: #333;
    font-size: 14px;
}

ul#sidebarnav span.menu-icon img {
    width: 27px;
}
i.ti-search.text-dark {
    color: #75129b !important;
}
.form-check-input.custom-btn:checked {
    background-color:#75129b;
    border-color: #75129b;
}
#form-tabs .main-tab ul.nav{
border-bottom:1px solid #75129b;
border-radius:0;
	
}
#form-tabs .main-tab ul.nav a.nav-link {
    background: #F7F1F9;
    border-radius: 6px 6px 0 0;
    margin-right: 12px;
    padding: 12px 40px;
    font-weight: 500;
}

#form-tabs .main-tab ul.nav a.nav-link.active {
    background: #75129b;
}
#form-tabs .main-tab ul.nav a.nav-link:hover {
    background: #75129b;
	color:#fff;
}
#form-tabs .tab-content {
    margin-top: 20px;
}

.new-add .mb-4 {
    margin-bottom: .5rem !important;
}
.new-add .card {
    gap: 10px;
}
.accodian-corm button.accordion-button {
    padding: 0 0 15px;
    box-shadow: none;
    border-bottom: 1px solid #808080;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
	border-radius:0;
}
.accodian-corm .accordion-item .accordion-body {
    padding: 16px 0;
}
.accodian-corm .accordion-item {
    border: 0;
}
.accodian-corm {
    margin: 20px 0 0;
}
.accodian-corm .accordion-item {
    margin-bottom: 15px;
}


#form-tabs .intrnl-notes ul.nav{
border-radius:0;
	
}

#form-tabs .intrnl-notes ul.nav a.nav-link.active {
    color: #75129b;
}
#form-tabs .intrnl-notes ul.nav a.nav-link:hover {
    background:transparent;
	color: #75129b;
}
.intrnl-notes {
    background: #F3F1F4;
    padding: 20px;
}
#form-tabs .intrnl-notes ul.nav li:last-child a.nav-link{
	border-right: 0;
}
#form-tabs .intrnl-notes ul.nav a.nav-link {
    color: #333;
    background: transparent;
    border-radius: 0;
    padding: 0 20px 0 0;
    font-weight: 500;
    margin: 0px 19px 0px 0;
    border-right: 1px solid #BAAEAE;
	text-transform:uppercase;
	line-height: 14px;
}
.intrnl-notes .notes textarea.form-control {
    background: #fff;
    height: 115px;
}
.no-data {
    display: flex;
    background: #fff;
    height: 100px;
    text-align: center;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
}

#purchasehistory td {
    font-weight: 300;
}
#purchasehistory th {
    background: #F3F1F4;
    font-weight: 500;
    color: #000;
}
#purchasehistory th, #purchasehistory td {
    padding: 7px 15px;
    font-size: 14px;
}
#purchasehistory .table-responsive {
    border: 1px solid #e0e6eb;
    border-radius: 6px;
}
.form-action {
    margin-top: 20px;
}
.form-action .d-flex {
    justify-content: flex-end;
	    flex-wrap: wrap;
}
.form-action button {
    /* min-width: 150px; */
}
.action-hdr {
    gap: 10px;
    align-items: center;
}
.action-hdr img {
    padding-right: 5px;
}
.action-hdr .btn-gray {
    background: #EBEBEB;
    color: #000;
    border-color: #EBEBEB;
}
.action-hdr .btn-gray:hover {
    background: #ddd;
    border-color: #ddd;
}
#contacts .action-btn img {
    width: 20px;
}
#bredcrumb {
    margin-bottom: 15px;
}
.page-title .back-page img {
    width: 30px;
}
.page-title {
    display: flex;
    align-items: center;
    gap: 0 10px;
    flex-wrap: wrap;
}
.page-title p {
    width: 100%;
}
#crm-lead .intrnl-notes li a.nav-link.active {
    background: #DDDDDD;
    color: #75129b;
}
#crm-lead .intrnl-notes li a.nav-link {
    color: #000;
    font-weight: 500;
    border-radius: 4px 4px 0 0;
    border: 1px solid #ddd;
    margin-right: 10px;
    font-size: 14px;
}
#crm-lead .intrnl-notes .notes textarea.form-control {
    background: #fff;
    height: 115px;
    border: 0;
}
#crm-lead .intrnl-notes .tab-content {
    border: 1px solid #ddd;
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
}
#crm-lead .intrnl-notes {
    background: transparent;
    padding: 15px;
}
.internal-action .button-list {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.upload-file {
    position: relative;
}
.upload-file input#formFile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    padding: 0;
}
.upload-file:hover .iconbtn {
	background-color: #ebebeb;
}
.upload-file .iconbtn {
    height: 42px;
    border: 1px solid #333;
    border-radius: 4px;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    gap: 9px;
    min-width: 170px;
    font-weight: 500;
    color: #000;
}
.internal-action .button-list .btn-custom button {
    border: 1px solid #000;
    font-size: 13px !important;
    color: #000;
	display: flex;
    align-items: center;
    gap: 5px;
}
.internal-action .button-list .btn-custom button:hover {
    background-color: #ebebeb;
	border-color: #75129b;
}
.internal-action .button-list .btn-custom button.btn.show {
    background-color: #ebebeb;
    border-color: #75129b;
}
.internal-action {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 15px;
}
.form-action .btn {
    color: #fff;
    display: flex;
    align-items: center;
    gap: 5px;
    border: 0;
    min-width: 95px;
    justify-content: center;
}
.form-action .btn.revisit {
    background: #333;
    color: #fff;
}
.form-action .btn.reject {
    background: #F24848;
	color: #fff;
}
.chatter-feed {
    margin-top: 30px;
    border: 1px solid #dddddd;
    padding: 20px;
}
.chatter-feed h3 {
    font-size: 24px;
    font-weight: 700;
}
.chatter-feed .feeds-list {
    margin-top: 20px;
}
.chatter-feed .feeds-list h5 {
    font-weight: 700;
}
.chatter-feed .feeds-list .feed {
    display: flex;
    gap: 20px;
}
.chatter-feed .feeds-list .feed .profile {
    width: 90px;
    height: 90px;
    display: inline-flex;
    background: #F7F1F9;
    border-radius: 100px;
    text-align: center;
    align-items: center;
    justify-content: center;
    min-width: 90px;
}
.chatter-feed .feeds-list .feed .profile .nm {
    color: #75129B;
    font-weight: 800;
    font-size: 35px;
}
.chatter-feed .feeds-list .feed .right-cont {

}
.chatter-feed .feeds-list .feed .right-cont p {
    margin-bottom: 7px;
    color: #333;
}
.chatter-feed .feeds-list .feed .action a {
    display: flex;
    align-items: center;
    gap: 4px;
}
.chatter-feed .feeds-list .feed .right-cont .action {
    display: flex;
    align-items: center;
    gap: 10px;
}
.chatter-feed .feeds-list .feed .action a.edit2 img {
    width: 21px;
}
.chatter-feed .feeds-list .feed .action a.star img {
    margin-top: -2px;
}
.time-bar span {
    background: #fff;
    margin-bottom: -10px;
    padding: 0 11px;
    color: #000;
}
.time-bar {
    margin: 20px 0 40px;
    text-align: center;
    display: flex;
    width: 100%;
    border-bottom: 1px solid #ddd;
    position: relative;
    justify-content: center;
}
.feed:last-child {
    border: 0;
    margin: 0;
    padding: 0;
}
.feed {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}
.chatter-feed .feeds-list .feed .hdr .name {
    font-size: 16px;
    font-weight: 700;
    padding-right: 10px;
}
.chatter-feed .feeds-list .feed .hdr .todo2 {
    color: #75129b;
}

.internal-action .modal-footer button#btn-add {
    background: #75129B !important;
    color: #fff !important;
    border: 0 !important;
    padding: 0 25px;
    height: 43px;
}
.internal-action .modal-footer button.bg-danger-subtle {
    background: #ECE0F1 !important;
    border: 0 !important;
    color: #75129B !important;
}
.modal-footer {
    padding: 0 20px 20px;
}	
.chatter-feed .feeds-list .feed span.todo {
    padding: 0 8px;
    color: #333;
}
.chatter-feed .feeds-list .feed span.duein {
    color: #229F34;
}
.chatter-feed .feeds-list .feed .duetime {
    font-size: 12px;
    color: #6e6e6e;
}
.internal-action .btn-custom ul.dropdown-menu .follwr {
    display: flex;
    align-items: center;
    gap: 20px;
    border-top: 1px solid #ddd;
    padding-top: 10px;
    margin-bottom: 10px;
}
.internal-action .btn-custom ul.dropdown-menu {
    min-width: 250px;
    padding: 20px;
}
.internal-action .btn-custom ul.dropdown-menu button.btn {
    padding: 5px;
    width: 100%;
    margin-bottom: 15px !important;
}
.internal-action .btn-custom ul.dropdown-menu .follwr .usrname {
    display: flex;
    align-items: center;
    gap: 10px;
}
.internal-action .btn-custom ul.dropdown-menu .follwr .profile-icon {
    margin: 0;
    padding: 10px;
    background: #F7F1F9;
    color: #75129B;
    font-weight: 800;
    font-size: 18px;
    border-radius: 100px;
    height: 40px;
    line-height: 20px;
    width: 40px;
    text-align: center;
    min-width: 40px;
}
.internal-action .btn-custom ul.dropdown-menu .follwr .action-cstm {
    display: flex;
    gap: 10px;
}
.internal-action .btn-custom ul.dropdown-menu .follwr .action-cstm img {
    width: 17px;
}
.hide.form-popup button.plus-icon {
    margin-top: 24px;
    border: 0 !important;
    background: transparent !important;
}
.hide.form-popup {
    display: none;
}
#crm-lead .search-items {
    position: absolute;
    background: #F7F1F9;
    width: 100%;
    max-width: 600px;
    padding: 20px;
    border-radius: 10px;
}
#crm-lead .search-items .lists li.item {
    margin-bottom: 10px;
    background: #fff;
    padding: 10px 16px;
    border-radius: 6px;
}
#crm-lead .search-items h4 {
    font-size: 18px;
}
#crm-lead .search-items .lists {
    margin: 0;
}
#crm-lead .search-items .lists li.item {
    margin-bottom: 10px;
    background: #fff;
    padding: 10px 16px;
    border-radius: 6px;
}
#crm-lead .search-items .lists .contnt {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}
#crm-lead .search-items .lists .contnt h3 {
    font-size: 16px;
    margin-bottom: 0;
}
#crm-lead .search-items .lists .contnt p {
    margin: 0;
    font-size: 14px;
}
#crm-lead .search-items .lists .contnt .right {
    display: flex;
    align-items: center;
    gap: 10px;
}
#crm-lead .search-items .lists .contnt .right h5 {
    font-size: 14px;
    margin: 0;
}
.search-items.hide {
    display: none;
}
#bredcrumb li.breadcrumb-item.active a:after{
    display:none;
}
#bredcrumb li.breadcrumb-item:first-child {
    border: 0;
    margin: 0;
}
#bredcrumb li.breadcrumb-item {
    font-size: 14px;
    color: #000;
    padding: 0 10px 0 0;
    line-height: 17px;
    font-weight: 500;
}
#bredcrumb li.breadcrumb-item a:after {
    content: '|';
    margin-left: 10px;
}
#bredcrumb li a {
    color: #333 !important;
}
#bredcrumb i.ti.ti-home {
    font-size: 18px !important;
    margin-top: 0 !important;
}
#bredcrumb .breadcrumb-item.active {
    color: #000 !important;
    font-weight: 600;
}
form.hrdr-crncy .form-group:after {
    content: '|';
    font-weight: 700;
    font-size: 18px;
}
form.hrdr-crncy {
    display: flex;
    align-items: center;
    gap: 14px;
}
form.hrdr-crncy .form-group {
    align-items: center;
    gap: 8px;
    position: relative;
}
form.hrdr-crncy .form-group label {
    font-weight: 700;
    color: #000;
}
form.hrdr-crncy .form-group select {
    border: 0;
    outline: 0;
    padding: 0 14px 0px 0;
    background-position: right 0px center;
}

form.hrdr-crncy .form-group:last-child:after {
    content: '';
}
form.hrdr-crncy {
    background: #F8F8F8;
    padding: 6px 5px 6px 14px;
    border-left: 3px solid #75129b;
    border-radius: 10px;
}
.page-title p {
    margin: 0;
}
table h1, table h2, table h3, table h4, table h5, table h6, table p{
	margin:0;
}
.action-hdr .btn-black {
    background: #000;
    color: #fff;
    border-color: #000;
}
.action-hdr .btn-black:hover {
    background: #333;
    border-color: #333;
}
.search-form-sec .search-form {
    gap: 18px;
    position: relative;
}
.search-form-sec .search-form .field-cstm {
    position: relative;
    padding-right: 19px;
    flex: 1;
}
.search-form-sec .search-form .field-cstm:after {
    content: '';
    position: absolute;
    right: 0;
    top: 8px;
    width: 1px;
    height: 26px;
    background: #C5C5C5;
}
.search-form-sec .search-form .field-cstm.brdr-none {
	padding:0;
}
.search-form-sec .search-form .field-cstm.brdr-none:after {
    display:none;
}
.search-form-sec .search-form .field-cstm input {
    border: 0;
}
.search-form-sec .search-form .field-cstm .select2-selection {
    border: 0;
}
.search-form-sec {
    border: 1px solid #C5C5C5;
    border-radius: 6px;
}
.search-form-sec .reset-icon button.reset-button {
    padding: 5px;
    width: 36px;
    border-radius: 50px;
    background: #F5E8FA;
    border: 0;
    height: 36px;
    margin: 4px 0;
}
.search-form-sec .search-icon .search-button {
    width: 48px;
    height: 100%;
    background: #75129B;
    border-radius: 0 6px 6px 0;
    border: 0;
}
.search-form-sec .field-cstm {
    margin-top: 2px;
}

.export a {
    background: #F5E8FA;
    border: 0;
    color: #75129b;
    gap: 7px;
}
#sidebarnav li.sidebar-item .active img.icon-active {
    display: block;
}
#sidebarnav li.sidebar-item img.icon-active {
    display: none;
}
#sidebarnav li.sidebar-item .active img.icon {
    display: none;
}
#crm-report-box {
    margin-bottom: 22px;
}
#crm-report-box .card {
    margin: 0;
    height: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

#crm-report-box .box-cstm {
    width: 80px;
    padding: 20px;
    background: #000;
    border-radius: 128px;
}
#crm-report-box .box-cstm.custom-bg-primary {
    background: #75129B;
}
#crm-report-box .box-cstm.custom-bg-warning {
    background: #9E8F2D;
}
#crm-report-box .box-cstm.custom-bg-active {
    background: #28CBC4;
}
#crm-report-box .box-cstm.custom-bg-danger {
    background: #FF0000;
}
#crm-report-box .card-body {
    padding: 35px !important;
}
#crm-report-box .card-body p {
    margin: 0;
    font-weight: 600;
    color: #333;
}
#crm-report-box .card-body h4 {
    font-size: 35px;
    margin-bottom: 0px !important;
    font-weight: 800;
}
.dashbrd-box .content-cstm li.items {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #E5E5E5;
}
.dashbrd-box .content-cstm li.items:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.dashbrd-box .content-cstm .item-cont {
    display: flex;
    justify-content: space-between;
}
.dashbrd-box .content-cstm .item-cont .cont-left {
    display: flex;
    gap: 10px;
}
.dashbrd-box .content-cstm .cont-left figure {
    margin: 0;
    max-width: 73px;
}
.dashbrd-box .content-cstm .cont-left h3 {
    font-size: 16px;
    margin: 0;
    color: #000;
}
.dashbrd-box .content-cstm .details p {
    font-size: 14px;
    margin: 0 0 3px;
}
.dashbrd-box .content-cstm .details span.time {
    font-size: 12px;
    font-weight: 600;
    color: #333;
}
.cont-status p {
    margin-bottom: 7px;
    text-align: right;
    font-weight: 600;
    color: #333;
}
.cont-status p span.high {
    color: #F00606;
}
.cont-status p span.won {
    color: #1BB13C;
}
.dashbrd-box .card-hdr {
    margin-bottom: 30px;
}
.dashbrd-box .card-hdr a {
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
}
#Follow-up .content-cstm li.items {
    margin: 0 0 8px 0;
    padding: 0 0 8px 0;
}

.details-hdr-bg img.img-fluid {
    width: 100%;
    height: 150px;
    object-fit: cover;
}
.details-hdr-bg {
	position:relative;
}
.details-hdr-bg .hdr-btns {
    position:absolute;
	top:30px;
	left:0;
	width:100%;
	display:flex;
	justify-content:space-between;
}
.details-hdr-bg .hdr-btns .bton a {
    padding: 10px 22px;
    border-radius: 6px;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 6px;
	font-weight: 500;
}

.details-hdr-bg .hdr-btns .bton.warning a {
    background: #F24848;
}
.details-hdr-bg .hdr-btns .bton.edit-details a{
    background: #fff;
    color: #333;
}
span.warning.bton {
    margin-left: 25px;
}
.bton.edit-details {
    margin-right: 25px;
}
.row.align-items-center.details-hdr {
    position: relative;
    margin-bottom: 20px;
}
.details-hdr .btn-white.btn:hover {
    background: #eee;
}
.details-hdr .btn-white.btn {
    box-shadow: none;
    border: 1px solid #E4E4E4;
    background: #fff;
}
.details-hdr .btn-white.btn a{
    display: flex;
    align-items: center;
    gap: 5px;
}
.details-hdr .order-last .hdr-action {
    flex-direction: row;
}
.info-cstm .listing .cont {
    display: flex;
    gap: 10px;
}
.info-cstm {
    margin-top: 20px;
}
.info-cstm .listing li.item {
    margin-bottom: 17px;
}
.info-cstm .listing .cont h4 {
    font-size: 14px;
    color: #000;
    min-width: 150px;
    margin: 0;
}
.info-cstm .listing .cont p {
    color: #333;
    margin: 0;
}
.bg-gray-cstm{
	background:#F7F1F9 !important;
}
.info-cstm .listing .cont p span {
    display: block;
    font-size: 12px;
    font-weight: 600;
    display: flex;
    gap: 8px;
	color:#333;
}
.info-box-cstm h4.mb-3 {
    font-weight: 700;
    font-size: 20px;
}
.box-right-cstm .info-cstm .listing .cont h4 {
    min-width: 200px;
}
.box-right-cstm .info-cstm .listing li.item {
    margin-bottom: 12px;
}
.bg-gray-cstm.info-box-cstm {
	height: 100%;
	margin-bottom: 0;
}
.info-box-cstm.last-box {
    margin-bottom: 0;
}
.info-cstm .listing .cont p.value {
    color: #1BB13C;
}
.info-cstm .listing .cont p.sts {
    color: #75129B;
    font-weight: 700;
}
.info-cstm .listing .cont p.prty {
    color: #FFC107;
    font-weight: 700;
}
.info-cstm .listing .cont p.text-danger {
    color: #F24848;
    font-weight: 700;
}
.info-cstm .listing .cont p.activ {
    color: #FF7A01;
    font-weight: 700;
}


.info-cstm .listing .cont p .due {
    color: #F24848;
}
.dtls-ft-action .btn-white.btn {
    color: #000;
    background: #fff;
    box-shadow: none;
    border-color: #333;
}
.dtls-ft-action .btn-white.btn:hover {
    background: #eee;
}
.dtls-ft-action .btn-white.btn a{
    display: flex;
    align-items: center;
    gap: 5px;
	font-weight: 700;
}

.frm-heading h3 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
.internal-action {
    padding: 15px 0;
    border-top: 1px solid #ddd;
}
span.fs-3.remindr-chk {
    display: flex;
    gap: 8px;
    height: 100%;
    margin-top: 19px;
    align-items: center;
    color: #333;
}
.modal-header {
    margin: 0 !important;
    border: 0;
    border-bottom: 1px solid #ddd;
}
table.table {
    border-radius: 6px !important;
    outline: 1px solid #e0e6eb;
}
.modal table.table tr>td, .modal table.table tr>th {
    padding: 10px !important;
	font-size: 13px;
}
.cstm-add-table tfoot tr.total td h3 {
    font-size: 14px;
    font-weight: 700;
}
.cstm-add-table tfoot tr.total td {
    background: #f3f1f4;
    font-weight: 700;
    color: #333;
    font-size: 14px;
}
#contacts tr>td h3.item {
    font-size: 13px;
}
#contacts tr>td h6.item {
    font-size: 13px;
}
.cstm-add-table #contacts {
    margin: 0;
}
.btn.text-danger {
    background: #ECE0F1 !important;
    color: #75129B !important;
}
.btn.text-danger:hover {
    background: #d3bbdd !important;
    color: #75129B !important;
}
.cstm-add-table select, .cstm-add-table input {
    padding: 5px 7px;
    font-size: 13px;
}
.cstm-add-table select {
    width: 200px;
}
.cstm-add-table input[type="number"] {
    width: max-content;
    max-width: 120px;
}

.total-box h2.box-hdng {
    font-size: 18px;
    border-bottom: 1px solid #E0E6EB;
    padding-bottom: 10px;
	margin-bottom: 15px;
}
.total-box .amount-list span.hdng-lft {
    font-weight: 600;
}
.total-box .amount-list {
    display: flex;
    justify-content: space-between;
    color: #333;
	margin-bottom: 10px;
}
.bottom-summry {
    margin-top: 20px;
}
.total-box {
    background: #F6F6F6;
    padding: 20px;
    border-radius: 10px;
}
.total-summary .total-box .smry-ftr {
    border-top: 1px solid #E0E6EB;
    padding-top: 10px;
}
.total-summary .total-box .smry-ftr .total-price {
    display: flex;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    justify-content: space-between;
}
.btn.text-light:hover {
    background: #eee;
}
.btn.text-light {
    color: #333 !important;
    border: 1px solid #333 !important;
	font-weight: 600;
}
.cstm-add-table select {
    padding-right: 27px;
    background-position: right 0px center;
    width: auto;
}
.bt-0{
	border-top:0 !important;
}
.cstm-add-table .add-row {
    position: absolute;
    left: 30px;
}
.remove-row {
    position: absolute;
    left: 30px;
    transform: translate(0px, -7px);
}
.cstm-add-table {
    overflow: auto;
}
.upload-file.form-file span.iconbtn {
    height: 39px;
    border: 1px solid #e0e6eb;
}
.text-grn{
	color:#11982E !important;
}
.text-info{
	color:#D79B2B !important;
}
.color-draft{
	color:#6A6A6A !important;
}
.text-red{
	color:#ff0000 !important;
}
input.form-control.qty-cstm {
    max-width: 60px;
}
.bt-1 {
    border-top: 1px solid #e0e6eb !important;
    padding-top: 10px;
}
.bmb-1{
	border-bottom: 1px solid #E0E6EB !important;
	padding-bottom:10px;
	margin-bottom:15px;
}
.bt-2{
	padding-top: 20px;
	border-top: 1px solid #e0e6eb !important;
}
.color-prmry {
	color:#75129B !important;
}
.table-top-bar .right-cont p {
    margin: 0;
    font-weight: 600;
    color: #333;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
.table-top-bar .right-cont span {
    font-weight: 400;
}
.form-select {
    background-color: #fff;
}
.upload-doc {
    background: #F9F9F9;
    padding: 40px 20px;
    text-align: center;
    border-radius: 8px;
    border: 2px dashed #C5C5C5;
	position: relative;
}
.upload-doc input {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 9;
    opacity: 0;
}

.duo-fld {
    display: flex;
    align-items: center;
    gap: 7px;
}
#expense-report-boxs .card {
    margin: 0;
    height: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
#expense-report-boxs .card-body {
    padding: 35px !important;
}
.expense-status h4 {
    font-size: 35px;
}

span.select2-selection.select2-selection--single {
    position: relative;
}

.uploaded-file .file-box p.action img {
    width: 19px;
}
.uploaded-file .file-box p.action {
    display: flex;
    gap: 7px;
}
.uploaded-file .file-box p {
    margin: 0;
    color: #000;
}
.uploaded-file .file-box {
    display: flex;
    align-items: center;
    gap: 15px;
    background: #F7F1F9;
    width: auto;
    padding: 10px;
    border-radius: 5px;
}
.uploaded-file {
    margin-top: 20px;
    display: flex;
}
.doc-box .cont h3 {
    font-size: 21px;
}
.gray-box {
    background: #F6F6F6 !important;
    padding: 20px !important;
    border-radius: 10px !important;
}
.bottom-summry ol.items-list li.item {
    color: #000;
    margin-bottom: 12px;
}
.bottom-summry ol.items-list {
    padding-left: 15px;
}
.col-12.frm-heading.d-flex {
    justify-content: space-between;
    align-items: center;
}
.btn-drk-gray{
	background:#333 !important;
	color:#fff !important;
}
.text-light{
	color:#fff !important;
}

ul.items-list li.item {
    color: #333;
    padding-bottom: 13px;
}
.gray-box h4 {
    font-size: 17px;
}
.btn-success{
	background:#26A81D !important;
	border-color:#26A81D !important;
}
.btn-success:hover{
	background:#187C11 !important;
	border-color:#26A81D !important;
}

.payment-boxes h2.box-hdng {
    font-size: 18px;
    border-bottom: 1px solid #E0E6EB;
    padding-bottom: 12px;
    margin-bottom: 20px;
}
.payment-boxes .items-list p.item {
    display: flex;
    justify-content: space-between;
    color: #333;
    margin: 0 0 10px;
}
.payment-boxes .items-list .item .hdng-lft {
    font-weight: 600;
}
.hbb-2{
	border-bottom: 1px solid #E0E6EB !important;
	margin-bottom:10px;
	padding-bottom:10px;
}
.total-summary .total-box .smry-ftr p {
    margin: 0 0 10px;
}
#record-payment .cstm-add-table .add-row img {
    width: 22px;
}
#record-payment .cstm-add-table .add-row {
    position: absolute;
    left: 50%;
    margin-left: -10px;
}
.payment-option .form-check label {
    font-size: 16px;
    font-weight: 700;
    color: #333;
}
.payment-option .form-check {
    display: flex;
    align-items: center;
    gap: 7px;
}
#record-payment .doc-box h3 {
    font-size: 18px;
    margin: 0;
}
#record-payment .doc-box p {
    margin: 0;
}
#record-payment .upload-doc {
    padding: 28px 20px;
}/* 
.total-box {
    height: 100%;
} */
.modal-title .payment-num {
    display: block;
    font-size: 14px;
    font-weight: 400;
}
.bxb-1{
	border:1px solid #DBDBDB !important;
}
.bg-wht{
	background:#fff !important;
}
.total-box .desc p {
    color: #333;
}
.mathod p {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #333;
    font-weight: 600;
    background: #eee;
    padding: 6px;
}
.btn-gray {
    background: #EBEBEB !important;
    color: #000 !important;
    border-color: #EBEBEB;
}
.btn-gray:hover {
    background: #ddd !important;
    border-color: #ddd !important;
}
.paid-payment h3 {
    border-bottom: 1px solid #E0E6EB;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.paid-payment .file-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.paid-payment .file-row .file-info-left {
    display: flex;
    align-items: center;
    gap: 6px;
}
.paid-payment .file-row .btn-cstm {
    display: flex;
    gap: 10px;
}
.paid-payment .file-row p {
    font-size: 12px;
    margin: 0;
}
.paid-payment .file-row p {
    font-size: 12px;
    margin: 0;
}
.paid-payment .file-row h6 {
    margin: 0;
}
.paid-payment .file-row figure {
    margin: 0;
}
.paid-payment .attached-files {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.paid-payment .attached-files:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0px solid #eee;
}
.btn-gray img {
    min-width: 20px;
}
.btn-gray {
    gap: 3px;
}
.modal-body {
    padding-bottom: 0;
}








@media (max-width:1300px) {
.sidebarmenu.close a.sidebar-link {
    font-size: 14px;
    transition: font-size 0.5s ease-in-out;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    left: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
}
.search-form-sec .search-icon .search-button {
    border-radius: 6px;
    border: 0;
}
.search-form-sec .search-form .field-cstm:after {
    content: '';
	display:none;
}
.search-form-sec {
    border: 0;
    border-radius: 6px;
}
.search-form-sec .search-form {
    gap: 10px;
    position: relative;
}
.search-form-sec .search-form .field-cstm {
    position: relative;
    padding-right: 0;
    flex: inherit;
    width: 24% !important;
    border: 1px solid #aaa;
}


}
@media (max-width:991px) {
.topbar .navbar .navbar-nav {
    flex-direction: row;
    order: 2;
}

.nav-logo {
    width: 86px;
    padding: 0;
    order: 1;
    position: static;
}
.topbar .fs-6 {
    font-size: 1.8rem !important;
}
.topbar .navbar .navbar-nav a#headerCollapse {
    position: absolute;
    left: 0;
    top: 9px;
}
.nav-logo {
    width: 80px;
    padding: 0;
    order: 1;
    position: static;
    margin: 0 7px 0 52px;
}
.nav-icon-hover-bg {
    order: 3;
    margin-left: auto;
}
form.hrdr-crncy {
    padding: 2px 0px 2px 9px;
}
.topbar {
    position: static;
}
.body-wrapper {
    margin-top: 0;
}
.footer-bottom p.coppyright {
    padding: 0 20px;
}

}

@media (max-width:767px) {
.bottom-summry .col-6 {
    width: 100%;
}
.details-hdr .hdr-action {
    justify-content: center;
    margin-bottom: 0 !important;
}
.details-hdr .order-last .hdr-action {
    flex-direction: row;
    justify-content: center !important;
}
.col-6{
	width:100% !important;
}
.cstm-add-table .add-row {
    position: absolute;
    left: 50%;
}
#contacts tr>td:first-child span img {
    min-width: 18px;
}
.action-hdr {
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start !important;
}
#crm-report-box {
    margin-bottom: 22px;
    flex-wrap: wrap !important;
    gap: 20px;
}
.simplebar-content {
    padding: 15px !important;
}
.cont-status p {
    font-size: 13px;
}
.dashbrd-box .content-cstm .cont-left figure {
    margin: 4px 0 0;
    max-width: 42px;
}
.dashbrd-box .content-cstm .details p {
    font-size: 12px;
    line-height: 1.3em;
}
.card-body {
    padding: 15px;
}
.user-profile-tab .nav-item .nav-link {
    font-size: 13px !important;
}
.info-cstm .listing .cont p span {
    gap: 0;
    flex-wrap: wrap;
}
#pills-profile .row {
    gap: 20px;
}
.details-hdr-bg .hdr-btns .bton a {
    padding: 5px 15px;
    font-size: 13px;
}
.expense-status h4 {
    font-size: 24px;
}
#expense-report-boxs {
    flex-wrap: wrap !important;
    gap: 20px 0;
}
.bottom-summry {
    margin-top: 20px;
    gap: 20px;
}




}
@media (max-width:580px) {
.topbar .navbar {
    padding-top: 31px !important;
    margin-bottom: 5px;
}
.table-bottom-bar {
    flex-wrap: wrap;
    text-align: center;
    gap: 13px;
	justify-content: center;
}
.topbar .navbar .navbar-nav a#headerCollapse {
    position: static;
}
li.nav-item.compy-crncy {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.nav-logo {
    padding: 0 !important;
    order: 1;
    position: static;
    margin: 0 6px;
}
form.hrdr-crncy .form-group select {
    font-size: 13px;
}
form.hrdr-crncy .form-group {
    font-size: 13px;
}
.topbar .navbar .navbar-nav {
    flex-direction: row;
    order: 1;
}
.main-tab li.nav-item {
    width: 100%;
    text-align: center;
}
.page-title h4.card-title {
    margin: 0 !important;
    font-size: 17px;
}
.page-title .back-page img {
    width: 22px;
}
.card.card-body {
    padding: 15px;
}
.form-action .d-flex {
    justify-content: center;
}
.chatter-feed .feeds-list .feed .profile {
    width: 70px;
    height: 70px;
    min-width: 70px;
}
.chatter-feed .feeds-list .feed .right-cont .action {
    font-size: 12px;
        flex-wrap: wrap;
}
.chatter-feed .feeds-list .feed .profile .nm {
    font-size: 25px;
}

.chatter-feed .feeds-list .feed {
    gap: 10px;
}
.search-form-sec .search-form .field-cstm {
    width: 49% !important;
}
#expense-report-boxs .expense-status {
    width: 100%;
    flex: inherit;
}



}

@media (max-width:420px) {
.form-action .btn {
    color: #fff;
    display: flex;
    align-items: center;
    gap: 5px;
    border: 0;
    min-width: 95px;
    justify-content: center;
    width: 100%;
}
.table-top-bar {
    flex-wrap: wrap;
    gap: 10px;
}
.search-form-sec .search-form .field-cstm {
    width: 100% !important;
}

}

/* Reduce spacing for max screen usage on desktop */
@media (min-width: 992px) {
  .body-wrapper > .container-fluid {
    padding: 20px !important;
  }
}