

body{background:#F5EFEC;}

a:hover {color:#5B4444;}

[data-sidebar-style=overlay] .nav-header .hamburger.is-active .line {background:#5B4444 !important;}


.header-right .header-profile .dropdown-menu a:hover,
.header-right .header-profile .dropdown-menu a:focus,
.header-right .header-profile .dropdown-menu a.active {color:#5B4444;}


.header{background: #F5EFEC;}

.hamburger .line {background:#5B4444;}

.header-left .dashboard_bar {color:#5B4444;}

[data-sidebar-style=full][data-layout=vertical] .menu-toggle .nav-header .nav-control .hamburger .line {background-color:#5B4444 !important;}

.header-right .notification_dropdown .nav-link.notification-btn01 {background: #ffffff4f; box-shadow: 0 0 10px #00000014;}

.header-right .notification_dropdown .nav-link.notification-btn01 svg path{fill:#5B4444;}



.input-number-bx1 input::placeholder {color:#5B4444; opacity:1;}






#main-wrapper .nav-header .brand-logo img {max-width:110px; transition: all 0.5s ease;} 

#main-wrapper.show.menu-toggle .nav-header .brand-logo img {max-width: 55px;}  



.user-dropdownbx1 li a.dropdown-item svg path{stroke: #6c5858;}

.user-dropdownbx1 li a.dropdown-item svg polyline {stroke: #6c5858;}

.user-dropdownbx1 li a.dropdown-item svg line {stroke: #6c5858;}

.user-dropdownbx1 li a.dropdown-item svg circle {stroke: #6c5858;}


.user-dropdownbx1 li a.dropdown-item  span.text-danger {color:#6c5858 !important;}



.navbar-expand .navbar-nav .dropdown-menu {top: -55px;}

.chatbox .nav {background:#473535;}


.nav-header {background:#473535; }

.deznav.left-dashboard-sidebar01 {background:#5B4444;}

.deznav.left-dashboard-sidebar01 .metismenu a {color:#F5EFEC;}

.deznav.left-dashboard-sidebar01 .metismenu > li:hover > a,
.deznav.left-dashboard-sidebar01 .metismenu > li.mm-active > a {color:#5B4444 !important; background: #F5EFEC !important; }

.deznav.left-dashboard-sidebar01 .metismenu > li > a:hover:before,
.deznav.left-dashboard-sidebar01 .metismenu > li.mm-active > a:before {background: #5B4444 !important;}


.deznav .metismenu > li > a i img {filter: brightness(0) invert(1); height:25px; max-width:25px;}

.deznav .metismenu > li.mm-active > a i img {filter:unset;}
.deznav .metismenu > li > a:hover i img {filter:unset;}

.total-revenue-icon1 {background: #96C1CECE !important;  border-color: #96C1CECE !important; }

.total-revenue-icon1 img {object-fit: none; width: 100%;}





.apexcharts-area-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events {stroke: #789ba9;}



.revenue-by-month-icon1 {background: #548293 !important; border-color: #548293 !important; }

.revenue-by-month-icon1 img {border-radius:0 !important;}


.total-revenue-chart-bx1 svg g.apexcharts-inner.apexcharts-graphical g.apexcharts-series path:nth-child(1) {fill:#96C1CECC !important;  }


.total-revenue-chart-bx1 svg g.apexcharts-inner.apexcharts-graphical g.apexcharts-series path:nth-child(2) { stroke: rgb(155 195 208); }


.revenue-by-month-chartbx1 svg g.apexcharts-inner.apexcharts-graphical g.apexcharts-series path:nth-child(1) {fill:#548293CC !important; }


.revenue-by-month-chartbx1 svg g.apexcharts-inner.apexcharts-graphical g.apexcharts-series path:nth-child(2) { stroke:rgb(100 149 168);}



.header-left .dashboard_bar {font-family: "Italiana", sans-serif; text-transform: uppercase; font-weight: 300; font-size: 35px; }



.total-percentagebx1 {}

.total-percentagebx1 h4 {margin-bottom: 0; font-size: 21px; font-weight: 600; color: #5B4444; }
.total-percentagebx1 p {margin-bottom: 0; color:#5B4444;}


.transcation-by-day-colbx1 .apexcharts-slices .apexcharts-series.apexcharts-pie-series:nth-child(1) path {fill: #f4f4f4 !important;}

.transcation-by-day-colbx1 .apexcharts-slices .apexcharts-series.apexcharts-pie-series:nth-child(2) path {fill:#446070 !important;}

.transcation-by-day-colbx1 .apexcharts-slices .apexcharts-series.apexcharts-pie-series:nth-child(3) path {fill:#96C1CE !important;}



.card.payment-cardbx11 {padding: 14px; border-radius: 12px; background: #FFF8F5; box-shadow: 0 0 10px #d5c7c154; }

.transcation-by-day-colbx1.report-colbx1 {display: flex;}

.transcation-by-day-colbx1.report-colbx1 ul.transcation-by-day-ulbx1 {flex-direction: column; justify-content: unset; gap: 25px;}

.transcation-by-day-colbx1.report-colbx1 ul.transcation-by-day-ulbx1 li {flex-direction: unset; align-items: center !important; }

.transcation-by-day-colbx1.report-colbx1 ul.transcation-by-day-ulbx1 li i {border-radius: 0; width: 17px; height: 17px;}

.transcation-by-day-colbx1.report-colbx1 ul.transcation-by-day-ulbx1 li span {color: #5B4444 !important; font-size: 17px !important; font-weight: 300;}





.transcation-by-day-colbx1 .report-chartbx1 .apexcharts-slices .apexcharts-series.apexcharts-pie-series:nth-child(1) path {fill:#96C1CE !important;}

.transcation-by-day-colbx1 .report-chartbx1 .apexcharts-slices .apexcharts-series.apexcharts-pie-series:nth-child(2) path {fill:#548293 !important;}

.transcation-by-day-colbx1 .report-chartbx1 .apexcharts-slices .apexcharts-series.apexcharts-pie-series:nth-child(3) path{fill: #446070 !important;}



.total-transaction-circlebx1 svg stop {stop-color: #5B4444 !important;}


.total-transaction-circlebx1 svg g text {font-size: 34px; font-weight: 200; color: #7E7E7E; }



.pending-paymentsbx1 svg path:first-child {fill: #548293 !important;}

.total-revenue-chartbx1 svg path:first-child {fill:#446070 !important;}

.todays-payment-bx1 svg path:first-child{fill:#96C1CE !important;}

a.btn-link01 {color:#5B4444; border-color:#5B4444;}

a.btn-link01:hover {color:#fff; background:#5B4444; border-color:#5B4444;}


.card-header .card-title {font-size: 28px; font-weight: 300;  font-family: "Italiana", sans-serif; text-transform: uppercase; color: #222B40; margin-bottom: 0; }

h4.text-black {font-size: 21px !important; font-weight: 300;  font-family: "Italiana", sans-serif; text-transform: uppercase; margin-bottom: 0; }


.deznav .metismenu .has-arrow:after {border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff;}

.deznav .metismenu .has-arrow:hover:after { border-top: 1px solid #9D9D9D; border-left: 1px solid #9D9D9D; border-bottom: 1px solid #9D9D9D; border-right: 1px solid #9D9D9D;}

.deznav .metismenu .has-arrow[aria-expanded=true]:after, .deznav .metismenu .mm-active > .has-arrow:after { border-top: 1px solid #9D9D9D; border-left: 1px solid #9D9D9D; border-bottom: 1px solid #9D9D9D; border-right: 1px solid #9D9D9D;}


.nav-header .brand-logo {justify-content: center;}


ul.transcation-by-day-ulbx1 {flex-wrap: unset !important; text-align: left; justify-content: space-between; }

ul.transcation-by-day-ulbx1 li {margin: 0 !important; gap: 6px !important; flex-direction: column; align-items: start !important;}

ul.transcation-by-day-ulbx1 li:nth-child(1) i {background: #96C1CE !important; width: 14px; height: 14px; border-radius: 50%;}

ul.transcation-by-day-ulbx1 li:nth-child(2) i {background:#446070 !important; width: 14px; height: 14px; border-radius: 50%;}

ul.transcation-by-day-ulbx1 li:nth-child(3) i {background:#446070 !important; width: 14px; height: 14px; border-radius: 50%;}



.button-card-bx1 tbody tr td p a {color:#202224 !important;}

.button-card-bx1 tbody tr td p a:hover{color:#9c9c9c !important;}



.button-card-bx1 {background: none; box-shadow: none; }
.button-endbx1 {justify-content: end; padding: 30px 0;}


.table-topheaderbx1 {--bs-table-bg: #5B4444 !important; background:#5B4444 !important;}

.table-topheaderbx1 tr th {padding: 16px 20px !important;}

.table-topheaderbx1 tr th span {font-size: 17px !important; font-weight: 400; }

.transaction-txt01{width: 100%; max-width: 115px; text-align: center; padding: 8px 10px;}
.transaction-txt01.green {background: #00B69B4D; }
.transaction-txt01.red {background:#E41F1F4D; }
.transaction-txt01.yellow {background:#F1963A4D; }

.card{background:#FFF8F5;}



.button-card-bx1 .table-card-body {background:#FFF8F5; padding: 30px 30px 0 !important; border-radius: 15px; box-shadow: 0 0 10px #d5c7c154; display: inline-block; width: 100%;  }

.button-card-bx1 .table-card-body .table-responsive table tbody tr.transaction-trbx1 {border-bottom: solid 1px #685C5266;}

.button-card-bx1 .table-card-body h6 {text-align: center; font-size: 18px; color: #5B4444; font-weight: 300; margin-bottom: 3px;}

.button-card-bx1 .table-card-body h2 {text-align: center; font-size: 40px; color: #5B4444; font-weight: 400; margin-bottom:30px;}


.table-responsive.table-responsive2 .table-topheaderbx1 tr th:last-child {min-width:170px;}

.button-card-bx1 .table-card-body .table-responsive table tbody tr td {background: none; padding: 16px 20px !important;}



.input-rowbx1 {flex-wrap: wrap;}

.number-field-colbx1 {padding: 9px; }


.input-number-bx1 {padding: 15px; border-radius: 0; background:#FFF8F5;
    box-shadow: 0 0 10px #d5c7c154; }
 
.input-number-bx1 h3 {font-size: 16px; font-weight: 400; color: #202224B2; }


.input-number-bx1 .input-bx1 {position:relative;}

.input-number-bx1 .input-bx1::after{content:''; background: url(../images/table-arrow1.svg) no-repeat; width: 20px; height: 20px; position: absolute; top: 13px; right: -8px;}

.input-number-bx1 input {border: 0; border-bottom: solid 1px #685C5266 !important; border-radius: 0; padding: 0; height: 35px; margin-top:5px; color: #5B4444; font-size: 16px; font-weight: 300; box-shadow: none !important; background: none;  }

.input-number-bx1 button {border: 0 !important; border-bottom: solid 1px #685C5266 !important; border-radius: 0; padding: 0 !important; height: 35px; margin-top:5px; color: #5B4444 !important; font-size: 16px !important; font-weight: 300 !important; box-shadow: none !important; background: none !important; display:inline-block !important; }

.input-number-bx1 input[type=number]::-webkit-outer-spin-button,
.input-number-bx1 input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.input-number-bx1 input[type=number] {
  -moz-appearance: textfield;
}


.button-endbx1 .bootstrap-select.form-select button {background: #5B4444 !important; width: 195px; border-radius: 5px; color: #fff !important; font-weight: 400; }


.button-endbx1 .bootstrap-select.form-select button::after{content:''; background: url(../images/arrow-down-img1.svg) no-repeat; margin-top: 10px;}



.button-endbx1 .bootstrap-select.form-select button.user-btn01 {width:auto;}

.button-endbx1 .bootstrap-select.form-select button.user-btn01::after {display:none;}

.button-endbx1 .bootstrap-select.form-select button.user-btn01::before {display:none;}


.button-endbx1 .bootstrap-select.form-select .dropdown-menu {padding: 0;}

.button-endbx1 .bootstrap-select.form-select .dropdown-menu ul.dropdown-menu li {}

.button-endbx1 .bootstrap-select.form-select .dropdown-menu ul.dropdown-menu li a {}

.button-endbx1 .bootstrap-select.form-select .dropdown-menu ul.dropdown-menu li.selected.active a {background: #5B4444 !important;
    color: #fff;}
    
    
    
    
.sales-colbx1 {padding: 9px;}    
    
.sales-summery-txt1 {}
.sales-summery-txt1 h5 { color: #202224B2; font-size: 20px; font-weight: 400; }



.sales-cardbx1 {padding: 20px; border-radius: 12px; background:#FFF8F5; box-shadow: 0 0 10px #d5c7c154;}

.sales-cardbx1 .card-row01 {display: flex; justify-content: space-between; align-items: start; }

.sales-cardbx1 .card-left-txt1 {}
.sales-cardbx1 .card-left-txt1 h4 {font-size: 16px; font-weight: 400; color: #202224; }
.sales-cardbx1 .card-left-txt1 h3 {color: #5B4444; font-size: 30px; font-weight: 400; }

.sales-cardbx1 .sales-rightbx1 {background: #EFE7E5; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.sales-cardbx1 .sales-rightbx1 img {}


.percent-txtbx1 {margin-top: 15px; display: flex; gap: 10px;}

.percent-txtbx1 .arrow-iconbx1 {}
.percent-txtbx1 .arrow-iconbx1 img {}

.percent-txtbx1 p {margin: 0; color: #606060; font-size: 16px; }
.percent-txtbx1 p span {color:#548293;}






h5.payment-title01 {font-size: 20px; color: #202224B2; font-weight: 400; }



.revenue-projectbx1 {}
.revenue-projectbx1 ul {margin-bottom: 35px;}
.revenue-projectbx1 ul li {display: flex; gap: 20px; align-items: center; margin-top: 20px;}
.revenue-projectbx1 ul li span {color: #5B4444; font-size: 17px; font-weight: 400;}
.revenue-projectbx1 ul li em {white-space: nowrap; font-style:normal; color: #5B4444; font-size: 15px; font-weight: 400; }
.revenue-projectbx1 ul li hr {width:100%; margin:0; opacity: 1; border-width: 10px; border-style: solid;}
.revenue-projectbx1 ul li:nth-child(1) hr {border-color: #446070;  }
.revenue-projectbx1 ul li:nth-child(2) hr {border-color: #548293; width: 50% !important; }
.revenue-projectbx1 ul li:nth-child(3) hr {border-color: #446070; width: 60% !important;}
.revenue-projectbx1 ul li:nth-child(4) hr {border-color: #548293; width: 70% !important;}
.revenue-projectbx1 ul li:nth-child(5) hr {border-color: #548293; width: 70% !important;}
.revenue-projectbx1 ul li:nth-child(6) hr {border-color: #446070;}


.total-revenuebx1 {}
.total-revenuebx1 h3 {color: #5B4444; font-size:22px; font-weight: 400;}
.total-revenuebx1 h3 span {color: #5B4444; font-size: 16px; font-weight: 400;}

.button-endbx1 button::before {content:''; filter: brightness(0) invert(1);display: flex;width: 30px;height: 20px;background-size: contain !important;background-repeat: no-repeat !important;}

.button-endbx1 button[title="Export Invoice"]::before {content:''; background: url(../images/export-invoice-icon1.svg);}

.button-endbx1 button[title="Print"]::before {content:''; background: url(../images/print-icon1.svg);}

.button-endbx1 button[title="CSV"]::before {content:''; background: url(../images/csv-icon.svg);}

.button-endbx1 button[title="Excel"]::before {content:''; background: url(../images/excel-icon1.svg);}


.button-endbx1 .dropdown-menu .dropdown-menu li a {}
.button-endbx1 .dropdown-menu .dropdown-menu li a.active::before{content:''; filter: brightness(0) invert(1);}
.button-endbx1 .dropdown-menu .dropdown-menu li a::before{content:'';  width: 20px; height: 20px; background-size: contain !important; display: inline-block; margin: 3px 6px -5px 0; }

.button-endbx1 .dropdown-menu .dropdown-menu li a#bs-select-1-0::before {background: url(../images/export-invoice-icon1.svg); }
.button-endbx1 .dropdown-menu .dropdown-menu li a#bs-select-1-1::before {background:url(../images/print-icon1.svg) no-repeat;}
.button-endbx1 .dropdown-menu .dropdown-menu li a#bs-select-1-2::before {background:url(../images/csv-icon.svg) no-repeat;}
.button-endbx1 .dropdown-menu .dropdown-menu li a#bs-select-1-3::before {background:url(../images/excel-icon1.svg) no-repeat;}







.user-popupbx1 {}
.user-popupbx1 h3 {font-family: "Italiana", sans-serif; text-transform: uppercase; font-weight: 300; font-size: 35px; }

.close-bx1 span.close-btn {position: absolute; top: -10px; right: -10px; width: 35px; height: 35px; background: #5B4444; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50%;}


.user-popupbx1 {}
.user-popupbx1 .modal-content {max-width: 650px; width: 90%; background: #FFF8F5; }

.user-popupbx1 .modal-content .input-bx1 {margin-top: 15px; width:100%;}
.user-popupbx1 .modal-content .input-bx1 label {}

.user-popupbx1 .modal-content .input-bx1 input {height: 50px; border: solid 1px #685C5266; background: #ffffff59; display:block; width: 100%; padding: 10px; }

.user-popupbx1 .modal-content .input-bx1.select-bx1 button{height: 50px; border: solid 1px #685C5266; background: #ffffff59; display:block; padding: 13px 10px 0; border-radius: 0; font-weight: 400;}

.user-popupbx1 .modal-content button.submit-btn01 {background: #5B4444;border: solid 1px #5B4444;color: #fff; display: inline-block; padding: 11px 25px; text-transform: uppercase;font-size: 15px;margin-top: 20px; }


.user-popupbx1 .submit-btnbx1 {text-align:right;}











@media only screen and (max-width: 768px) {
    
    
    
.chatbox .nav .nav-link {padding:10px 0 !important;}    
    
    
.navbar-expand .navbar-nav .dropdown-menu {top:0px;}    
    
    
#main-wrapper .nav-header .brand-logo img { max-width: 60px; transition: all 0.5s ease;  width: 100%;}    

.card-header .card-title {font-size: 22px;}

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



.number-field-colbx1 {padding: 5px; width: 50%; flex: unset; height: 100%; margin: 0; }


.input-number-bx1 {margin: 0; height: 100%; }

.input-number-bx1 input {font-size: 13px; background: none !important; }


.table-topheaderbx1 tr th span {font-size: 14px !important;}

.table-topheaderbx1 tr th {min-width: 160px;}

.table-topheaderbx1 tr th:last-child {min-width: 60px;}

.button-card-bx1 tbody tr td p {font-size: 12px;}


.button-card-bx1 .table-card-body {padding: 15px 15px 0 !important;}

    
    
.button-card-bx1 .table-card-body h6 {margin-top:20px; font-size: 15px;}
.button-card-bx1 .table-card-body h2 {font-size: 30px;}



.percent-txtbx1 p {font-size:14px;}

.sales-summery-txt1 h5 {font-size:16px;}

.percent-txtbx1 .arrow-iconbx1 img {width: 15px;}

.sales-cardbx1 .sales-rightbx1 img {height: 15px;}

.sales-cardbx1 .sales-rightbx1 { width: 40px; height: 40px;}

.sales-cardbx1 .card-left-txt1 h3 {font-size: 22px;}


.revenue-projectbx1 ul li em {font-size: 10px;}

.revenue-projectbx1 ul li span {font-size: 12px;}
    
    
.revenue-projectbx1 ul li hr{border-width: 3px;}

h5.payment-title01 {font-size:16px;}

.total-revenuebx1 h3 span {font-size: 12px;}

.total-revenuebx1 h3 {font-size: 16px;}


.transcation-by-day-colbx1.report-colbx1 {flex-direction: column; gap: 25px;}

.transcation-by-day-colbx1.report-colbx1 ul.transcation-by-day-ulbx1 li span { font-size: 14px !important;}


.user-popupbx1 .modal-content .input-bx1 input{height:35px;}

.user-popupbx1 .modal-content .input-bx1.select-bx1 button {height:35px;}
    
.user-popupbx1 .modal-content .input-bx1.select-bx1 button {padding: 6px 10px 0;} 

.user-popupbx1 .modal-content button.submit-btn01 {padding: 7px 25px;}
    
    
    
    
}








 .open-btn {
      padding: 10px 20px;
      background: blue;
      color: white;
      border: none;
      cursor: pointer;
    }

    /* Modal Background */
    .modal {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.5);
    }

    /* Modal Box */
    .modal-content {
      background: white;
      padding: 20px;
      width: 300px;
      margin: 100px auto;
      border-radius: 10px;
    }


    .close-btn {
      float: right;
      cursor: pointer;
      color: red;
    }

















