@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700|Nunito:300,400,500,600,700&display=swap');
body{
	font-family: 'Nunito', sans-serif !important;
	font-weight: 400;
	background: #fff;
	padding: 0; 
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Nunito', sans-serif !important;
	font-weight: 600;
}

/*LOGIN SCREEN START*/
body.authentication-bg-pattern{
	background-size: cover;
	background-image: url('../images/updates/login-bg.jpg');
	background-color: #148a8b;
	padding: 0;
	-webkit-animation: slide 20s linear infinite;
	display: flex;
	align-items: center;
	height: -webkit-fill-available;
	height: -moz-fill-available;
	height: -o-fill-available;
	height: 100vh;
}
body.authentication-bg-pattern .account-pages{
	width: 100%;
}
.login-card{
	max-width: 800px;
}
.login-card-head p{
	font-family: 'Montserrat', sans-serif;
	font-size: 17px;
	font-weight: 500;
	color: #008081;
}
.login-card .card.bg-pattern{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	border-radius: 15px;
	padding: 0 25px;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
}
.login-card .card.bg-pattern .card-left-side{
	flex: 0 0 50%;
	max-width: 50%;
	display: flex;
	align-items: center;
	position: relative;
}
.login-card .card.bg-pattern .card-left-side-inner{
	background-image: url('../images/updates/card-left-side.png');
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	padding: 10px 25px;
	display: flex;
	align-items: center;
	height: 510px;
	border-radius: 20px;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.36);
	-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.36);
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.36);
	transform-style: preserve-3d;
	backface-visibility: hidden;
}
.login-card .card.bg-pattern .card-left-side-inner .get-started-button{
	background: #982b68;
	border-color: #982b68; 
	max-width: 180px;
	width: 100%;
	border-radius: 25px;
	text-decoration: none;
	color: #fff;
	outline: none;
	box-shadow: none;
	margin-top: 20px !important;
	font-size: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.35s;
}
.login-card .card.bg-pattern .card-left-side-inner .get-started-button:hover{
	color: #148a8b;
	background: #d2d3d5;
	border-color: #148a8b;
	font-weight: 700;
}
.login-card .card.bg-pattern .card-body{
	flex: 0 0 50%;
	max-width: 50%;
}
.login-card .card-left-side-text{
	
}
.login-card .card.bg-pattern .card-left-side p{
	margin-bottom: 0;
	color: #fff;
}
.login-card .card.bg-pattern .card-left-side p:nth-of-type(1){
	font-size: 33px;
	line-height: 1;
	margin-bottom: 10px;
	
}
.login-card .card.bg-pattern .card-left-side p:nth-of-type(2){
	font-size: 20px;
	line-height: 1.1;
	margin-bottom: 15px;

}
.custom-control-input:checked~.custom-control-label::before{
	color: #007f80;
	border-color: #007f80;
	background-color: #007f80;
}
.login-card .card.bg-pattern .card-body .login-button{
	background: #148a8b;
	border-color: #148a8b; 
	max-width: 175px;
	border-radius: 25px;
	outline: none;
	box-shadow: none;
	font-size: 14px;
	transition: all 0.35s;
	transform: translateZ(100px);
}
.login-card .card.bg-pattern .card-body .login-button:hover{
	background: #982b68;
	border-color: #982b68;
}
.login-card .card.bg-pattern .card-body .form-group{
	margin-bottom: 20px !important;
	position: relative;
} 
.login-card .card.bg-pattern .card-body .form-group i{
	position: absolute;
	right: 10px;
	top: 50%;
	transform:translateY(-50%);
	color: #b15284;
}
.login-card .card.bg-pattern .card-body input.form-control{
	border-radius: 10px;
	background: #f7f7f7;
	border-color: #d1d2d4;
	padding-right: 25px;
}
.login-card .card.bg-pattern .card-body .forgot-password{
	font-size: 14px;
	color: #9e9e9e;
} 
body.authentication-bg-pattern p.copyright-text{
	font-size: 12px;
	text-align: left;
	color: #148a8b;
	max-width: 800px;
	margin: 50px auto 0 auto;
	padding: 10px;
}
/*LOGIN SCREEN ENDS*/


/*INDEX PAGE START*/
.right-bar .right-bar-toggle{
	display: flex;
	align-items: center;
	justify-content: center;
}
.right-bar .right-bar-toggle i{
	height: 14px;
	line-height: 1;
}
.custom-dashboard-nav{
	background-color: #eee;
	height: 55px;
}
.left-side-menu{
	background: #01a09b;
	color: #fff;
	top: 55px;
}
#sidebar-menu .menu-title{
	color: #fff;
}
#sidebar-menu>ul>li>a,#sidebar-menu>ul>li>a:hover{
	color: #fff;
	font-family: 'Nunito', sans-serif !important;
	font-size: 14px;
}
#sidebar-menu>ul>li>a:active,
#sidebar-menu>ul>li>a:focus,
#sidebar-menu>ul>li>a:hover{
	color: #fff;
}
#sidebar-menu>ul>li>a.active {
	color: #fff;
}
.nav-second-level li a,.nav-second-level li a:focus, .nav-second-level li a:hover,
 .nav-thrid-level li a:focus, .nav-thrid-level li a:hover {
	color: #fff;
	/*COLOR CHANGE*/
}
.nav-second-level li.active>a, .nav-third-level li.active>a{
	color: #fff;
}
.list-unstyled.topnav-menu .button-menu-mobile i{
	color: #148a8b;
}
.navbar-custom .topnav-menu .nav-link{
	color: #acacac;
	height: 55px;
	line-height: 55px;
}
.navbar-custom .topnav-menu .nav-link .badge-danger {
	background: #f67f0c !important;
}
.navbar-custom .app-search .form-control{
	background: #fff;
	border-color: #e0e0e0;
	color: #acacac;
	height: 30px;
}
.navbar-custom .app-search .form-control::placeholder{
	color: #acacac !important;
}
.navbar-custom .app-search .btn{
	background: #fff;
	height: 30px;
    padding: 4px 10px;
}
.navbar-custom .app-search .btn i{
	color: #acacac;
}
.widget-rounded-circle.card-box{
	border-radius: 15px;
	border: 2px solid #f3f3f3;
}
.metismenu li.active a[aria-expanded=true]{
	background: rgba(0,0,0,0.20);
	position: relative;
	color: #fff !important;
}
.metismenu li.active a{
	color: #d0d0d0;
}
.metismenu li.active a:hover{
	background: transparent;
	color: #fff;
}
.metismenu li.active a[aria-expanded=true]:before{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 3px;
	height: 100%;
	background: #931d5b; 
}

body.sidebar-enable.enlarged .nav-second-level li a,
body.sidebar-enable.enlarged .nav-second-level li a:focus,
body.sidebar-enable.enlarged .nav-second-level li a:hover,
body.sidebar-enable.enlarged .nav-thrid-level li a:focus, .nav-thrid-level li a:hover{
	color: #acacac !important;
}
body.sidebar-enable.enlarged .left-side-menu #sidebar-menu>ul>li:hover>ul a:hover{
	color: #00acc1 !important;
	background-color: #f1f5f7;
}
.graph-box table{
	left: 0 !important;
	right: auto !important;
	margin-bottom: 20px;
}
.app-search .app-search-box .input-group{
	width: 300px;
}
.page-title-box .page-title{
	font-family: 'Nunito', sans-serif;
	font-size: 20px;
	line-height: 1;
    padding: 15px 0;
}
.page-title-box .page-title span{
	color: #019591;
}
.custom-date-pick input{
	position: absolute !important;
	padding: 0 !important;
	width: 100% !important;
	background: transparent;
	border: none;
}
.custom-date-pick input:nth-of-type(2){
	opacity: 0;
	background: transparent;
	border: none;
}
.dashboard-top-actions .event-setting-btn{
	background: #931d5b;
	border: none;
	border-radius: 25px !important;
	height: 37px;
}
.dashboard-top-actions .event-setting-btn i:nth-of-type(1){
	padding-right: 5px;
}
.dashboard-top-actions .event-setting-btn i:nth-of-type(2){
	padding-left: 5px;
} 
.dashboard-top-actions .refresh-button{
	width: 37px;
	height: 37px;
	border-radius: 50%;
	background: #148a8b;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}
.dashboard-top-actions .filter-button{
	width: 37px;
	height: 37px;
	border-radius: 50%;
	background: #f67f0c;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	outline: none;
	box-shadow: none;
	border-color: transparent;
}
.dashboard-page .refresh-button{
	background: #f67f0c !important;
}
.status-slide .card-box{
	padding: 0px;
}
.status-slide .card-box .widget-rounded-circle.card-box{
	border-radius: 17px;
}
.status-slide .card-box .status-slide-col{
	padding: 10px 5px;
}
.status-slide .card-box .row{
	margin: 0 !important;
}
.status-slide .card-box .icon-col img{
	width: auto;
}
.status-slide .card-box .icon-col{
	border-radius: 10px 0 0 10px;
	display: flex;
	align-items: center;
	justify-content: center;
} 
.status-slide .card-box .icon-col-1{
	background: #e7faf3;
}
.status-slide .card-box .icon-col-2{
	background: #ffe9f3;
}
.status-slide .card-box .icon-col-3{
	background: #fff6e9;
}
.status-slide .card-box .icon-col-4{
	background: #f2f0fc;
}
.status-slide .card-box .icon-col-5{
	background: #fdedec;
}
.status-slide .card-box .icon-col-6{
	background: #e7f3fd;
}
.status-slide-col h3{
	font-family: 'Nunito', sans-serif;
	font-weight: 600;
	font-size: 22px;
}
.index-copyright{
	color: #148a8b;
	font-size: 12px;
	font-weight: 600;
}
.top-users-row .plus-btn{
	background: #148a8b;
	border: none;
	color: #fff;
	margin-bottom: 1px;
}
.top-users-row .minus-btn{
	background: #931d5b;
	border: none;
}
.top-users-row .action-delete-btn{
	background: #931d5b;
	border: none;
	color: #fff;
	padding: 2px 8px;
}
.top-users-row .action-delete-btn{
	font-size: 16px;
}
.top-users-row .mdi-currency-btc{
	color: #931d5b !important;	
}
.top-users-row .mdi-currency-eur{
	color: #43a1a2 !important;	
}
.top-users-row .mdi-currency-usd{
	color: #43a1a2 !important;	
}
.top-users-row .mdi-currency-cny{
	color: #43a1a2 !important;	
}
.top-users-row .badge{
	width: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
} 
.content-page{
	background: #f9f9f9;
	padding-bottom: 40px;
	margin-top: 55px;
}
.total-revenue-card h2.today-total{
	color: #019591;
	font-weight: 600;
}
.total-revenue-card h4.header-title{
	font-weight: 600;
}
.card-box.graph-box h4.header-title{
	font-weight: 600;
}
.card-box.total-revenue-card, .card-box.graph-box{
	border-radius: 15px;
}
.total-revenue-card .widget-chart h5.mt-3{
	font-size: 15px;
	font-weight: 600;
	color: #282828;
}
.top-users-row .card-box{
	border-radius: 15px;
}
.footer{
	background: transparent;
}
.legend tr{
	font-family: 'Nunito', sans-serif !important;
	font-weight: 600;
}
.right-bar .rightbar-title{
	background-color: #01a09b;
}
.checkbox-primary input[type=checkbox]:checked+label::before{
	background-color: #01a09b;
	border-color: #01a09b;
}
/*INDEX PAGE ENDS*/



/*LEADS PAGE START*/
.leads-action-btn button.lead-btn{
	height: 37px;
	padding: 10px;
	font-size: 14px;
	line-height: 1;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
	outline: none;
	border-radius: 25px;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);
}
.leads-action-btn button.lead-btn i{
	margin-right: 5px;
}
.leads-action-btn button.create-new-lead-btn{
	background: #01ada8;
}
.leads-action-btn button.lead-report-btn{
	background: #931d5b;
}
.leads-action-btn button.all-lead-btn{
	background: #4a4a4b;
}
.leads-action-btn .dropdown-menu.show{
	background: #eeeeee;
	border-radius: 15px;
	padding: 0;
	border:1px solid #cdcece;
}
.leads-action-btn .dropdown-menu a{
	color: #4a4a4b;
	font-size: 14px;
	font-weight: 600;
}
.leads-action-btn .dropdown-menu a:hover{
	background-color: transparent!important;
}
.leads-action-btn .dropdown-menu a:not(:last-of-type){
	border-bottom: 1px solid #e0dede;
}
.leads-action-btn button.all-lead-btn i:nth-of-type(2){
	margin-right: 0px;
	margin-left: 5px;
	position: relative;
	top: -2px;	
}
.leads-table-top{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	background: #e7e8e8;
	padding: 10px 25px;
	border-radius: 15px 15px 0 0;
}
.leads-table-top .table-title p{
	margin-bottom: 0;
	color: #019591;
	font-size: 22px;
	font-weight: 600;
	line-height: 1;
}
.lead-main-table-search .input-group, .new-invoice-search .input-group{
	background: #fff;
	border-radius: 25px;
	border: 1px solid #e0e0e0;
	max-width: 215px;
}
.lead-main-table-search .input-group input,
.new-invoice-search .input-group input{
	border: none;
	background: transparent;
}
.lead-main-table-search .input-group button,
.new-invoice-search .input-group button{
	outline: none;
	box-shadow: none;
}
.lead-main-table-search .input-group button i,
.new-invoice-search .input-group button i{
	color: #acacac;
	font-size: 18px;
}
.leads-main-table-wrapper .leads-main-table thead{
	background: #4a4a4b;
	color: #fff;
} 
.leads-main-table-wrapper .leads-main-table thead th{
	font-weight: 600;
	text-transform: uppercase;
}
.leads-main-table-wrapper .leads-main-table tbody td.lead-serial-no{
	color: #01a09b;
	font-size: 15px;
	font-weight: 700;
}
.leads-main-table-wrapper .leads-main-table tbody td{
	font-size: 13px;
	color: #4a4a4b;
	padding: 4px 11px !important;
}
.leads-main-table-wrapper .leads-main-table tbody td select{
	width: 100%;
	border-radius: 10px;
	outline: none;
	box-shadow: none;
	border: 1px solid #e0e0e0;
	background: #fff;
	height: 25px;
	-webkit-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	-moz-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../images/updates/drop-icon.png) right / 10px no-repeat #fff;
	padding-right: 20px;
	background-position: 97%;
	padding-left: 7px;
	padding-right: 7px;
	font-size: 14px;
	color: #4a4a4b;
}


.leads-main-table-wrapper .leads-main-table tbody td select.lead-type-drop{
	width: 95px;
}
.leads-main-table-wrapper .leads-main-table tbody td select.lead-status-drop{
	width: 155px;
}
.leads-main-table-wrapper .leads-main-table tbody td input[type=date]{
	border-radius: 10px;
	outline: none;
	box-shadow: none;
	border: 1px solid #e0e0e0;
	background: #fff;
	height: 42px;
	-webkit-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	-moz-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	color: #a0a0a0;
	padding-left: 10px;
}
.leads-main-table-wrapper .leads-main-table tbody td .lead-table-action{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 130px;
}
.leads-main-table-wrapper .leads-main-table tbody td .lead-table-action a{
	 /*color: #fff;*/
	 font-size: 13px;
	 padding: 3px;
	 margin: 2px;
	 /*border: 1px solid #4a4a4b;*/
	 width: calc(50% - 6px);
	text-align: center;
	border-radius: 25px;
	line-height: 1;
	/*background: #4a4a4b;*/
	transition: all 0.25s;
} 
.leads-main-table-wrapper .leads-main-table tbody td .lead-table-action a:hover{
	/*background: #01ada8;*/
	/*border-color: #01ada8;*/
}
.leads-main-table-wrapper .leads-main-table tbody td input[type=date]::-webkit-inner-spin-button {
	display: none;
	-webkit-appearance: none;
}
/*.leads-main-table.table-striped>tbody>tr:nth-child(odd)>td, 
.leads-main-table.table-striped>tbody>tr:nth-child(odd)>th {
   background-color: #f6f5f5;
}
.leads-main-table.table-striped>tbody>tr:nth-child(even)>td, 
.leads-main-table.table-striped>tbody>tr:nth-child(even)>th {
   background-color: #fff;
}*/
.leads-main-table-wrapper .fixed-table-pagination .pagination .page-link{
	border-radius: 0 !important; 
}
.leads-main-table-wrapper .page-item,
 .leads-main-table-wrapper .page-item .page-link{
	background: #f0f0f0;
	color: #767676;
	outline: none;
	box-shadow: none;
}
 .leads-main-table-wrapper .page-item.active .page-link,
  .leads-main-table-wrapper .page-item.active{
	z-index: 1;
	color: #fff;
	background-color: #01a09b;
	transition: all 0.35s;
}

.leads-main-table-wrapper .bootstrap-table 
.fixed-table-pagination>.pagination ul.pagination{
	border: 1px solid #e1e1e1;
}
.leads-main-table-wrapper .fixed-table-pagination{
	margin-top: 35px;
	margin-bottom: 60px;
}
.leads-main-table-wrapper .fixed-table-body{
	border-radius: 0 0 15px 15px;
}
.leads-main-table-wrapper .table-bordered{
	border-color: #f1f0f0 !important;
	border-top: 0px;
	border-bottom: 0px;
}
/*LEADS PAGE ENDS*/



/*CREATE NEW LEADS PAGE START*/
.new-lead-form{
	margin-bottom: 40px;
}
.new-lead-form-inner .new-leads-input-col{
	padding-top: 10px;
	padding-bottom: 10px;
}
.new-lead-form-inner .new-leads-input-col {
	position: relative;
}
.new-lead-form-inner .new-leads-input-col p{
	margin-bottom: 5px;
	color: #dc3545;
}
.new-lead-right-row .new-leads-client-col p{
	 font-size: 14px ;
	color: #dc3545;
	font-weight: 400;
	margin-bottom: 4px;
}
.new-lead-right-row .new-leads-client-col:first-of-type p{
	font-size: 22px !important;
	color: #019591  !important;
	font-weight: 600  !important;
	margin-bottom: 4px  !important;
}
.new-lead-form-inner .new-leads-input-col i{
	position: absolute;
	top: 24px;
	left: 22px;
	font-style: normal;
	line-height: 1;
}
.new-lead-form-left-col{
	background: #fff;
}
.new-lead-form-right-col{
	background: #fafafa;
}
.new-lead-form-inner .new-leads-input-col input,
.new-lead-form-inner .new-leads-input-col select{
	width: 100%;
	border-radius: 10px;
	outline: none;
	box-shadow: none;
	border: 1px solid #e0e0e0;
	background: #fff;
	height: 42px;
	-webkit-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	-moz-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	padding-left: 30px;
	color: #a0a0a0;
}
.new-lead-form-inner .new-leads-input-col select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url('../images/updates/drop-icon.png') right / 10px no-repeat #fff;
	padding-right: 20px;
	background-position: 97%;
}
.new-lead-form-inner .new-leads-input-col input::placeholder{
	color: #a0a0a0;
}
.new-lead-left-row{
	background: #fff;
	padding-top: 20px;
}
.new-lead-form-inner .new-leads-input-col input[type="date"]::-webkit-inner-spin-button{
	display: none;
	-webkit-appearance: none;
}
.new-lead-form-btn{
	padding-top: 20px;
	padding: 20px 12px 0 12px; 
}
.new-lead-form-btn button.new-lead-btn{
	border-radius: 25px;
	outline: none;
	border: none;
	box-shadow: none;
	color: #fff;
	padding: 10px 20px;
	-webkit-box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.5);
	transition: all 0.35s;
}
.new-lead-form-btn button.new-lead-btn:hover{
	background: #a6326f;   
}
.new-lead-form-btn button.new-lead-btn i{
	padding-right: 10px;
}
.new-lead-form-btn button.new-lead-submit-btn{
	background: #01a09b;
	margin-right: 10px;
}
.new-lead-form-btn button.new-lead-save-btn{
	background: #4a4a4b;
}
.new-lead-right-row{
	padding-top: 25px;
}
.new-leads-client-col{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 10px;
	padding-bottom: 10px;
}
.new-leads-client-col .client-input-col{
	position: relative;
	width: calc(100% - 55px);
}
.new-leads-client-col .client-input-col i{
	position: absolute;
	top: 50%;
	left: 15px;
	transform: translateY(-50%);
	font-style: normal;
}
.new-leads-client-col .client-input-col input{
	width: 100%;
	border-radius: 10px;
	outline: none;
	box-shadow: none;
	border: 1px solid #e0e0e0;
	background: #fff;
	height: 42px;
	-webkit-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	-moz-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	padding-left: 35px;
	color: #a0a0a0;
	padding-left: 40px;
}
.new-leads-client-col .client-input-col input[type=number]::-webkit-inner-spin-button, 
.new-leads-client-col .client-input-col input[type=number]::-webkit-outer-spin-button{
	-webkit-appearance: none; 
	margin: 0; 
}
.new-leads-client-col .client-input-col input[type=number]{
	-moz-appearance:textfield;
}
.new-leads-client-col button.add-client-form{
	width: 45px;
	background: #989797;
	border: none;
	border-radius: 10px;
	color: #fff;
}
.new-leads-client-col button.add-client-form:hover{
	background: #148a8b;
}

.new-leads-client-col button.delete-client-form{
	width: 45px;
	background: #989797;
	border: none;
	border-radius: 10px;
	color: #fff;
}
.new-leads-client-col button.delete-client-form:hover{
	background: #148a8b;
}
.new-leads-client-col p{
	font-size: 22px;
	color: #019591;
	font-weight: 600;
	margin-bottom: 4px;
}
/*CREATE NEW LEADS PAGE ENDS*/

/*ESCALATE LEAD PAGE START*/
.escalate-lead-form-inner{
	padding-top: 20px;
	background: #fff;
	padding-bottom: 20px;
	border-radius: 0 0 15px 15px;
}
.escalate-input-col{
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
}
.escalate-input-col i {
	position: absolute;
	top: 50%;
	left: 22px;
	transform: translateY(-50%);
	font-style: normal;
}
.escalate-input-col input,
.escalate-input-col select{
	width: 100%;
	border-radius: 10px;
	outline: none;
	box-shadow: none;
	border: 1px solid #e0e0e0;
	background: #fff;
	height: 42px;
	-webkit-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	-moz-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	padding-left: 30px;
	color: #a0a0a0;
}
.escalate-input-col select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url('../images/updates/drop-icon.png') right / 10px no-repeat #fff;
	padding-right: 20px;
	background-position: 97%;
}
.escalate-input-col input::placeholder{
	color: #a0a0a0;
}
.escalate-input-col input[type="date"]::-webkit-inner-spin-button{
	display: none;
	-webkit-appearance: none;
}

/*CREATE NEW INVOICE PAGE STARTS HERE*/
.new-invoice-search{
	display: flex;
	align-items: center;
}
.new-invoice-search .input-group:nth-of-type(1){
	background: #fff;
	border-radius: 25px;
	border: 1px solid #e0e0e0;
	max-width: 125px;
	margin-right: 10px;
}
.new-invoice-search .input-group:nth-of-type(1) input{
	border: none;
	background: transparent;
	outline: none;
	box-shadow: none;
	padding-left: 15px;
	width: 100%;
	height: 38px;
}
.new-invoice-search .input-group button i, .new-invoice-search .input-group button i {
	color: #acacac;
	font-size: 18px;
}
.create-invoice-wrapper input[type=number]::-webkit-inner-spin-button, 
.create-invoice-wrapper input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.new-invoice-search .input-group:nth-of-type(1) input::placeholder{
	color: #a0a0a0;
}
.new-invoice-form-inner{
	
}
.new-invoice-row-1{
	padding-top: 15px;
	padding-bottom: 15px;
	background: #fff;
}
.new-invoice-input-col {
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
}
.new-invoice-input-col i {
	position: absolute;
	top: 50%;
	left: 22px;
	transform: translateY(-50%);
	font-style: normal;
	color: #a0a0a0;
}
.new-invoice-input-col input, .new-invoice-input-col select {
	width: 100%;
	border-radius: 10px;
	outline: none;
	box-shadow: none;
	border: 1px solid #e0e0e0;
	background: #fff;
	height: 30px;
	-webkit-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	-moz-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	padding-left: 30px;
	color: #a0a0a0;
}
.new-invoice-input-col input::placeholder{
	color: #a0a0a0;
}
.new-invoice-input-col input[type=date]::-webkit-inner-spin-button{
	display: none;
}
.new-invoice-input-col select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../images/updates/drop-icon.png) right / 10px no-repeat #fff;
	padding-right: 20px;
	background-position: 97%;
}

.new-invoice-input-col p{
	font-size: 20px;
	font-weight: 600;
	color: #4a4a4b;
	margin: 0;
}
.new-invoice-row-2{
	background: #f6f5f5;
}
.new-invoice-row-3{
	background: #fff;
	padding-bottom: 15px;
	border-radius: 0 0 15px 15px;
	margin-bottom: 40px !important;
}
.new-invoice-row-4 table{
	border-left: 1px solid #dee2e6;
	border-right: 1px solid #dee2e6;
	border-bottom: 1px solid #dee2e6;
}
.new-invoice-row-4 thead th{
	background: #4a4a4b;
	color: #ffffff;
	text-align: center;
	white-space: nowrap;
}
.new-invoice-row-4 td button.add-order-detail{
	width: 30px;
	height: 30px;
	background: #138586;
	border: none;
	border-radius: 10px;
	color: #fff;
	position: relative;
	transition: all 0.35s;
}

.new-invoice-row-4 td button.add-order-detail:hover{
	background: #4a4a4b;  
	color: #fff;
}
.new-invoice-row-4 td input,
.new-invoice-row-4 td select{
	padding-left: 7px;
	padding-right: 7px; 
	/*height: 30px;*/
	font-size: 12px;
	color: #a0a0a0;
}

.new-invoice-row-4 td button.add-order-detail i{
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 12px;
}
/*.new-invoice-row-4 td.order-subtotal-title{
	font-size: 14px;
	color: #148a8b;
	font-weight: 700;
	text-align: end;
}
.new-invoice-row-4 td.grand-subtotal-title{
	color: #931d5b;
	font-size: 14px;
	font-weight: 700;
	text-align: end;
}
.new-invoice-row-4 td.order-subtotal-amount{
	font-size: 14px;
	color: #4a4a4b;
	font-weight: 700;
}
.new-invoice-row-4 tr.discount-row,
.new-invoice-row-4 tr.subtotal-row{
	background: #fff;
}
.new-invoice-row-4 tr.discount-row td{
	vertical-align: middle;
}
.new-invoice-row-4 tr.discount-row td input{
	width: 65px;
	border-radius: 10px;
	outline: none;
	box-shadow: none;
	border: 1px solid #e0e0e0;
	background: #fff;
	height: 34px;
	-webkit-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	-moz-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	padding-left: 10px;
	color: #4a4a4b;
	font-weight: 700;
}
.new-invoice-row-4 tr.discount-row td input::placeholder{
	font-size: 15px;
	color: #931d5b;
	font-weight: 700;
}
.new-invoice-row-4 tr.grand-total-row{
	background: #f6f5f5;
	border-radius: 0 0 15px 15px;
}*/
.new-invoice-row-4,.new-invoice-row-5{
	margin-bottom: 20px !important;
}
.enter-invoice-notes-wrapper{
	padding: 30px 15px;
	background: #fff;
	border-radius: 0 0 15px 15px;
	border: 1px solid #f3f3f3;
	border-top: none;
}
.enter-invoice-notes-wrapper select{
	padding-left: 15px;
	width: 50%;
	margin-bottom: 15px;
}
.enter-invoice-notes-wrapper select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../images/updates/drop-icon.png) right / 10px no-repeat #fff;
	padding-right: 20px;
	background-position: 97%;
}
.enter-invoice-notes-wrapper textarea{
	width: 100%;
	height: 135px;
	resize: none;
	border-radius: 10px;
	outline: none;
	box-shadow: none;
	border: 1px solid #e0e0e0;
	background: #fff;
	-webkit-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	-moz-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	padding-left: 30px;
	color: #a0a0a0;
}

/*CREATE NEW INVOICE PAGE ENDS HERE*/


/*FORGOT PASSWORD STARTS HERE*/
.forgot-password-card-body .login-card-head p{
	font-size: 14px;
	line-height: 16px;
	margin-top: 10px;
}


/*BUSINESS UNIT PAGE STARTS HERE*/
.business-units-wrapper{
	padding-bottom: 80px;
}
.business-units-wrapper .unit-rows .business-units-col{
	padding-bottom: 15px;
}
.business-units-wrapper .unit-rows .unit-title{
	font-size: 22px;
	color: #01a09b;
	font-weight: 600;
}
.business-units-wrapper .unit-rows .unit-item-wrapper{
	background: #fff;
	border-radius: 10px;
	border: 1px solid #e6e6e6;
	padding: 15px;
	position: relative;
	height: 100%;
	transition: all 0.3s;
	transform: scale(0.99);
}
.business-units-wrapper .unit-rows .unit-item-wrapper:hover{
	transform: scale(1);
	-webkit-box-shadow: -3px 3px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: -3px 3px 3px 0px rgba(0,0,0,0.1);
	box-shadow: -3px 3px 3px 0px rgba(0,0,0,0.1);
}
.business-units-wrapper .unit-rows .unit-brand-name{
	color: #282828;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px;
}
.business-units-wrapper .unit-rows .region-badge{
	position: absolute;
	top: 15px;
	right: 0px;
}
.business-units-wrapper .unit-rows .region-badge p{
	margin: 0;
	color: #fff;
	padding: 0 2px;
	font-size: 12px;
	font-weight: 700;
}
.business-units-wrapper .unit-rows .region-badge p:before{
	content: '';
	position: absolute;
	top: -3px;
	right: 0;
	width: 0;
	height: 0;
	border: 0 solid transparent;
	border-right-width: 0px;
	border-left-width: 6px;
	border-bottom: 4px solid black;
}
.business-units-wrapper .unit-rows .region-badge p:after{
	content: '';
	position: absolute;
	bottom: -3px;
	right: 0;
	width: 0;
	height: 0;
	border: 0 solid transparent;
	border-left-width: 6px;
	border-right-width: 0px;
	border-top: 4px solid black;
}
.business-units-wrapper .unit-rows .region-badge p.badge-color-1{
	background: #931d5b;
}
.business-units-wrapper .unit-rows .region-badge p.badge-color-1:before{
	border-bottom-color: #931d5b;
}
.business-units-wrapper .unit-rows .region-badge p.badge-color-1:after{
	border-top-color: #931d5b;
}
.business-units-wrapper .unit-rows .region-badge p.badge-color-2{
	background: #8112ca;
}
.business-units-wrapper .unit-rows .region-badge p.badge-color-2:before{
	border-bottom-color: #8112ca;
}
.business-units-wrapper .unit-rows .region-badge p.badge-color-2:after{
	border-top-color: #8112ca;
}
.business-units-wrapper .unit-rows .region-badge p.badge-color-3{
	background: #01a09b;
}
.business-units-wrapper .unit-rows .region-badge p.badge-color-3:before{
	border-bottom-color: #01a09b;
}
.business-units-wrapper .unit-rows .region-badge p.badge-color-3:after{
	border-top-color: #01a09b;
}
.business-action-buton button{
	border-radius: 25px;
	border: none;
	outline: none;
	box-shadow: none;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	width: 150px;
	height: 35px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.48);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.48);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.48);
	margin-top: 3px;
	transition: all 0.35s;
}
.business-action-buton button:hover{
	background: #a6326f !important;
}

.business-action-buton button:active {
	padding: 0;
}
.business-action-buton button i{
	padding-right: 5px;
}
.business-action-buton button.create-brand{
	background: #4a4a4b;
	margin-right: 15px;
}
.business-action-buton button.create-unit{
	background: #01a09b;
}
.business-unit-forms{
	border-radius: 10px;
	margin-top: 50px;
	max-width: 750px;
	width: 100%;
	border: 1px solid #f3f3f3;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.31);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.31);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.31);
}
.business-unit-forms .form-header{
	padding: 15px;
	background: #e7e8e8;
	border-radius: 10px 10px 0 0;
}
.business-unit-forms .form-header p{
	font-size: 22px;
	color: #019591;
	margin: 0;
	line-height: 1;
	font-weight: 600;
}
.business-unit-forms .form-body{
	padding: 15px;
	background: #fff;
	border-radius: 0 0 10px 10px;
}
.business-unit-forms .business-unit-input-col{
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
}
.business-unit-forms .business-unit-input-col i {
	position: absolute;
	top: 50%;
	left: 22px;
	transform: translateY(-50%);
	font-style: normal;
}
.business-unit-forms .business-unit-input-col input,
.business-unit-forms .business-unit-input-col select {
	width: 100%;
	border-radius: 10px;
	outline: none;
	box-shadow: none;
	border: 1px solid #e0e0e0;
	background: #fff;
	height: 42px;
	-webkit-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	-moz-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	padding-left: 30px;
	color: #919191;
}

.business-unit-forms .business-unit-input-col input:focus{box-shadow:none}

.business-unit-forms .business-unit-input-col select:focus{box-shadow:none}
.business-unit-forms .business-unit-input-col input::placeholder{
	color: #919191;
}
.business-unit-forms .business-unit-input-col select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url('../images/updates/drop-icon.png') right / 10px no-repeat #fff;
	padding-right: 20px;
	background-position: 97%;
}
.business-unit-forms .business-unit-input-col input[type="date"]::-webkit-inner-spin-button{
	display: none;
	-webkit-appearance: none;
}
.business-unit-forms .business-unit-input-col button.form-submit{
	border-radius: 25px;
	border: none;
	outline: none;
	box-shadow: none;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	padding: 0 20px;
	height: 35px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.48);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.48);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.48);
	background: #01a09b;
	transition: all 0.35s;
}
.business-unit-forms .business-unit-input-col button.form-submit:hover{
	background: #a6326f !important;
}
.business-unit-forms .business-unit-input-col button.form-submit i{
	padding-right: 5px;
	position: relative;
	top: auto;
	transform: none;
	left: auto;
}
.business-unit-forms{
	display: none;
}
#sidebar-menu > ul > li > a:active, #sidebar-menu > ul > li > a:focus, #sidebar-menu > ul > li > a:hover {
	color: #fff;
	background: #008081;
	box-shadow: 3px 0 0 #a6326f inset;
}

.pb-10{
	padding: 10px;
}
.pb-15{
	padding: 15px;
}
.pb-20{
	padding: 20px;
}

/*CREATE RESOUCRE PAGE*/
.create-resource-wrapper{
	padding: 20px 0;
}
.add-image-wrapper{
	border-radius: 15px;
	background: #fff;
	border: 1px solid #f3f3f3;
	padding: 25px;
	text-align: center;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.21);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.21);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.21);
}
.add-image-wrapper p{
	font-size: 18px;
	color: #282828;
	margin: 0;
}
.add-image-wrapper .add-file-image{
	padding: 15px 5px;
}
.add-image-wrapper .add-file-image img{
	width: 170px;
	height: 170px;
	object-fit: cover;
}
.add-image-wrapper .add-file-image img.add-img-icon{
	border: 1px solid #e8e8e8;
	border-radius: 50%;
	display: block;
	margin: 0 auto;
	margin-bottom: 20px;
}
.add-image-wrapper .upload-file-form input{
	color: transparent;
	width: 120px;
	height: 35px;
	outline: none;
}
.add-image-wrapper .upload-file-form input::-webkit-file-upload-button {
  visibility: hidden;
}
.add-image-wrapper .upload-file-form label{
	width: 120px;
	height: 35px;
}
.add-image-wrapper .upload-file-form label span{
	font-weight: 700;
	font-size: 18px;
	color: #931d5b;
}
.add-image-wrapper .upload-file-form label span:hover{
	cursor: pointer;
}
.add-image-wrapper .upload-file-form input{
	opacity: 0;
}
/*.add-image-wrapper .upload-file-form input::before {*/
/*  content: 'Choose a file';*/
  
/*  display: inline-block;*/
/*  border-radius: 3px;*/
/*  padding: 5px 8px;*/
/*  outline: none;*/
/*  white-space: nowrap;*/
/*  -webkit-user-select: none;*/
/*  cursor: pointer;*/
/*  text-shadow: 1px 1px #fff;*/
/*  font-weight: 700;*/
/*  font-size: 18px;*/
/*}*/
.add-image-wrapper .upload-file-form{
	display: flex;
	align-items: baseline;
	justify-content: center;
}
.add-image-wrapper .upload-file-form span{
	font-size: 18px;
	color: #282828;
	font-weight: 700;
}
.add-image-wrapper .bottom-para{
	padding-top: 10px;
	padding-bottom: 10px;
}
.add-image-wrapper .bottom-para p{
	font-size: 14px;
	color: #acacac;
}
.create-resource-right-wrapper{
	border-radius: 15px;
	background: #fff;
	border: 1px solid #f3f3f3;
	padding: 25px 0;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.21);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.21);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.21);
}

.create-resource-right-wrapper .create-resource-input-col{
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
}
.create-resource-right-wrapper .create-resource-input-col input,
.create-resource-right-wrapper .create-resource-input-col select{
	width: 100%;
	border-radius: 10px;
	outline: none;
	box-shadow: none;
	border: 1px solid #e0e0e0;
	background: #fff;
	height: 42px;
	-webkit-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	-moz-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	box-shadow: inset inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	padding-left: 30px;
	color: #a0a0a0;
}
.create-resource-right-wrapper .create-resource-input-col select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../images/updates/drop-icon.png) right / 10px no-repeat #fff;
	padding-right: 20px;
	background-position: 97%;
}
.create-resource-right-wrapper .create-resource-input-col textarea{
	 width: 100%;
	border-radius: 10px;
	outline: none;
	box-shadow: none;
	border: 1px solid #e0e0e0;
	background: #fff;
	height: 105px;
	-webkit-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	-moz-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	box-shadow: inset inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	padding-left: 30px;
	padding-top: 9px;
	color: #a0a0a0;
	resize: none;
}
.create-resource-right-wrapper .create-resource-input-col i.input-icon {
	position: absolute;
	top: 24px;
	left: 22px;
	font-style: normal;
	color: #969797;
}
.create-resource-right-wrapper .create-resource-input-col p{
	font-size: 18px;
	color: #019591;
	font-weight: 600;
	margin: 0;
}
.create-resource-right-wrapper .create-resource-row-2{
	background: #eeeeee;
	margin-top: 15px !important;
	padding-bottom: 10px;
}
.create-resource-right-wrapper .create-resource-input-col input[type=number]::-webkit-inner-spin-button, 
.create-resource-right-wrapper .create-resource-input-col input[type=number]::-webkit-outer-spin-button{
	-webkit-appearance: none; 
	margin: 0; 
}
.create-resource-right-wrapper .create-resource-input-col input[type=number]{
	-moz-appearance:textfield;
}
input[type=number]{
	-moz-appearance:textfield;
	appearance:textfield;
}
.create-resource-right-wrapper .create-resource-btn-col{
	padding-top: 10px;
}
.create-resource-right-wrapper .create-resource-btn-col button{
	border-radius: 25px;
	border: none;
	outline: none;
	box-shadow: none;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	padding: 0 20px;
	height: 35px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.48);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.48);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.48);
	margin-top: 15px; 
	transition: all 0.35s;
}
.create-resource-right-wrapper .create-resource-btn-col button:nth-of-type(1){
	background: #4a4a4b;
	margin-right: 10px;
}
.create-resource-right-wrapper .create-resource-btn-col button:nth-of-type(2){
	background: #01a09b;
}
.create-resource-right-wrapper .create-resource-btn-col button:hover{
	background: #931d5b !important;	
}
.create-resource-right-wrapper .create-resource-btn-col button i{
	padding-right: 5px;
}


/***INVOICE SLIP PAGE***/
.invoice-slip-title-box .invoice-slip-action-btn .invoice-slip-btn{
	height: 37px;
	padding: 10px 15px;
	font-size: 14px;
	line-height: 1;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
	outline: none;
	border-radius: 25px;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);
	transition: all 0.35s;
}
.invoice-slip-title-box .invoice-slip-action-btn .invoice-slip-btn:nth-of-type(1){
	background: #931d5b;
}
.invoice-slip-title-box .invoice-slip-action-btn .invoice-slip-btn:nth-of-type(2){
	background: #4a4a4b;
}
.invoice-slip-title-box .invoice-slip-action-btn .invoice-slip-btn i{
	padding-right: 10px;
}
.invoice-slip-top{
	padding: 10px 20px 30px 20px;
	border-radius: 15px 15px 0 0;
	border: 1px solid #f3f3f3;
	border-bottom: none;
	background: #fff;
}
.invoice-slip-top-1{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 10px;
}
.invoice-slip-top-1 .invoice-slip-logo img{
	max-width: 150px;
	height: auto;
	max-height: 52px;
}
.invoice-slip-title p{
	margin: 0;
	font-size: 24px;
	color: #282828;
	font-weight: 700;
}
.invoice-slip-title-box{
	padding-top: 15px;
}
.invoice-slip-title-box .page-title-right{
	margin-top: 7px;
}
.invoice-slip-top-2{
	flex-wrap: wrap;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.invoice-slip-top-2-left{
	width: 70%;
	padding-right: 15px;
}
.invoice-slip-top-2-right{
	width: 30%;
	text-align: right;
	display: flex;
	justify-content: flex-end;
}
.invoice-slip-top-2 p.customer-name{
	font-size: 18px;
	color: #282828;
	font-weight: 700;
	margin-bottom: 10px;
	margin-top: 30px;
}
.invoice-slip-top-2 p{
	font-size: 16px;
	color: #282828;
}
.invoice-slip-top-2 p.our-address,
.invoice-slip-top-2 p.email{
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 0;
}
.invoice-slip-top-2 p.our-address span,
.invoice-slip-top-2 p.email span{
	font-size: 15px;
	color: #019591;
	padding-right: 10px;
	display: inline-block;
	width: 70px;
}
.invoice-slip-top-2-right ul{
	list-style-type: none;
	padding: 0;
	max-width: 220px;
	width: 100%;
}
.invoice-slip-top-2-right ul li{
	font-size: 14px;
	font-weight: 600;
	color: #282828;	
	display: flex;
	justify-content: space-between;
	padding-bottom: 8px;
}
.invoice-slip-top-2-right ul li span.unpaid{
	padding: 1px 5px;
	border-radius: 25px;
	background: #f84343;
	color: #fff;
}
.invoice-slip-top-2-right ul li span.paid{
	background: #1abc9c;
}
.invoice-slip-table table{
	margin-bottom: 0;
}
.invoice-slip-table table thead th{
	font-size: 16px;
	color: #01a09b;
	font-weight: 700;
}
.invoice-slip-table table tbody{
	background: #fff;
}
.invoice-slip-table table td p.service-title{
	font-size: 16px;
	color: #282828;
	font-weight: 700;
	margin: 0;
}
.invoice-slip-table table td label{
	display: block;
	margin: 0;
	font-size: 14px;
	font-weight: 500;
	color: #908f8f;
	padding-left: 10px;
}
.invoice-slip-table table td{
	font-size: 16px;
	color: #282828;
	font-weight: 700;	
}
.invoice-slip-table table td.order-subtotal-title {
	font-size: 15px;
	color: #148a8b;
	font-weight: 700;
	text-align: end;
}
.invoice-slip-table table td.grand-subtotal-title {
	color: #931d5b;
	font-size: 15px;
	font-weight: 700;
	text-align: end;
}
.invoice-slip-table table td.order-subtotal-amount {
	font-size: 14px;
	color: #4a4a4b;
	font-weight: 700;
}
.invoice-slip-bottom{
	background: #fff;
	padding: 10px 20px 30px 10px;
	border-top: 1px solid #dee2e6;
	border-radius: 0 0 15px 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 55px;
}
.invoice-slip-bottom-left{
	width: 60%;
}
.invoice-slip-bottom-right{
	width: 40%;
	text-align: right;
}
.invoice-slip-bottom-left p:nth-of-type(1){
	font-size: 14px;
	font-weight: 700;
}
.invoice-slip-bottom-left p{
	font-size: 13px;
	color: #4a4a4b;
	margin: 0;
}
.invoice-slip-bottom-right button.invoice-slip-btn{
	border-radius: 25px;
	outline: none;
	border: none;
	box-shadow: none;
	color: #fff;
	padding: 10px 20px;
	-webkit-box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.5);
	transition: all 0.35s;
}
.invoice-slip-bottom-right button.invoice-slip-btn:hover{
	background: #4a4a4b !important;
}
.invoice-slip-bottom-right button.invoice-slip-btn i {
	padding-right: 10px;
}
.invoice-slip-bottom-right button.invoice-slip-btn:nth-of-type(1){
	background: #931d5b;
}
.invoice-slip-bottom-right button.invoice-slip-btn:nth-of-type(2){
	background: #148a8b;
	margin-left: 15px;
}


/***OWNER ACTIVITY PAGE***/
.owner-activity-table-form .view-activity-icon{
	text-align: center;
}
.owner-activity-table-form a.view-icon{
	text-align: center;
}
.owner-activity-table-form a.view-icon i{
	color: #01ada8;
	font-size: 20px;
}
/*.owner-activity-table-form table tbody tr:last-of-type td:first-of-type,*/
/*.owner-activity-table-form table tbody tr:last-of-type td:last-of-type{*/
/*    border-bottom-color: transparent;*/
/*}*/




/*****PAYMENT PAGE*******/
.payment-main-wrapper .table-title p {
	font-size: 24px;
	font-weight: 700;
	padding: 5px 0;
}
.payment-form-inner{
	background: #fff;
	border-radius: 0 0 15px 15px;
}
.payment-input-col {
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.payment-input-col-inner{
	position: relative;
	width: 100%;
}
.payment-input-col label{
	display: inline-block;
	margin-bottom: 0;
	margin-right: 15px;
	font-size: 17px;
	font-weight: 700;
	width: 140px;
	line-height: 1;
	display: none;
}
.payment-input-col input, .payment-input-col select {
	width: 100%;
	border-radius: 10px;
	outline: none;
	box-shadow: none;
	border: 1px solid #e0e0e0;
	background: #fff;
	height: 42px;
	-webkit-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	-moz-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	padding-left: 30px;
	color: #a0a0a0;
}
.payment-input-col  select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../images/updates/drop-icon.png) right / 10px no-repeat #fff;
	padding-right: 20px;
	background-position: 97%;
}
.payment-input-col i {
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	font-style: normal;
}

.payment-input-col-inner .upload-outer{
	position: relative;
	background: #02a09b;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	border-radius: 25px;
	max-width: 150px;
	transition: all 0.35s;
	margin-right: 15px;
	padding: 0 10px;
	padding-right: 30px;
}
.payment-input-col-inner .upload-outer i{
	color: #fff;
	position: relative;
	top: 0;
	left: 5px;
	transform: none;
}
.payment-input-col-inner .upload-outer:hover{
	 background: #4a4a4b;
}
.payment-input-col-inner .upload-outer p{
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	position: absolute;
	margin: 0;
}
.payment-input-col-inner .upload-outer input[type=file]{
	position: relative;
	opacity: 0;
	height: 40px;
}

.payment-select-row{
	display: none;
	background: #f2f2f2;
	border-radius: 0 0 15px 15px;
	padding-bottom: 20px;
}
.payment-select-row p.pay-method-title{
	font-size: 22px;
	color: #019591;
	margin: 0;
	font-weight: 700;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button{
	-webkit-appearance: none; 
	margin: 0; 
}
.payment-input-col input[type=date]::-webkit-inner-spin-button {
	display: none;   
}
.payment-input-btn-inner{
	display: flex;
}
button.payment-form-submit{
	font-size: 16px;
	background: #931d5b;
	color: #fff;
	margin: 0;
	font-weight: 700;
	border-radius: 25px;
	border: none;
	padding: 9px 40px;
	transition: all 0.35s;
	position: relative;
	padding-left: 35px;
	padding-right: 22px;
}
button.payment-form-submit:hover{
	background: #4a4a4b;
}
button.payment-form-submit i{
	padding-right: 5px;
}
.payment-submit-col{
	/*justify-content: flex-end;*/
}



/***NEW CSS***/
.custom-table{
	width: 100%;
}
.custom-table thead {
	background: #4a4a4b;
	color: #fff;
}
.custom-table thead th{
	padding: 7px 12px;
	color: #fff;
}
.custom-table tbody tr td:nth-of-type(1){
	color: #01a09b;
	font-size: 15px;
	font-weight: 700;
}
.custom-table tbody td{
	padding: 12px;
	font-size: 14px;
	color: #4a4a4b;
}
.custom-table tbody td button.delete{
	/*background: #931d5b;*/
	border: none;
	height: 28px;
	width: 28px;
	border-radius: 50%;
}
.custom-table tbody td button.update{
	background: #148a8b;
	border: none;
	height: 28px;
	width: 28px;
	border-radius: 50%;
}
.custom-table tbody td a.update{
	background: #148a8b;
	border: none;
	height: 30px;
	width: 30px;
	border-radius: 50%;
}

.unit-rows .unitid:hover{
	background: #931d5b;
}

/*** UZAIR CSS START****/

.unit-rows .unitid i{
	color: #fff;
	font-size: 12px;
	text-align: center;
	display: table;
	margin: 0 3px;
}
.unit-rows .unitid{
	background: #148a8b;
	border: none;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	transition: all 0.3s;
}

.selectMultiple > div{
	height: 25px !important;
}

.selectMultiple > div span{
	top: -2px !important;
}

/*** uzair css ***/

.leads-active{
    background-color: green !important;
}

tr.upsell th {
    color: #000;
}
tr.upsell td {
    color: #000 !important;
}

/*** UZAIR CSS END ****/
.business-units-wrapper .unit-img-edit{
	position: absolute;
	right: 0;
	top: 37px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.25s;
}
.unit-item-wrapper:hover .unit-img-edit{
	opacity: 1;
	visibility: visible;
}
.business-units-wrapper .unit-img-edit button{
	background: #148a8b;
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
	outline: none;
}
.business-units-wrapper .unit-img-edit button i{
	color: #fff;
}
.leads-action-btn a.create-new-lead-btn {
	height: 37px;
	padding: 10px;
	font-size: 14px;
	line-height: 1;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
	outline: none;
	border-radius: 25px;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);
	background: #01ada8;
}
.leads-action-btn a.create-new-lead-btn i{
	padding-right: 5px;
}
.formModal .modal-header{
	background: #000;
} 
.formModal .modal-title,.formModal .close{
	color: #fff;
	opacity: 1;
}

.home-color{
	color: #323a46;
}

th{
	text-transform: uppercase;
}

.leads-main-table-wrapper .leads-main-table tbody td .lead-table-action {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 130px;
}
.leads-main-table-wrapper .leads-main-table tbody td .lead-table-action a {
	font-size: 13px;
	padding: 3px;
	margin: 2px;
	width: calc(50% - 6px);
	text-align: center;
	border-radius: 25px;
	line-height: 1;
	transition: all 0.25s;
}
.leads-main-table-wrapper .leads-main-table thead th {
	font-weight: 600;
	text-transform: uppercase;
	border-bottom: none;
}
.leads-main-table-wrapper .leads-main-table thead th:before,
.leads-main-table-wrapper .leads-main-table thead th:after{
	top: 30%;
	transform: translateY(-50%);
	color: #fff !important;
	opacity: 1 !important;
}
.leads-main-table-wrapper .leads-main-table tbody tr:last-of-type td{
	border-bottom: 1px solid #dee2e6;
} 
.leads-main-table-wrapper .leads-main-table input,
.leads-main-table-wrapper .leads-main-table select{
	width: 100%;
	border-radius: 10px;
	outline: none;
	box-shadow: none;
	border: 1px solid #e0e0e0;
	background: #fff;
	height: 25px;
	-webkit-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	-moz-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	padding-left: 30px;
	color: #a0a0a0;
}
.leads-main-table-wrapper .leads-main-table select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url('../images/updates/drop-icon.png') right / 10px no-repeat #fff;
	padding-right: 20px;
	background-position: 97%;
}
.leads-main-table-wrapper .leads-main-table input::placeholder{
	color: #a0a0a0;
}
.new-lead-left-row{
	background: #fff;
	padding-top: 20px;
}
input[type="date"]::-webkit-inner-spin-button{
	display: none;
	-webkit-appearance: none;
}
.leads-main-table-wrapper .leads-main-table th,
.leads-main-table-wrapper .leads-main-table td{
	white-space: nowrap;
}


.leads-main-table-wrapper #example1_wrapper .row:nth-of-type(1){
	background: #e7e8e8;
	padding: 6px 25px;
	border-radius: 15px 15px 0 0;
}
.leads-main-table-wrapper #example1_filter{
	position: relative;
}
.leads-main-table-wrapper #example1_filter label,
.leads-main-table-wrapper #example1_length label{
	margin-bottom: 0px !important;
}
.leads-main-table-wrapper #example1_filter input[type=search]{
	border-radius: 25px;
	height: 30px;
	position: relative;
	padding-left: 30px;
}
.leads-main-table-wrapper #example1_filter label{
	position: relative;
}
.leads-main-table-wrapper #example1_filter label:before{
	content: "\f002";
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	position: absolute;
	z-index: 1;
	left: 63px;
	top: 50%;
	transform: translateY(-50%);
}
.leads-main-table-wrapper #example1_length label{
	color: #01a09b;
	font-weight: 700;
	font-size: 14px;
	display: flex;
	align-items: center;
}
.leads-main-table-wrapper #example1_length select{
	border-radius: 25px;
	margin: 0 4px;
	height: 30px;
}
.leads-main-table-wrapper .leads-main-table{
	margin-top: 0 !important;
}
@media only screen and (max-width: 767px) {
	.leads-main-table-wrapper #example1_filter{
		margin-top: 10px;
	}
}

/*Table Changes*/
.table-responsive {
	overflow-x: unset !important;
}

div.table-responsive>div.dataTables_wrapper>div.row:nth-of-type(2n){
	overflow-x: scroll !important;
}

.lead-action-dropdown{
	padding: 10px;
	line-height: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 4px solid #01a09b !important;
	outline: none !important;
	border-radius: 25px  !important;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25) !important;
	-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25)  !important;
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25)  !important;
	background: url("../images/updates/drop-icon-white.png") right / 10px no-repeat #01a09b !important;
	color: #fff !important;
}
.lead-action-dropdown option{
	background: #931d5b;
}

/*DATE TIME PICKER*/
.mdtp__wrapper {
	top: 50%;
	transform: translate(-50%, -50%) scale(1);
}
.right-bar-menu ul{
	list-style-type: none;
}
.right-bar-menu ul li{
	margin-bottom: .75rem!important;
}
.right-bar-menu ul li,
.right-bar-menu ul li a{
	color: #323a46;
	font-size: 15px;
	font-weight: 600;
}
.settings-list{
	padding: 5px 5px 0 25px;
}
.settings-list li a{
	cursor: pointer;
}
.settings-list li,
.settings-list li a,
.settings-list li label{
	color: #323a46;
	font-size: 14px !important;
}
#passwordModal,
#creatUserModal{
	z-index: 9999;
}
#passwordModal label,
#creatUserModal label{
	padding-left: 0;
}



/*PERMISSION CSS*/
.permission-wrapper{
	padding: 20px 0
}
.permission-wrapper select{
	width: 100%;
	border-radius: 10px;
	outline: none;
	box-shadow: none;
	border: 1px solid #e0e0e0;
	background: #fff;
	height: 42px;
	-webkit-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	-moz-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	box-shadow: inset inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	padding-left: 10px;
	color: #a0a0a0;
}

.permission-wrapper input[type=text]{
	width: 100%;
	border-radius: 10px;
	outline: none;
	box-shadow: none;
	border: 1px solid #e0e0e0;
	background: #fff;
	height: 42px;
	-webkit-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	-moz-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	box-shadow: inset inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	padding-left: 10px;
	color: #a0a0a0;
}
.permission-wrapper .permission-col{
	padding: 10px 15px;
}
.permission-wrapper p{
	margin: 0;
}

.permission-wrapper .checkbox label{
	top: -15px;
}
.permission-wrapper table{
	width: 100%;
}
.permission-wrapper table thead {
	background: #4a4a4b;
	color: #fff;
}
.permission-wrapper table th, .permission-wrapper table td {
	white-space: nowrap;
	padding: 15px 10px;
}
.permission-wrapper table thead th {
	font-weight: 600;
	text-transform: uppercase;
	border-bottom: none;
}

/*NEW BRANDS*/
.brand-collapse-wrap .brand-card{
	margin-bottom: 20px; 
}
.brand-collapse-wrap .card-header{
	background: #01a09b;
	color: #fff;
	padding: 5px 10px;
	border-radius: 15px 15px 0 0 !important;
	position: relative;
}
.brand-collapse-wrap .brand-action{
	display: flex;
	position: absolute;
	right: 20px;
	top: 9px;
}
.brand-collapse-wrap .brand-action button{
	color: #4a4a4b !important;
	background: #fff;
	font-size: 18px;
	margin: 0 5px;
	border-radius: 25px;
	width: 30px !important;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
}
.brand-collapse-wrap .brand-action button:hover{
    background:  #4a4a4b !important;
    color: #fff !important;
}
.brand-collapse-wrap .brand-action button i{
    font-size: 16px;
}
/*.brand-collapse-wrap .brand-action button.brand-add{*/
/*	background: #f67f0c;*/
/*}*/
/*.brand-collapse-wrap .brand-action button.brand-edit{*/
/*	background: #4a4a4b;*/
/*}*/
/*.brand-collapse-wrap .brand-action button.brand-delete{*/
/*	background: #a6326f;*/
/*}*/

.brand-collapse-wrap .card-body{
	border-radius: 0 0 15px 15px;
	background: #e7e8e8;
	padding-bottom: 10px;	
}
.brand-collapse-wrap .card-header button{
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	width: 100%;
	text-align: left;
	padding: 5px 14px;
}
.brand-collapse-wrap .unit-items-row{
	display: flex;
	flex-wrap: wrap;
}
.brand-collapse-wrap .unit-item-wrapper {
	background: #fff;
	border-radius: 10px;
	border: 1px solid #e6e6e6;
	padding: 15px;
	position: relative;
	height: 100%;
	transition: all 0.3s;
	margin:0 12px 15px 12px;
	max-width: calc(20% - 24px);
	width: 100%;
	height: inherit;
	z-index: 0;
	overflow: hidden;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}
.brand-collapse-wrap .unit-item-wrapper:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.75);
	transition: all 0.25s ease-in;
	opacity: 0;
}
.brand-collapse-wrap .unit-item-wrapper:hover:before{
		opacity: 1;
}
.brand-collapse-wrap .unit-item-wrapper:hover {
	-webkit-box-shadow: -3px 3px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: -3px 3px 3px 0px rgba(0,0,0,0.1);
	box-shadow: -3px 3px 3px 0px rgba(0,0,0,0.1);
}
.brand-collapse-wrap .unit-item-wrapper .unit-brand-name {
	color: #282828;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px;
}
.brand-collapse-wrap .unit-item-wrapper img{
	/*max-height: 50px;*/
}
/*.brand-collapse-wrap .unit-item-wrapper .brand-icons{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: center;
	align-items: center;
}*/
.brand-icons{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: center;
	align-items: center;
}
.brand-icons.relative{
	position: relative;
	top: auto;
	left: auto;
	transform: none;
}
.unit-item-wrapper .brand-icons button,
.unit-item-wrapper .brand-icons a.view-brand-box{
    background: #01a09b;
	color: #fff;
	font-size: 18px;
	margin: 0 5px;
	border-radius: 25px;
	width: 35px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	visibility: hidden;
	transform: translateY(35px);
	border: none;
}
.unit-item-wrapper .brand-icons a.view-brand-box{
	/*background: #f67f0c !important;*/
	transition: all 0.25s;
} 
.unit-item-wrapper .brand-icons button.edit-brand-box{
	/*background: #01a09b;*/
	transition: all 0.45s;
}
.unit-item-wrapper .brand-icons button.delete-brand-box{
	/*background: #a6326f;*/
	transition: all 0.65s;
	transform: translateY(50px);
}
.unit-item-wrapper:hover .brand-icons button,
.unit-item-wrapper:hover .brand-icons a.view-brand-box{
	transform: translateY(0px);
	opacity: 1;
	visibility: visible;
}
.brand-collapse-wrap .page-title-right{
	margin-top: 5px;
}
@media screen and (max-width: 1180px) and (min-width: 1029px) {
	.brand-collapse-wrap .unit-item-wrapper {
		max-width: calc(25% - 24px);
	}
}
@media screen and (max-width: 991px) {
	.brand-collapse-wrap .unit-item-wrapper {
		max-width: calc(25% - 24px);
	}
}
@media screen and (max-width: 820px) {
	.brand-collapse-wrap .unit-item-wrapper {
		max-width: calc(33% - 24px);
	}
}
@media screen and (max-width: 575px) {
	.brand-collapse-wrap .unit-item-wrapper {
		max-width: calc(50% - 24px);
	}	
}
@media screen and (max-width: 414px) {
	.brand-collapse-wrap .unit-item-wrapper {
		max-width: calc(100% - 24px);
	}	
}

/*BRAND ATTRIBUTE*/
.brand-attribute-wrapper{
	padding: 10px 0 80px 0;
}
.brand-attribute-row{
	display: flex;
	flex-wrap: wrap;
}
.brand-attribute-item{
	width: 50%;
	padding: 0 10px;
	margin-bottom: 15px;
}
.brand-attribute-header{
	padding: 8px 5px 8px 10px;
	background: #01a09b;
	display: flex;
	align-items: center;
	border-radius: 15px 15px 0 0;
	 border: 1px solid #e0e0e0;
	border-bottom: none;
	position: relative;
}
.brand-attribute-header p{
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	width: 100%;
	text-align: left;
	margin: 0;
}
.brand-attribute-header button{
	color: #4a4a4b !important;
	font-size: 14px;
	line-height: 1;
	margin: 0 5px;
	border-radius: 25px;
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	border: none;
	transition: all 0.3s;
}
.brand-attribute-header button:hover{
    color: #fff !important;
    background: #4a4a4b;
}
.brand-attribute-body{
	height: 300px;
	border: 1px solid #e0e0e0;
	border-top: none;
	border-radius: 0 0 15px 15px;
	padding: 10px;
	background: #fff;
	overflow-y: auto;
}
.brand-attribute-body::-webkit-scrollbar {
  width: 5px;
  border-radius: 25px;
}
.brand-attribute-body::-webkit-scrollbar-track {
  background: transparent;
}
.brand-attribute-body::-webkit-scrollbar-thumb {
  background: #4a4a4b;
  opacity: 0;
  visibility: hidden;
  border-radius: 25px;
}
.brand-attribute-body:hover::-webkit-scrollbar-thumb{
  opacity: 1;
  visibility: visible;
}
.brand-body-inner{
	position: relative;
	padding-bottom: 8px;
}
.brand-body-inner p{
	white-space: nowrap;
	overflow-x: auto;
	border: 1px solid #cccc;
	transition: all 0.3s;
	font-size: 14px;
	padding: 5px;
	margin-bottom: 3px;
	-webkit-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
    -moz-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
    box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
    border: 1px solid #e0e0e0;
    background: #fff;
    height: 35px;
    border-radius: 10px;
}
.brand-body-inner p::-webkit-scrollbar {
  width: 2px;
  height: 4px;
  border-radius: 25px;
}
.brand-body-inner p::-webkit-scrollbar-track {
  background: transparent;
}
.brand-body-inner p::-webkit-scrollbar-thumb {
  background: #00a09b;
  opacity: 0;
  visibility: hidden;
  border-radius: 25px;
}
.brand-body-inner p:hover::-webkit-scrollbar-thumb{
  opacity: 1;
  visibility: visible;
}
/*.brand-body-inner p:hover{*/
/*	border-color: transparent;*/
/*}*/
.new-modal .modal-header{
	background-color: #eee;
	position: relative;
	padding: 8px 10px;
	border-radius: 15px 15px 0 0;
}
.new-modal .modal-header img{
	max-width: 100px;
	margin: 0 auto;
}
.new-modal .modal-header button{
	position: absolute;
	right: -10px;
	top: -10px;
	background: #01a09b;
	padding: 5px;
	height: 30px;
	width: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	opacity: 1 !important;
	color: #fff;
	border-radius: 25px;
}
.new-modal label{
	width: 100%;
	color: #019591;
	font-size: 18px;
	font-weight: 700;
	margin: 0;
}
.new-modal input{
	width: 100%;
	border-radius: 10px;
	outline: none;
	box-shadow: none;
	border: 1px solid #e0e0e0;
	background: #fff;
	height: 42px;
	-webkit-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	-moz-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	padding-left: 10px;
	color: #a0a0a0;
}
.new-modal .modal-action-btns{
	padding: 20px 0px;
	border: none;
	display: flex;
	justify-content: flex-end;
	margin: 30px -16px 0 -16px;
	/*background: #eee;*/
	border-radius: 0 0 15px 15px;
}
.new-modal .modal-body{
	padding-bottom: 0;
	overflow: hidden;
}
.new-modal .modal-content{
	border-radius: 15px;
}
.new-modal .modal-action-btns button{
	height: 37px;
	padding: 10px;
	font-size: 14px;
	line-height: 1;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
	outline: none;
	border-radius: 25px;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);
	transition: all 0.35s; 
	margin: 0 5px;
	width: 115px;
}
.new-modal .modal-action-btns button:focus,
.new-modal .modal-action-btns button:hover{
	background: #4a4a4b !important;
	opacity: 1 !important;
}
.new-modal .modal-action-btns button.close{
	background: #931d5b;
	opacity: 1;
}
.new-modal .modal-action-btns button.save{
	background: #01ada8;
}
.new-modal .modal-body .brand-form-group{
	padding-bottom: 15px;
}

.action-icon-btns button{
	color: #fff;
	font-size: 18px;
	margin: 0 5px;
	border-radius: 25px;
	width: 35px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
	transition: all 0.35s;
}
.action-icon-btns button.view{
	background: #f67f0c !important;
} 
.action-icon-btns button.edit{
	background: #01a09b;
}
.action-icon-btns button.delete{
	background: #a6326f;
}
.action-icon-btns{
	display: flex;
	justify-content: center;
	transition: all 0.35s;
}
.brand-body-inner .action-icon-btns{
	transform: scaley(0);
}
.brand-body-inner .action-icon-btns button{
    width: 30px;
	height: 30px;
	background: #4a4a4b;
	color: #fff;
}
.brand-body-inner .action-icon-btns button i{
    font-size: 14px;
}
.brand-body-inner:hover .action-icon-btns{
	transform: scaley(1);
}
@media screen and (max-width: 1160px) {
	.brand-attribute-item{
		width: 50%;
	}
}
@media screen and (max-width: 860px) {
	.brand-attribute-item{
		width: 50%;
	}
}
@media screen and (max-width: 660px) {
	.brand-attribute-item{
		width: 100%;
	}
}
@media screen and (max-width: 414px) {
	.brand-attribute-item{
		width: 100%;
	}
}
.form-wrap{
	border-radius: 15px;
	background: #fff;
	border: 1px solid #f3f3f3;
	padding: 25px 0;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.21);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.21);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.21);
	margin-bottom: 20px;
}
.generic-form-top{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.generic-form-top button.close{
	background: #931d5b;
	border: none;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	opacity: 1;
	display: flex;
	justify-content: center;
	margin: 0;
}
.generic-form-top button.close i{
	padding: 0;
	position:relative;
	top: auto;
	left: auto;
	color: #fff;
	font-style: normal;
	font-size: 16px;
}
.generic-form .generic-form-col{
	padding: 10px 0;
	position: relative;
}
.generic-form .generic-form-col h6{
	color: #019591;
	font-size: 21px;
	margin: 0;
}
.generic-form input, select
.generic-form textarea{
	width: 100%;
	border-radius: 10px;
	outline: none;
	border: 1px solid #e0e0e0;
	background: #fff;
	height: 42px;
	-webkit-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	-moz-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	box-shadow: inset inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	padding-left: 30px;
	padding-right: 5px;
	color: #a0a0a0;
}

.generic-form select{
	width: 100%;
	border-radius: 10px;
	outline: none;
	border: 1px solid #e0e0e0;
	background: #fff;
	height: 42px;
	-webkit-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	-moz-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	box-shadow: inset inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	padding-left: 30px;
	padding-right: 5px;
	color: #a0a0a0;
}
.generic-form textarea{
	height: 120px;
	width: 100%;
	resize: none;+
	padding-top: 10px;
}
.generic-form i{
	position: absolute;
	top: 24px;
	left: 10px;
	font-style: normal;
	color: #969797;
}
.generic-form-submit button.submit{
	border-radius: 25px;
	border: none;
	outline: none;
	box-shadow: none;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	padding: 0 20px;
	height: 35px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.48);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.48);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.48);
	margin: 15px 10px 35px 0;
	transition: all 0.35s;
	background: #4a4a4b;
}
.generic-form-submit button.submit:hover{
	background: #931d5b;
}
.generic-form-submit button.submit i{
	position: relative;
	top: auto;
	left: auto;
	font-style: normal;
	color: #fff; 
	padding-right: 10px;
}
.flexed-box{
	display: flex;
	justify-content: center;
	align-items: center;
}
.circle-buttons{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 28px;
	height: 28px;
	color: #fff !important;
	background: #2fa09b;
	font-size: 18px;
	margin: 0 2px;
	border-radius: 25px;
	border: none;
	transition: all 0.3s;
}
.circle-buttons:hover{
    background: #f67f0c !important;
}
.circle-buttons i{
    font-size: 12px;
}
.circle-buttons:hover i{
	color: #fff !important;
}
/*.view-button{*/
/*	background: #f67f0c !important;*/
/*}*/
/*.edit-button{*/
/*	background: #01a09b;*/
/*}*/
/*.del-button{*/
/*	background: #a6326f;*/
/*}*/
/*.timeline-button{*/
/*	background: #4a4a4b !important;*/
/*}*/

.datepicker table tr td.active.active{
	background-color: #01a09b !important;
}

.bootstrap-datetimepicker-widget{
	left: 0px !important;
	/*border: 1px solid #01a09b !important;*/
}
.input-group.date.datetimepicker {
	position: relative;
}

.input-group.date.datetimepicker i {
	position: absolute;
	top: 15px;
	z-index: 1;
	left: 8px;
}
.input-group.date.datetimepicker input{
	border-radius: 10px;
}

.DateTime{
	width: 190px !important;
   
	padding-left: 7px !important;
	padding-right: 7px !important;
	font-size: 14px !important;
	color: #4a4a4b;
}
.flatpickr-day.selected,.flatpickr-day.endRange:focus,
 .flatpickr-day.endRange:hover, .flatpickr-day.selected:focus,
  .flatpickr-day.selected:hover, .flatpickr-day.startRange:focus,
   .flatpickr-day.startRange:hover {
	background: #039f9b;
	border-color: #02a09b;
}



/*INPUT TYPE UPLOAD*/
.upload-btn{
		position: relative;
	}
	.upload-input{
		width: 0.1px !important;
		height: 0.1px !important;
		opacity: 0;
		overflow: hidden;
		position: absolute;
		z-index: -1;
		outline: none !important;
	}
	.upload-input + label {
		display: inline-block;
	}

	.upload-input:focus + label,
	.upload-input + label:hover {
		background-color: red;
	}
	.upload-input + label {
		cursor: pointer; / "hand" cursor /
	}
	.upload-btn label{
		background: #148a8b !important;
		border:none;
		border-radius: 25px;
		outline: none;
		box-shadow: none;
		font-size: 16px !important;
		padding: 10px 20px;
		outline: none;
		box-shadow: none;
		color: #fff;
		    width: auto;
	}
	.upload-btn label i{
		padding-right: 10px;
	}
    .lead-action-dropdown#follow_ups{
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding-right: 15px;
    }




/*NEW CSS FOR INVOICE PAGE*/
.invoice-amount{
	padding-right: 15px;
}
.invoice-amount div{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 5px 0;
}
.invoice-amount .amount-wrap{
	width: 100px;
	display: flex;
    justify-content: flex-end;
} 
.new-invoice-row-4 .order-subtotal-title{
	font-size: 14px;
	color: #148a8b;
	font-weight: 700;
	text-align: end;
}
.new-invoice-row-4 .grand-subtotal-title{
	color: #931d5b;
	font-size: 14px;
	font-weight: 700;
	text-align: end;
}
.new-invoice-row-4 .order-subtotal-amount{
	font-size: 14px;
	color: #4a4a4b;
	font-weight: 700;
}
.new-invoice-row-4 .discount-row,
.new-invoice-row-4 .subtotal-row{
	background: #fff;
}
.new-invoice-row-4 .discount-row{
	vertical-align: middle;
}
.new-invoice-row-4 .discount-row input{
	width: 65px;
	border-radius: 10px;
	outline: none;
	box-shadow: none;
	border: 1px solid #e0e0e0;
	background: #fff;
	height: 34px;
	-webkit-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	-moz-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
	padding-left: 10px;
	color: #4a4a4b;
	font-weight: 700;
}
.new-invoice-row-4 .discount-row input::placeholder{
	font-size: 15px;
	color: #931d5b;
	font-weight: 700;
}
.new-invoice-row-4 .grand-total-row{
	background: #f6f5f5;
	border-radius: 0 0 15px 15px;
}
.invoice-form{
	border-radius: 15px;
	border: 1px solid #e7e8e8;
	margin-bottom: 15px;
}
.invoice-form .invoice-form-body{
	padding: 10px 15px;
	padding-bottom: 25px;
}
.invoice-form .invoice-logo{
	padding-bottom: 15px;
}
.invoice-form .invoice-logo img{
    max-width: 200px;
}
.invoice-form p{
	font-weight: 600;
	font-size: 16px;
	color: #343a40;
	padding: 10px 0;
	margin: 0;
	line-height: 1;
}
.invoice-box-row{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.invoice-box-row .invoice-box{
	margin-bottom: 10px;
	border: 1px solid #e7e8e8;
	padding: 5px 10px;
}
.invoice-box-row .invoice-box.no-border{
	border: none;
}
.invoice-box-row .invoice-box.wid-2{
	width: 49%;
}
.invoice-box-row .invoice-box.wid-3{
	width: 32%;
	text-align: center;
	transition: all 0.35s;
	cursor: pointer;
}
.invoice-box-row .invoice-box.wid-3:hover{
	background: #148a8b;
}
.invoice-box-row .invoice-box.wid-3:hover p{
	color: #fff;
}
.invoice-box-row .invoice-box span{
	font-weight: 600;
	font-size: 18px;
	color: #148a8b;
	padding: 10px 10px 10px 0;
	margin: 0;
	line-height: 1;
}
.invoice-box-row .invoice-box input,
.invoice-box-row .invoice-box select{
	width: 100%;
    border-radius: 10px;
    outline: none;
    box-shadow: none !important;
    border: 1px solid #e0e0e0 !important;
    background: #fff;
    height: 35px;
    box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1)  !important;
    color: #a0a0a0;
    padding-left: 10px  !important;
    margin-bottom: 5px;
}
.invoice-box-row .invoice-box select{
	width: 95%;
}
.invoice-box-row .invoice-box-1{
	border: none;
	border-bottom: 2px solid #9e1f62;
	padding: 0;
	margin-bottom: 5px;
}
.invoice-box-row p,
.invoice-box-row span{
	font-size: 15px !important;
}
.invoice-box-row .invoice-box-1 span{
	padding: 5px 5px 5px 0;
	width: 100%
}
.invoice-box-row .invoice-box-1 p{
	padding: 5px 0px 5px 5px;
}
.invoice-form hr{
	border-bottom:1px solid #e7e8e8;
	margin-top: 0;
}
.invoice-form-body .invoice-desc p:nth-of-type(1){
    font-weight: 600;
    font-size: 18px;
    color: #148a8b;
    line-height: 1;

}
.w-100{
	width: 100%;
}
.invoice-box-inner span{
	padding: 5px 5px 5px 0 !important;
	display: inline-block;
}
.invoice-box-inner p{
	padding: 5px 5px 5px 0 !important;
}
.invoice-box-1 input{
	height: 35px !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
}

.mt-20{
	margin-top: 20px;
}
.mt-30{
	margin-top: 30px;
}
.mt-40{
	margin-top: 40px;
}
.mt-50{
	margin-top: 50px;
}
.pt-20{
	padding-top: 20px;
}
.pt-30{
	padding-top: 30px;
}
.pt-40{
	padding-top: 40px;
}
.pt-50{
	padding-top: 50px;
}
.dataTables_info {
    font-size: 12px;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination{
    font-size: 12px;
    margin-bottom: 0;
}
.logo span.logo-lg {
    display: flex;
    height: 55px;
    justify-content: center;
    align-items: center;
}
.logo span.logo-lg img{
    height: 50px;
    object-fit: contain;
}
.navbar-custom .button-menu-mobile,
.navbar-custom .app-search{
    height: 55px;
}
.navbar-custom .button-menu-mobile{
    line-height: 55px;
}
.nav-user img {
    height: 28px;
    width: 28px;
}
.page-title-box{
    height: 50px;
}
.page-title-box .page-title-right{
    margin-top: 6px !important;
}
.select2-container--default .select2-selection--single{
    -webkit-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
    -moz-box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
    box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
    border: 1px solid #e0e0e0 !important;
    border-radius: 10px !important;
}
tr.upsell td.upsell-td{
    padding: 0 !important;
    position: relative;
    padding-left: 30px !important;
    background: #fff !important;
}
tr.upsell td.upsell-td:before{
    content: '\f0da';
    font-family: "Font Awesome 5 Free";
    font-weight: 900; 
    position: absolute;
    left: 20px;
    top: 8px;
    color: #019591;
}
tr.upsell td.upsell-td:after {
    content: '';
    position: absolute;
    left: 15px;
    top: 0;
    border-left: 1px solid #019591;
    border-bottom: 1px solid #019591;
    height: 19px;
    width: 5px;
}
tr.upsell td.upsell-td table tr{
    background: #fff !important;
    font-size: 12px !important;
}
tr.upsell td.upsell-td table tr td{
    font-size: 12px !important;
}
tr.upsell td.upsell-td table tr p{
    margin: 0 !important;
}

.select2-selection__rendered {
	display: flex !important;
	align-items: center !important;
	min-width: 120px;
	padding-right: 20px !important;
}
.leads-main-table-wrapper .select2-selection--multiple{
    border: 1px solid #e0e0e0 !important;
    background: #fff;
    min-height: 25px !important;
    height: 25px !important;
    box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1);
    border-radius: 10px !important;
}
.leads-main-table-wrapper .select2-selection--multiple input{
    margin-top: 0 !important;
    width: 100% !important;
}
.leads-main-table-wrapper ul .select2-selection__choice{
    margin: 0 2px 1px 2px !important;
    font-size: 11px;
    background-color: #01a09b !important;
    border-color: #01a09b !important;
    color: #fff !important;
    font-weight: 500;
    transition: all 0.25s;
    cursor: pointer !important;
}
.leads-main-table-wrapper ul .select2-selection__choice:hover{
    background-color: #4a4a4b !important;
    border-color: #4a4a4b !important;
}
.leads-main-table-wrapper ul .select2-selection__choice span{
    color: #fff !important;
}
/*****TABLE TABS*****/
.table-tabs-wrapper ul.nav-tabs{
    display: flex;
    justify-content: center;
    border: none;
}
.table-tabs-wrapper ul.nav-tabs li a{
    margin: 0 5px;
    position: relative;
    background: #4a4a4b;
    border-radius: 25px;
    color: #fff;
    transition: all 0.3s;
    padding: 5px 20px;
    font-size: 16px;
}
.table-tabs-wrapper ul.nav-tabs li a.active,
.table-tabs-wrapper ul.nav-tabs li a:hover{
    background: #2f9f9b;
    color: #fff;
}
.table-tabs-wrapper ul.nav-tabs li a.active:before{
    content:'';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -9px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #2f9f9b transparent transparent transparent;
}

.invoice-details-row{
    padding-bottom: 15px;
}
.invoice-details-row p{
    font-size: 13px;
    padding: 3px 0;
}
.invoice-details-row .title,
.client-details-row .title{
    color: #148a8b;
    font-size: 18px;
    padding-bottom: 10px;
    width: 100%;
}
.invoice-details-row p span{
     color: #148a8b;
}
.client-details-row{
    width: 100%;
    padding: 20px 0 0 0;
}
.client-details-row p{
    padding: 3px 0;
    font-size: 13px;
    padding-right: 40px;
}
.client-details-row p span{
    display: block;
    color: #148a8b;
    padding-bottom: 3px;
}
.invoice-info-wrap {
    max-width: 330px;
    width: 100%;
}
.invoice-info-item{
    display: flex;
    flex-wrap: wrap;
}
.invoice-info-item .invoice-info{
    width: calc(100% - 140px);
    text-align:right;
    padding-right: 50px;
    position: relative;
}
.invoice-info-item .invoice-info:before{
    content: '';
    position: absolute;
    right: 22px;
    width: 3px;
    height: 100%;
    background: #9e1f61;
}
.invoice-info-item .invoice-info select{
    width: 100%;
    border-radius: 10px;
    outline: none;
    border: 1px solid #e0e0e0 !important;
    background: #fff;
    height: 35px;
    box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1) !important;
    color: #a0a0a0;
    padding-left: 10px !important;
    margin-bottom: 5px;
}
.invoice-info-item .invoice-info input{
    width: 100%;
    border-radius: 10px;
    outline: none;
    border: 1px solid #e0e0e0 !important;
    background: #fff;
    height: 35px;
    box-shadow: inset 0px 3px 1px 0px rgba(117, 115, 115, 0.1) !important;
    color: #a0a0a0;
    padding-left: 10px !important;
    margin-bottom: 5px;
}
.invoice-info-item .invoice-info-title{
    max-width: 140px;
    width: 100%;
}
.invoice-info-title p{
    font-weight: 600;
    font-size: 18px;
    color: #148a8b;
    line-height: 1;
}