/* load font */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

/* font-family: 'Poppins', sans-serif; */
/*--------------------------------
1. Body 
-------------------------------- */
body{
	/*background: url();
	background-size: 100%;*/
	background: #F6F7FB;
	position: relative;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: bottom;
	font-family: 'Poppins', sans-serif;
	overflow-x: hidden;
}
html, body{}
html{}
a:hover{
	text-decoration: none;
}
a:active{
	text-decoration: none;
}
a:focus{
	text-decoration: none;
}
a:visited{
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6{
	margin: 0;
}
ul{
	margin: 0;
	padding: 0;
}
h1{
	font-size:30px;
}
h2{
	font-size:26px;
}
h3{
	font-size:24px;
}
h4{
	font-size:20px;
}
h5, h6{
	font-size:16px
}
p {
    margin: 0 0 15px;
}
::-webkit-input-placeholder{
   color: #2b2b2b;
}
:-moz-placeholder{ /* Firefox 18- */
   color: #2b2b2b;  
}
::-moz-placeholder{  /* Firefox 19+ */
   color: #2b2b2b;  
}
:-ms-input-placeholder{  
   color: #2b2b2b;  
}
.clear{
	clear: both;
}
.text-center{
	text-align: center !important;
}
.text-right{
	text-align: right !important;
}
.text-left{
	text-align: left !important;
}
/* ============================================================================== */
.wrap-dashboard-menu-left-active{
	left: 0 !important;
}
.wrap-dashboard-menu-left{
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	width: 250px;
	background: #6F38C5;
	z-index: 100;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.wrap-dashboard-menu-left-in{
	padding-bottom: 70px;
	padding-top: 20px;
	overflow-y: auto;
	height: 100%;
}

.wrap-dashboard-menu-left-in::-webkit-scrollbar {
	width: 7px;
}
  
/* Track */
.wrap-dashboard-menu-left-in::-webkit-scrollbar-track {
	background: #f1f1f1; 
}
   
/* Handle */
.wrap-dashboard-menu-left-in::-webkit-scrollbar-thumb {
background: #CFD6DE; 
}
  
/* Handle on hover */
.wrap-dashboard-menu-left-in::-webkit-scrollbar-thumb:hover {
	background: #b0b5bb; 
}
/* button mobile menu */
.wrap-menu-bt-left{
	position: absolute;
	right: -40px;
	top: 0;
	background: #6F38C5;
	display: none;
}
.bt-open-menu-left-dash{
	width: 40px;
	height: 40px;
	background: #6F38C5;
	color: #fff;
	cursor: pointer;
	text-align: center;
	padding-top: 5px;
	font-size: 20px;
}
.bt-close-menu-left-dash{
	width: 40px;
	height: 40px;
	background: #6F38C5;
	color: #fff;
	cursor: pointer;
	text-align: center;
	padding-top: 5px;
	font-size: 20px;
}
.wrap-dashboard-content{
	position: relative;
	padding-left: 250px;
	padding-top: 30px;
	padding-bottom: 80px;
}
.dashboard-quotation{
	padding-top: 140px;
}
.dashboard-quotation-view-info{
	padding-top: 55px;
}
.dashboard-invoice-view-info{
	padding-top: 70px;
}
.wrap-dashboard-menu-top.wrap-dashboard-menu-top-sticky{

}
.wrap-dashboard-menu-top{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	padding-left: 250px;
	padding-top: 13px;
	padding-bottom: 13px;
	background: #FAF9FF;
	z-index: 11;
	box-shadow: -1px 3px 5px 0px rgba(209,209,209,0.34);
	-webkit-box-shadow: -1px 3px 5px 0px rgba(209,209,209,0.34);
	-moz-box-shadow: -1px 3px 5px 0px rgba(209,209,209,0.34);
}
.wrap-dashboard-menu-top-in-hide{
	display: none !important;
}
.wrap-dashboard-menu-top-in{
	position: relative;
	width: 100%;
	padding-left: 130px;
	padding-right: 130px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.sec-title-dashboard-breadcumbs{
	position: relative;
}
h3.title-dasboard-page{
	font-size: 23px;
	font-weight: bold;
	color: #000;
	line-height: 27px;
	text-transform: capitalize;
	margin-bottom: 0px;
}
.breadcumb-page{
	position: relative;
}
.breadcumb-page ul li:last-child:after{
	display: none;
}
.breadcumb-page ul li:after{
	content: "-";
	position: relative;
	display: inline-block;
	margin-left: 5px;
	margin-right: 1px;
}
.breadcumb-page ul li a{
	color: #898989;
}
.breadcumb-page ul li{
	display: inline-block;
	position: relative;
	list-style: none;
	font-size: 11px;
	color: #898989;
	text-transform: capitalize;
}
.sec-icon-cta-account{
	position: absolute;
	right: 50px;
	top: 0px;
}
ul.list-cta-acc{}
ul.list-cta-acc li{
	display: inline-block;
	list-style: none;
	vertical-align: middle;
	margin-left: 8px;
	position: relative;
}
.i-cta-bt-search-notif:hover{
	color: #000;
}
.i-cta-bt-search-notif{
	color: #000;
	position: relative;
	display: inline-block;
}
.notif-unread{
	position: absolute;
	top: 7px;
	right: 7px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	border: 1px solid rgb(234, 234, 234);
	background: #FF7777;
}
.i-cta-bt-search-notif{
	display: inline-block;
	background: rgb(111, 56, 197, 0.1);
	color: #000;
	width: 30px;
	height: 30px;
	border-radius: 5px;
	text-align: center;
	padding-top: 4px;
	font-size: 15px;
	position: relative;
}
.icon-profile-bt img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px;
}
.icon-profile-bt{
	display: block;
	color: #000;
	width: 30px;
	height: 30px;
	border-radius: 5px;
}
.logo-dashboard-menu img{
	width: 100%;
}
.logo-dashboard-menu{
	margin: auto;
	width: 50%;
	margin-bottom: 70px;
}
.wrap-menu-list-left{
	position: relative;
	padding-left: 40px;
	padding-right: 20px;
}
ul.menu-list-left li a i{
	margin-right: 7px;
	display: inline-block;
}
ul.menu-list-left li img{
	width: 19px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 10px;
}
ul.menu-list-left li a{
	color: #fff;
	font-size: 13px;
	text-transform: capitalize;
	opacity: 0.7;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
ul.menu-list-left > li{
	list-style: none;
	margin-bottom: 15px;
	position: relative;
}
ul.menu-list-left li.active > a{
	opacity: 1 !important;
}
ul.menu-list-left li a:hover{
	opacity: 1 !important;
}
ul.menu-list-left li{
	display: block;
}
ul.menu-list-left ul{
	padding-left: 37px;
	padding-top: 4px;
	display: none;
}
ul.menu-list-left ul li:last-child{
	margin-bottom: 0;
}
ul.menu-list-left ul li:before{
	content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #D6D644;
    position: absolute;
    left: -11px;
    top: 11px;
}
ul.menu-list-left ul li{
	position: relative;
	margin-bottom: 4px;
}
ul.menu-list-left > li > a > span{
	position: absolute;
	top: 3px;
	right: 0;
	width: 21px;
	height: 21px;
}

ul.menu-list-left li > a > span.icon-change2:before{
	content: "\f106";
}
ul.menu-list-left li > a > span:before{
	content:"\f107";
	font-family:"Fontawesome",sans-serif;
	font-size: 14px;
	position: absolute;
	left: 0;
	top: 1px;
	width: 100%;
	text-align: center;
	line-height: 17px;
}
.sec-logout img{
	width: 19px;
	display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 10px;
}
.sec-logout a:hover{
	opacity: 1 !important;
}
.sec-logout a{
	color: #fff;
	opacity: 0.7;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.sec-logout{
	position: absolute;
	padding-top: 20px;
	padding-bottom: 40px;
	bottom: 0;
	left: 0;
	width: 90%;
	background: #6F38C5;
	padding-left: 40px;
	font-size: 13px;
	color: #fff;
}


.container-content-form-quotation{
	position: relative;
	margin: auto;
	width: 700px;
}

.wrap-quotation-steps{
	padding-left: 130px;
	padding-right: 130px;
	/* padding-top: 20px; */
}
.quotation-steap-info{
	position: relative;
	text-align: left;
}
.quotation-steap-info ul{
	width: 100%;
	margin: auto;
}
.quotation-steap-info ul li.step-done .quotation-step-title:before{
	content: "";
	height: 1px;
	width: 100%;
	position: absolute;
	top: 9px;
	right: 0;
	z-index: 1;
	border-bottom:3px solid #6F38C5;
}
.quotation-steap-info ul li.step-process .quotation-step-title:before{
	content: "";
	height: 1px;
	width: 100%;
	position: absolute;
	top: 9px;
	right: 0;
	z-index: 1;
	border-bottom:3px dashed #adadad;
}
.quotation-steap-info ul li.step-before .quotation-step-title:before{
	content: "";
	height: 1px;
	width: 100%;
	position: absolute;
	top: 9px;
	right: 0;
	z-index: 1;
	border-bottom:3px dashed #adadad;
}
.quotation-steap-info ul li:last-child .quotation-step-title:before{
	/* display: none; */
}
.quotation-steap-info ul li{
	position: relative;
	list-style: none;
	display: inline-block;
	/* width: 180px; */
	vertical-align: top;
	padding-right: 12px;
	text-align: left;
}
.step-done .quotation-step-numb{
	color: #fff;
	background: #6F38C5;
	
}
.step-process .quotation-step-numb{
	background: #D6D644 !important;
	color: #6F38C5 !important;
}
.step-before .quotation-step-title{
	color: #898989;
}
.step-before .quotation-step-numb{
	background: #fff !important;
	color: #898989;
}
.quotation-step-numb{
	float: left;
	width: 30px;
	height: 30px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	border-radius: 50%;
	padding-top: 4px;
	background: #6F38C5;
	box-shadow: -1px 3px 5px 0px rgba(108,96,214,0.27);
	-webkit-box-shadow: -1px 3px 5px 0px rgba(108,96,214,0.27);
	-moz-box-shadow: -1px 3px 5px 0px rgba(108,96,214,0.27);
}
.quotation-step-title{
	margin-top: 5px;
	color: #6F38C5;
	font-size: 13px;
	font-weight: 500;
	text-transform: capitalize;
	position: relative;
	margin-left: 40px;
	padding-right: 33px;
}
.quotation-step-title span{
	display: inline-block;
	padding-right: 15px;
	background: #F6F7FB;
	z-index: 2;
	position: relative;
}
.bt-preview-quotation i{
	margin-right: 5px;
}
.bt-preview-quotation:hover{
	color: #fff;
	background: #6F38C5;
}
.bt-preview-quotation.bt-preview-quotation-active:hover{
	color: #fff;
	background: #6F38C5;
}
.bt-preview-quotation.bt-preview-quotation-active{
	cursor: pointer !important;
	pointer-events:fill !important;
	border: 1px solid #6F38C5;
	color: #6F38C5;
}
.bt-preview-quotation{
	pointer-events: none;
	cursor: default;

	position: absolute;
	right: 0px;
	top: -3px;
	display: block;
	padding-top: 9px;
	padding-bottom: 9px;
	width: 100px;
	text-align: center;
	font-size: 10px;
	color: #C6C6C6;
	font-weight: 600;
	border: 1px solid #C6C6C6;
	border-radius: 5px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.wrap-scope-of-work{
	position: relative;
}
.box-list-scope-of-work{}
.panel .box-item-quotation-info:first-child{
	border-top: none;
}
.panel .box-item-quotation-info{
	border-top: 1px solid #6e38c53f;
	margin-bottom: 0;
}
.wrap-box-item-quotation-info.box-style-form .box-item-quotation-info:first-child{
	border-top: none;
}
.wrap-box-item-quotation-info.box-style-form{
	background: #fff;
	border-radius: 5px;
	padding: 0;
	box-shadow: 0px 2px 9px 1px rgba(174,174,174,0.3);
	-webkit-box-shadow: 0px 2px 9px 1px rgba(174,174,174,0.3);
	-moz-box-shadow: 0px 2px 9px 1px rgba(174,174,174,0.3);
}
.box-style-form{
	background: #fff;
	padding: 15px;
	border-radius: 5px;
	box-shadow: 0px 2px 9px 1px rgba(174,174,174,0.3);
	-webkit-box-shadow: 0px 2px 9px 1px rgba(174,174,174,0.3);
	-moz-box-shadow: 0px 2px 9px 1px rgba(174,174,174,0.3);
}
.box-list-scope-of-work > li{
	position: relative;
	list-style: none;
	border-radius: 7px;
	margin-bottom: 20px !important;
}
.list-item-hidden .box-style-form{
	border: 1px solid #D66060 !important;
}
.title-sow-list{
	position: relative;
}
.wrap-box-list-scope{
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	/* padding-left: 60px;
	padding-right: 60px; */
}
.bt-title-sow-list{
	position: relative;
	cursor: pointer;
	width: 250px;
	margin-bottom: 5px;
}
.arrow-dropdown-sow{
	position: absolute;
	left: 0;
	top: -5px;
	width: 24px;
	text-align: center;
	font-size: 22px;
	color: #6C60D6;
}
.padding-sow{
	padding-left: 30px;
	padding-right: 30px;

}
.container-form-input-sow{
	position: relative;
}
.row-input-sow{
	position: relative;
}
.row-input-sow .form-control{
	font-size: 13px;
	outline: none !important;
	transition: none !important;
	border-radius: 2px;
}
/* bootstrap shadow */
textarea:focus, 
textarea.form-control:focus, 
input.form-control:focus, 
input[type=text]:focus, 
input[type=password]:focus, 
input[type=email]:focus, 
input[type=number]:focus, 
[type=text].form-control:focus, 
[type=password].form-control:focus, 
[type=email].form-control:focus, 
[type=tel].form-control:focus, 
[contenteditable].form-control:focus {
	box-shadow: inset 0 0px 0 #6F38C5;
}
.title-sow-list span{
	color: #D66060;
}
.title-sow-list{
	font-size: 17px;
	font-weight: 500;
	color: #6F38C5;
	margin-bottom: 3px;
}
.wrap-cta-sow-bars{
	position: absolute;
	right: 10px;
	top: 5px;
	width: 17px;
}
.bt-cta-sow-bars{
	font-size: 20px;
	cursor: pointer;
	width: 100%;
	text-align: center;
}
.bt-cta-sow-bars img{
	width: 100%;
}
.toggle-cta-sow-bar-box-active{
	display: block !important;
	-webkit-animation-name: fadeInUp;
    -webkit-animation-duration: 0.5s;
    -moz-animation-name: fadeInUp;
    -moz-animation-duration: 0.5s;
    -ms-animation-name: fadeInUp;
    -ms-animation-duration: 0.5s;
    -o-animation-name: fadeInUp;
    -o-animation-duration: 0.5s;
    animation-name: fadeInUp;
    animation-duration: 0.5s;
}
.toggle-cta-sow-bar-box{
	display: none;
	position: absolute;
	left: 0;
	top: 30px;
	width: 140px;
	padding: 5px;
	background: #fff;
	border-radius: 2px;
	z-index: 8;
	box-shadow: 0px 2px 6px 1px rgba(174,174,174,0.51);
	-webkit-box-shadow: 0px 2px 6px 1px rgba(174,174,174,0.51);
	-moz-box-shadow: 0px 2px 6px 1px rgba(174,174,174,0.51);
}
.toggle-cta-sow-bar-box li a:hover{
	color: #6F38C5;
	background: rgb(255, 254, 213);
}
.toggle-cta-sow-bar-box li a{
	color: #000;
	padding-left: 5px;
	padding-top: 9px;
	padding-bottom: 9px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
	display: block;
}
.toggle-cta-sow-bar-box li{
	list-style: none;
	font-size: 13px;

}
h3.title-quotation-info-box{
	font-size: 17px;
	font-weight: 600;
	color: #333030;
	margin-bottom: 15px;
}
.section-input-form-quotation:last-child{
	margin-bottom: 0;
}
.section-input-form-quotation{
	position: relative;
	margin-bottom: 15px;
}
.box-item-quotation-info{
	position: relative;
	margin-bottom: 30px;
	padding: 25px;
}
h4.title-sub-input-form-quotation span{
	color: #FF0000;
}
h4.title-sub-input-form-quotation{
	font-size: 11px;
	font-weight: 500;
	color: #333030;
	margin-bottom: 8px;
	display: inline-block;
}
.input-f-quotation-item{
	position: relative;
}
.input-f-quotation-item .form-control{
	box-shadow: inset 0 0px 0 #6F38C5;
}
.input-f-quotation-item .form-control{
	width: 100%;
	border: 1px solid #d3d3d3;
	border-radius: 3px;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	height: auto;
}
.title-sub-input-form-quotation-cus-color{
	color: #adadad !important;
}
h3.title-quotation-number{
	font-size: 18px;
	font-weight: 500;
	color: #6F38C5;
}
.date-icon-cus i{
	position: absolute;
	top: 7px;
	right: 15px;
	color: #6F38C5;
	font-size: 17px;
	z-index: 4;
}
.date-icon-cus{
	width: 300px !important;
}
.wrap-submit-button-form{
	position: relative;
	text-align: right;
}
.bt-submit-frm:hover{
	background: #411c7c;
	color: #fff;
}
.bt-submit-frm.bt-submit-frm-prev:hover{
	background: #6F38C5;
	color: #fff;
}
.bt-submit-frm.bt-submit-frm-prev{
	background: transparent;
	color: #6F38C5;
	margin-right: 8px;
	border: 1px solid #6F38C5;
	padding-top: 6px;
	padding-bottom: 6px;
}
.bt-submit-frm{
	position: relative;
	display: inline-block;
	background: #6F38C5;
	color: #fff;
	font-size: 12px;
	border-radius: 4px;
	font-weight: 500;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 20px;
	padding-right: 20px;
	outline: none;
	border: none;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.bt-back-top-top img{
	width: 17px;
	display: inline-block;
}
.bt-back-top-top:hover{
	opacity: 1;
}
.bt-back-top-top{
	display: none;
	padding-top: 7px;
	position: fixed;
	bottom: 40px;
	right: 50px;
	background: #6F38C5;
	opacity: 0.7;
	cursor: pointer;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	text-align: center;
	z-index: 99;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.body-scroll-inactive:before{
	content: "";
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20;
	background: rgba(0,0,0, 0.5);
}
.body-scroll-inactive{
	overflow: hidden;
}
.input-search-form-top input{
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid rgb(234, 234, 234);
	border-radius: 3px;
	padding-left: 8px;
	padding-right: 8px;
	outline: none;
}
.input-search-form-top-active{
	display: block !important;
	-webkit-animation-name: fadeInRight;
    -webkit-animation-duration: 0.5s;
    -moz-animation-name: fadeInRight;
    -moz-animation-duration: 0.5s;
    -ms-animation-name: fadeInRight;
    -ms-animation-duration: 0.5s;
    -o-animation-name: fadeInRight;
    -o-animation-duration: 0.5s;
    animation-name: fadeInRight;
    animation-duration: 0.5s;
}
.input-search-form-top{
	position: absolute;
	right: 40px;
	top: 0;
	display: none;
	width: 150px;
	font-size: 12px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.title-scope-of-work-quotation{
	position: relative;
	margin-bottom: 30px;
}
h2.text-title-quotation-top{
	font-size: 24px;
	color: #333030;
	font-weight: 600;
}
.bt-show-all-data-quotation:hover{
	color: #fff;
	background: #6F38C5;
}
.bt-show-all-data-quotation{
	position: absolute;
	right: 0px;
	top: -3px;
	display: block;
	padding-top: 7px;
	padding-bottom: 7px;
	width: 140px;
	text-align: center;
	font-size: 10px;
	color: #6F38C5;
	font-weight: 600;
	border: 1px solid #6F38C5;
	border-radius: 5px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.title-line-heading-form:before{
	content: '';
	position: absolute;
	top: 14px;
	right: 0;
	width: 100%;
	height: 1px;
	background: #d3d3d3;
}
.title-line-heading-form{
	position: relative;
	/* margin-bottom: 10px; */
}
.title-line-heading-form h4.title-sub-input-form-quotation{
	background: #fff;
	padding-right: 10px;
	position: relative;
}
.item-blok-box-category{
	position: relative;
	border: 1px solid #d3d3d3;
	/* border-radius: 6px; */
	padding-left: 15px;
	padding-right: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
}
/* .output-item-add-more-category-active{
	display: block !important;
}
.output-item-add-more-category{
	position: relative;
	border: 1px solid #d3d3d3;
	border-radius: 6px;
	padding-left: 15px;
	padding-right: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: none;
} */
.custom-select-package{
	width: 200px;
}
.custom-sow-cat-input{
	border-left: 8px solid #D6D644 !important;
}
.wrap-show-in-detail{
	position: relative;
	padding-left: 20px;
}
.custom-padding-input-form-boots .row{
	margin-left: -7px;
	margin-right: -7px;
}
.custom-padding-input-form-boots .col-6,.col-4,.col-2{
	padding: 7px;
}
.info-form-input-hr{
	display: block;
	position: absolute;
	right: 12px;
	top: 7px;
	font-size: 12px;
	color: #a09c9c;
	z-index: 3;
}
.button-add-more-team-rate-card{
	position: relative;
	margin-bottom: 10px;
}
.bt-add-more-team-rate-card i{
	font-size: 12px;
	margin-right: 5px;
}
.bt-add-more-team-rate-card:hover{
	color: #6C60D6;
}
.bt-add-more-team-rate-card{
	color: #6C60D6;
	font-size: 11px;
	font-weight: 400;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.wrap-team-rate-card-in{
	position: relative;
}
.item-block-product{
	position: relative;
}
.item-product-wrap{
	position: relative;
	margin-bottom: 15px;
	margin-top: 5px;
}
.title-product-small-text{
	position: absolute;
	top: -7px;
	left: 10px;
	font-size: 9px;
	color: #a09c9c;
	display: inline-block;
	background: #fff;
	padding-left: 5px;
	padding-right: 5px;
	z-index: 2;
}
.custom-row-product-padding .col-2, .col-4, .col-6{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.wrap-bt-add-section .bt-add-more-team-rate-card{
	font-size: 12px;
}
.wrap-bt-add-section{
	position: relative;
	margin-top: 20px;
}
.list-item{}
.list-item-active .categoy-sec-wrap{
	height: 100% !important;
}
.list-item-active{
	height: auto !important;
}
.categoy-sec-wrap{
	/* height: 0px; */
	display: none;
	
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.arrow-drop-sow-show{
	display: show;
}
.arrow-drop-sow-hide{
	display: none;
}
.bt-sow-tog-inactive{
	display: none !important;
}
.bt-sow-tog-hide-active{
	display: block !important;
}

.tox-tinymce-aux{
	display: none !important;
}
.wrap-sow-total-section{
	position: relative;
	border-top: 1px solid #d3d3d3;
	padding-top: 30px;
	margin-top: 30px;
}
.input-f-quotation-item .form-control.custom-in-hr{
	padding-right: 20px;
}
.text-discount-input-l{
	float: left;
	width: 120px;
}
.text-discount-input-2{
	margin-left: 120px;
}
.text-discount-input-l h3{
	font-size: 14px;
	color: #333030;
}
input[type="radio"].disc-radio:checked+label { font-weight: bold;color: #333030; }
input[type="radio"].disc-radio:checked ~ .input-f-quotation-item input.discound-form-in { pointer-events:fill; }
.text-discount-input-2 .discound-form-in{
	pointer-events: none;
	width: 100%;
	position: relative;
	text-align: right !important;
}
.width-cus-discount{
	width: 180px;
	position: relative;
	float: left;
	margin-top: -10px;
}
.text-discount-input-2 ul li{
	list-style: none;
	margin-bottom: 15px;
	position: relative;
}
.text-discount-input-2 ul li input{
	z-index: 2;
}
.disc-radio{
	float: left;
	width: 20px;
}
.label-discount-select{
	float: left;
	width: 100px;
	margin-left: 4px;
	font-size: 12px;
	color: #a09c9c;
	position: relative;
	margin-top: -3px;
}
.curency-rupiah{
	text-align: right;
}
.discount-cus-in{}
.sec-discount-input{
	position: relative;
	margin-bottom: 30px;
}
.sec-total-nom{
	position: relative;
}
.text-subtotal-input-tot{
	position: relative;
	float: left;
	width: 150px;
	font-size: 16px;
	font-weight: 600;
}
.numb-subtotal-input{
	position: relative;
	float: left;
	color: #a09c9c;
	font-weight: 600;
	font-size: 15px;
}
.bt-delete-sow:hover{
	background: #6F38C5;
	color: #fff;
}
.bt-delete-sow i{
	margin-right: 5px;
}
.bt-delete-sow{
	position: absolute;
	bottom: 0;
	right: 0;
	background: #ffffca;
	color: #6F38C5;
	display: inline-block;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 7px;
	text-align: center;
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 13px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.floating-lb:focus ~ .floating-label,
.floating-lb:not(:focus):valid ~ .floating-label{
	top: -7px;
}

.floating-label {
	position: absolute;
    top: 10px;
    left: 10px;
    font-size: 9px;
    color: #a09c9c;
    display: inline-block;
    background: #fff;
    padding-left: 5px;
    padding-right: 5px;
	transition: 0.2s ease all;
}
.add-more-team-rate-card-new{
	position: relative;
}
.bt-delete-ico:hover{
	background: #6F38C5;
}
.bt-delete-ico{
	position: absolute;
	top: 7px;
	right: -30px;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	background: #eee;
	color: #a09c9c;
	text-align: center;
	padding-top: 1px;
	font-size: 11px;
	cursor: pointer;
	display: none;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.sec-team-rate-card-in{
	position: relative;
	width: 100%;
}
.add-more-team-rate-card-new .bt-delete-ico{
	display: block !important;
}
.add-more-team-rate-card-new .trigger-add-team-rate-card{
	margin-top: 8px;
}
.item-product-wrap-in{
	position: relative;
}
.add-more-product-output{
	position: relative;
}
.add-more-product-output .bt-delete-poduct-name{
	display: block;
}
.wrap-item-category-block-add-sow{
	position: relative;
}
/* .output-item-add-more-category .section-input-form-quotation:first-child{
	display: none !important;
} */
.item-new-price-rules-item{
	position: relative;
	margin-top: 20px;
}
.delete-sow-category-sec:hover{
	color: #472281;
}
.delete-sow-category-sec{
	position: absolute;
	top: 43px;
	right: 19px;
	cursor: pointer;
	font-size: 18px;
	color: #6F38C5;
	display: none;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.trigger-item-category-block-add-sow{
	position: relative;
}
.output-item-add-more-category .delete-sow-category-sec{
	display: block !important;
}
.hide-lement-sow{
	display: none;
}
.cus-add-more-sow-bt-bottom{
	margin-left: 40px;
	margin-top: 10px;
}
.draft-section-hide-item{
	display: inline-block !important;
}
.draft-section-hide-item{
	position: relative;
	padding-left: 14px;
	top: 0px;
	font-size: 17px;
	font-weight: 500;
	color: #D66060;
	display: none;
}
.duplikat-all-soq-item{
	display: none;
}
.output-item-add-new-price-rules .trigger-item-add-price-rulesn{
	margin-top: 15px;
}
.wrap-content-page-quotation{
	position: relative;
}
.item-tab-page-quotation{
	position: relative;
	display: none;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.item-tab-page-quotation-active{
	display: block !important;
	-webkit-animation-name: fadeIn;
    -webkit-animation-duration: 0.5s;
    -moz-animation-name: fadeIn;
    -moz-animation-duration: 0.5s;
    -ms-animation-name: fadeIn;
    -ms-animation-duration: 0.5s;
    -o-animation-name: fadeIn;
    -o-animation-duration: 0.5s;
    animation-name: fadeIn;
    animation-duration: 0.5s;
}
.termin-text-input input{
	text-align: center;
}
.termin-text-input{
	float: left;
	padding-top: 8px;
}
.termin-text-in{
	float: left;
	width: 90px;
}
.termin-text-input .width-cus-discount{
	width: 140px;
}
.item-input-form-termin{
	position: relative;
	margin-bottom: 12px;
	display: none;
}
.txt-toc-input.txt-toc-input-active{
	pointer-events: fill !important;
}
.txt-toc-input{
	width: 100%;
	height: 180px !important;
	resize: none;
	pointer-events: none;
	text-align: left;
	word-wrap: break-word;
}
.txt-toc-note{
	width: 100%;
	height: 110px !important;
	resize: none;
	text-align: left;
	word-wrap: break-word;
}
.bt-edit-toc{
	font-size: 12px;
	color: #6C60D6;
	font-weight: 500;
	padding-left: 10px;
	margin-bottom: 10px;
}
.drop-your-doc-note{
	position: relative;
}
.sd-box {
	background-color: #ffffff;
	position: relative;
	padding: 25px 20px;
	width: 100%;
	text-align: center;
	border: 1px solid #EBE9E9;
	border-radius: 2px;
	line-height: 18px;
}

#drop-zone {
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
	border: 2px dashed rgba(0, 0, 0, .3);
	border-radius: 5px;
	font-family: Arial;
	text-align: center;
	position: relative;
	font-size: 14px;
	color: #7E7E7E;
}
#drop-zone input {
	position: absolute;
	cursor: pointer;
	left: 0px;
	top: 0px;
	opacity: 0;
}
/*Important*/
  
#drop-zone.mouse-over {
	border: 3px dashed rgba(0, 0, 0, .3);
	color: #7E7E7E;
}
  /*If you dont want the button*/
  
#clickHere {
	display: inline-block;
	cursor: pointer;
	color: white;
	font-size: 14px;
	color: #7E7E7E;
}
#clickHere:hover {
}


#filename {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 1.5em;
}
.file-preview {
	background: #ccc;
	border: 5px solid #fff;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
	display: inline-block;
	width: 60px;
	height: 60px;
	text-align: center;
	font-size: 14px;
	margin-top: 5px;
}
.closeBtn:hover {
	color:#6F38C5;
}
.icon-upload-file-note{
	margin-bottom: 10px;
	font-size: 13px;
}
.icon-upload-file-note i{
	margin-right: 15px;
	color: #6F38C5;
}
.wrap-cta-quotation-select{
	position: absolute;
	left: 150px;
	top: -5px;	
}
.wrap-bt-cta-quotation-i{
	display: inline-block;
	margin-left: 9px;
}
.bt-cta-edit-quotation-data:hover{
	background: #b6b620;
	color: #6F38C5;
}
.bt-cta-edit-quotation-data{
	display: inline-block;
	color: #6F38C5;
	border-radius: 5px;
	border: 1px solid #6C60D6;
	background: #D6D644;
	font-size: 10px;
	font-weight: 500;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.bt-cta-create-quotation-data:hover{
	background: #6C60D6;
	color: #fff;
}
.bt-cta-create-quotation-data.in-active{
	background: rgb(170, 170, 170) !important;
	border: 1px solid rgb(170, 170, 170) !important;
	pointer-events: none;
	cursor: default;
}
.bt-cta-create-quotation-data{
	display: inline-block;
	color: #fff;
	border-radius: 5px;
	border: 1px solid #6C60D6;
	background: #6F38C5;
	font-size: 10px;
	margin-left: 10px;
	font-weight: 500;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.bt-cta-create-quotation-download:hover{
	background: #e1e1e1;
	color: #6F38C5;
}
.bt-cta-create-quotation-download i{
	margin-right: 7px;
}
.bt-cta-create-quotation-download img{
	width: 11px;
    top: -1px;
    margin-right: 4px;
    position: relative;
}
.bt-cta-create-quotation-download{
	display: inline-block;
	border-radius: 5px;
	background: transparent;
    color: #6F38C5;
	font-size: 10px;
	margin-left: 10px;
	font-weight: 500;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 8px;
	padding-bottom: 8px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
	box-shadow: 0px 2px 9px 1px rgb(174 174 174 / 30%);
    -webkit-box-shadow: 0px 2px 9px 1px rgb(174 174 174 / 30%);
    -moz-box-shadow: 0px 2px 9px 1px rgba(174,174,174,0.3);
}
.bt-create-invoice-right{
	position: absolute;
	right: 15%;
	top: -2px;
}
/* custom select */
/*the container must be positioned relative:*/
.custom-select {
	position: relative;
}

.custom-select select {
	display: none; /*hide original SELECT element:*/
}

.select-selected {
	background-color: #EDECF8;
	border-radius: 5px;
}

/*style the arrow inside the select element:*/
.select-selected:after {
	position: absolute;
	content: "";
	top: 14px;
	right: 10px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-color: #707070 transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
	border-color: transparent transparent #707070 transparent;
	top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
	color: #3841C5;
	padding: 8px 15px;
	cursor: pointer;
	user-select: none;
	font-size: 12px;
	font-weight: 500;
}
.select-items div{
	color: #000;
}

/*style items (options):*/
.select-items {
	position: absolute;
	background-color: #fff;
	top: 100%;
	left: 0;
	right: 0;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-top: 7px;
	z-index: 99;
	border-radius: 5px;
	box-shadow: 0px 2px 6px 1px rgb(174 174 174 / 51%);
		-webkit-box-shadow: 0px 2px 6px 1px rgb(174 174 174 / 51%);
		-moz-box-shadow: 0px 2px 6px 1px rgba(174,174,174,0.51);
}
/*hide the items when the select box is closed:*/
.select-hide {
	display: none;
}
.select-items div:hover, .same-as-selected {
	background-color: #FFFFE4;
	color: #F34239;
}
.custom-select.select-option-quotation-cta{
    display: inline-block;
    width: 100%;
    height: initial;
    padding: 0;
    font-size: initial;
    font-weight: initial;
    line-height: initial;
    color: initial;
	width: 180px;
    vertical-align: middle;
    background: none;
    background-color: initial;
    border: initial;
    border-radius: initial;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.wrap-akordion-quotation{
	position: relative;
}
.accordion:focus{
	outline: none !important;
}
.accordion {
	background-color: transparent;
	color: #333030;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 22px;
	font-weight: 700;
	transition: 0.4s;
	position: relative;
	padding-left:0px;
}
.active-akor, .accordion:hover {
	background-color: transparent;
}
.accordion:after {
	content:"\f107";
    font-family:"Fontawesome",sans-serif;
	color: #6C60D6;
	font-weight: bold;
	font-size: 25px;
	position: absolute;
	left: -40px;
	top: 15px;
}
.active-akor:after {
	content: "\f106";
}
.panel {
	background-color: transparent;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}
.item-quo-info{
	position: relative;
	margin-bottom: 15px;
}
.item-quo-info p{
	font-size: 11px !important;
}
.title-i-quo-text-1{
	font-size: 10px;
	color: #C6C6C6;
	font-weight: 400;
	margin-bottom: 4px;
}
.title-i-quo-text-2{
	font-size: 12px;
	line-height: 17px;
	color: #333030;
	font-weight: 500;
	margin-bottom: 5px;
}
.i-quo-info-text-1{
	position: relative;
}
.i-quo-info-text-2{
	position: relative;
}
.title-i-quo-text-big{
	font-size: 16px;
	color: #6F38C5;
	font-weight: 500;
}
hr.seperator-line-quotation{
	height: 1px;
	width: 100%;
	background: #6F38C5;
	opacity: 0.2;
	border: none;
}
h4.sow-title-top-details{
	font-size: 14px;
	color: #6F38C5;
	font-weight: 500;
	margin-bottom: 10px;
}
.wrap-border-sow-cat-details-info{
	position: relative;
	border: 1px solid #6e38c53f;
	border-radius: 5px;
	margin-bottom: 30px;	
}
.draft_list{
	border:1px solid #e74c3c !important;
}
.box-sec-cat-details-c:first-child{
	border-top: none;
}
.box-sec-cat-details-c{
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top: 1px solid #6e38c53f;
}
.i-quo-info-text-1-pr{
	display: inline-block;
}
.i-quo-info-text-2-pr{
	display: inline-block;
	margin-left: 5px;
}
.title-i-quo-text-2-cus-yellow{
	color: #F99F03;
}
.title-i-quo-text-2-cus-desc{
	font-weight: 400 !important;
}
.wrap-sec-quotation-detail-padding-in{
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
}
.title-heading-quotation-line-desc{
	position: relative;
	margin-bottom: 0px;
}
.title-heading-quotation-line-desc:before{
	content: "";
	width: 100%;
	height: 1px;
	background: #6e38c53f;
	top: 14px;
	left: 0;
	position: absolute;
}
.title-heading-quotation-line-desc h5{
	display: inline-block;
	padding-right: 15px;
	background: #fff;
	z-index: 1;
	position: relative;
}
.list-team-detail-in-part{
	position: relative;
	display: inline-block;
}
.list-team-detail-in-part-line:before{
	content:"";
	position: absolute;
	top: 1px;
	left: 0;
	right: 0;
	width: 100%;
	height: 1px;
	background: #333030;
}
.list-team-detail-in-part-line{
	position: relative;
	width: 25px;
	height: 6px;
	margin-left: 5px;
	margin-right: 5px;
	display: inline-block;
}
.list-team-detail-info-quo{
	position: relative;
}
.list-team-detail-info-quo ul li:before{
	content: "";
	height: 6px;
	width: 6px;
	border-radius: 50%;
	background: #D66660;
	position: absolute;
	left: 0;
	top: 10px;
}
.list-team-detail-info-quo ul{
	padding-left: 5px;
}
.list-team-detail-info-quo ul li{
	list-style: none;
	display: block;
	padding-left: 24px;
	position: relative;
	margin-bottom: 0px;
}
.quo-quantity-price1{
	position: relative;
	display: inline-block;
	vertical-align:top;
	width: 80px;
}
.quo-quantity-price2{
	position: relative;
	display: inline-block;
	vertical-align:top;
}
.block-list-price-monthly{
	position: relative;
}
.block-list-price-monthly .list-team-detail-in-part-line:before{
	background: #D66660;
}
.quo-quantity-price2 .block-list-price-monthly{
	margin-top: -6px;
}
hr.divider-inside-padding-quo-info{
    height: 1px;
    width: 100%;
	border-top: 1px dashed #6F38C5;
    /* background: #6F38C5; */
    opacity: 0.2;
}
.wrap-discount-subtotal-cat-detail{
	position: relative;
	/* padding-left: 20px;
	padding-right: 20px; */
}
h4.title-discount-cat-red{
	font-size: 12px;
	color: #D66660;
	font-weight: 500;
	margin-bottom: 2px;
}
.sub-total-all-sec-info-text1{
	display: inline-block;
	margin-right: 20px;
	font-size: 14px;
	font-weight: 500;
	color: #333030;
}
.sub-total-all-sec-info-text2{
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	color: #6F38C5;
}
.wrap-item-box-termin{
	position: relative;
	/* padding-left: 15px;
	padding-right: 15px; */
	padding-bottom: 25px;
	border-bottom: 1px solid #6e38c53f;
	margin-bottom: 25px;
}
.wrap-item-box-termin ul li:nth-of-type(1) .i-termin-box-info{
	border-top: 1px solid #6e38c53f;
}
.wrap-item-box-termin ul li:nth-of-type(2) .i-termin-box-info{
	border-top: 1px solid #6e38c53f;
}
.wrap-item-box-termin ul li:nth-of-type(3) .i-termin-box-info{
	border-top: 1px solid #6e38c53f;
}
.wrap-item-box-termin ul li{
	list-style: none;
	width: 33.3333%;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}
.i-termin-box-info{
	border-bottom: 1px solid #6e38c53f;
	border-left: 1px solid #6e38c53f;
	border-right: 1px solid #6e38c53f;
	padding-top: 8px;
	padding-bottom: 5px;
}
.item-box-termin-text-left{
	float: left;
	width: 70%;
	color: #707070;
	font-size: 10px;
	text-align: center;
}
.item-box-termin-text-right{
	float: right;
	width: 30%;
	color: #333030;
	font-weight: 500;
	font-size: 12px;
	text-align: left;
	padding-left: 10px;
}
ul.list-toc-item-info-detail li{
	font-size: 12px;
    line-height: 17px;
    color: #333030;
    font-weight: 400;
    margin-bottom: 0px;
	list-style: none;
}
.icon-upload-file-note span{
	cursor: pointer;
	color: #959595;
}
.attachment-file-note-info{
	position: relative;
}
.bt-delete-attachment-file-note:hover{
	color: #6F38C5;
}
.bt-delete-attachment-file-note{
	position: relative;
	color: #959595;
}
.img-clip-file{
	width: 8px;
	height: 15px;
	display: inline-block;
	margin-right: 10px;
}
.bt-export-pdf i{
	margin-right: 7px;
}
.bt-export-pdf img{
	width: 11px;
    top: -1px;
    margin-right: 4px;
    position: relative;
}
.bt-export-pdf:hover{
	background: #e1e1e1;
    color: #6F38C5;
}
.bt-export-pdf.bt-export-pdf-active{
	color: #6F38C5;
}
.bt-export-pdf{
	position: relative;
    display: inline-block;
    background: #fff;
    color: #C6C6C6;
    font-size: 12px;
	font-weight: 500;
    border-radius: 4px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 15px;
    padding-right: 15px;
    outline: none;
    border: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
	box-shadow: 0px 2px 9px 1px rgb(174 174 174 / 30%);
    -webkit-box-shadow: 0px 2px 9px 1px rgb(174 174 174 / 30%);
    -moz-box-shadow: 0px 2px 9px 1px rgba(174,174,174,0.3);
}
.wrap-bt-export-pdf{
	position: relative;
	margin-top: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 20px;
    font-size: 12px;
}
.select2-custom-style .select2-container .select2-selection--single{
	height: 100%;
	padding-top: 6px;
	padding-bottom: 6px;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
	outline: none;
	border: 1px solid #d3d3d3;
	font-size: 12px;
}
.select2-dropdown{
	border: 1px solid #d3d3d3;
}
.select2-custom-style .select2-container--default .select2-selection--single{
	border: 1px solid #d3d3d3;
	border-radius: 3px;
}
.select2-results__option{
	font-size: 12px;
}
.dashboard-quotation-all{
	padding-top: 45px;
}
.dashboard-quotation-all .wrap-dashboard-menu-top{
	background: transparent;
	box-shadow: none !important;
}

.container-content-all-quotation{
	position: relative;
	margin: auto;
	width: 80%;
}

.data-table-all-quotation{
	position: relative;
	background: #fff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0px 2px 9px 1px rgb(174 174 174 / 30%);
    -webkit-box-shadow: 0px 2px 9px 1px rgb(174 174 174 / 30%);
    -moz-box-shadow: 0px 2px 9px 1px rgba(174,174,174,0.3);
	min-height: 100px;
}
/* data table search hidden */
.dataTables_filter {
	display: none;
}
.quotation-toolbar-table{
	position: relative;
	margin-bottom: 15px;
}
.searchbar-quotation-customer{
	position: relative;
	width: 250px;
}
.search-input-quo-tab{
	position: relative;
	padding-left: 40px;
	padding-right: 10px;
	width: 100%;
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 12px;
	color: #333030;
	font-weight: 400;
	text-align: left;
	background: rgb(111, 56, 197, 0.1);
	outline: none;
	border: none;
	border-radius: 4px;
}
::-webkit-input-placeholder{
	color: #9a9a9a;
}
:-moz-placeholder{ /* Firefox 18- */
	color: #9a9a9a;  
}
::-moz-placeholder{  /* Firefox 19+ */
	color: #9a9a9a;  
}
:-ms-input-placeholder{  
	color: #9a9a9a;  
}
.searchbar-quotation-customer i{
	position: absolute;
	left: 9px;
	top: 9px;
	font-size: 16px;
	color: #333030;
}
.toolbar-quotation-table-right{
	position: absolute;
	right: 0;
	top: 0;
}
.filter-select-status-datatable{
	display: inline-block;
	margin-left: 4px;
	vertical-align: middle;
}
.form-control:focus{
	border-color: none !important;
}
.dataTables_wrapper .dataTables_length{
	padding-left: 20px;
}
.dataTables_wrapper .dataTables_length select option{
	background: #fff;
}
.dataTables_wrapper .dataTables_length select{
	position: relative;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
	display: inline-block;
	text-align: left;
	background: rgb(111, 56, 197, 0.1);
	color: #9a9a9a;
	font-weight: 400;	
	font-size: 11px;
	border: none;
	border-radius: 4px;
	outline: none;
	cursor: pointer;
}
.filter-select-tab-quotation option{
	background: #fff;
}
.filter-select-tab-quotation{
	position: relative;
	padding-left: 8px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	width: 110px;
	text-align: left;
	background: rgb(111, 56, 197, 0.1);
	color: #9a9a9a;
	font-weight: 400;	
	font-size: 11px;
	border: none;
	border-radius: 4px;
	outline: none;
	cursor: pointer;
}
.bt-export-cta-quotation-table i{
	margin-right: 10px;
	font-size: 15px;
	top: 1px;
	position: relative;
}
.bt-export-cta-quotation-table:hover{
	color: #fff;
	background: #6F38C5;
}
.bt-export-cta-quotation-table{
	text-align: center;
	color: #6F38C5;
	display: block;
	width: 90px;
	background: rgb(111, 56, 197, 0.1);
	font-weight: 400;	
	font-size: 11px;
	border: none;
	border-radius: 4px;
	outline: none;
	cursor: pointer;
	padding-top: 7px;
	padding-bottom: 7px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.bt-export-cta-quotation-table2:hover{
	color: #fff;
	background: #411c7c;
}
.bt-export-cta-quotation-table2{
	text-align: center;
	color: #fff;
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	background: #6F38C5;
	font-weight: 400;	
	font-size: 11px;
	border: none;
	border-radius: 4px;
	outline: none;
	cursor: pointer;
	padding-top: 7px;
	padding-bottom: 7px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.container-content-all-quotation .bottom{
	padding-top: 20px;
}
.cta-detail-item-table-quotation{
	position: relative;
	display: inline-block;
	margin-right: 15px;
	top: -5px;
}
.bt-cta-action-list-quotation img{
	width: 17px;
}
.bt-cta-action-list-quotation i{
	font-size: 5px;
}
.bt-cta-action-list-quotation:hover{
	color: #6F38C5;
}
.bt-cta-action-list-quotation{
	color: #333030;
	display: inline-block;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
table.dataTable thead th, table.dataTable thead td{
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 0;
	padding-left: 0;
	padding-right: 5px !important;
	font-size: 12px;
	color: #9a9a9a;
	font-weight: 500;
	text-transform: uppercase;
}
.cus-1-row-quot{
	width: 140px;
	background: cyan;
}
#example thead th:nth-of-type(3){
	width: 140px;
}
.style-status-box{
	font-size: 9px;
	text-align: center;
	display: block;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 4px;
	font-weight: 600;
	width: 60px;
}
.bg-status-quo-submmitted{
	background: #CCE4FF;
	color: #2088FF;
}
.bg-status-quo-onreview{
	background: #DCDEFF;
	color: #3841C5;
}
.bg-status-quo-approved{
	background: #D5FFE7;
	color: #10AC54;
}
.bg-status-quo-pending{
	background: #FFF1D4;
	color: #F3BC4C;
}
.bg-status-quo-rejected{
	background: #FED6D4;
	color: #F34239;
}

.bg-status-quo-close{
	background: #B08CE7;
	color: #6F38C5;
}

.icon-show-data-list-table-in{
	position: relative;
	display: inline-block;
	width: 10px;
}
.icon-show-data-list-table-in img{
	width: 18px;
}
h4.text-quo-list-tab a:hover{
	color: #6F38C5;
}
h4.text-quo-list-tab a{
	color: #333030;
}
h4.text-quo-list-tab{
	font-size: 11px;
	color: #333030;
	font-weight: 400;
}
table.dataTable.display>tbody>tr.odd>.sorting_1, table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_1{
	box-shadow: none;
}
table.dataTable.display tbody tr:hover>.sorting_1, table.dataTable.order-column.hover tbody tr:hover>.sorting_1{
	box-shadow: none;
}
table.dataTable tbody th, table.dataTable tbody td{
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 0;
	padding-right: 15px;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td{
	border-top: 1px dashed #e6e6e6;
}
table.dataTable.display>tbody>tr.even>.sorting_1, table.dataTable.order-column.stripe>tbody>tr.even>.sorting_1{
	box-shadow: none;
}
table.dataTable.stripe>tbody>tr.odd>*, table.dataTable.display>tbody>tr.odd>* {
    box-shadow: none;
}
table.dataTable.hover>tbody>tr:hover>*, table.dataTable.display>tbody>tr:hover>* {
    box-shadow: inset 0 0 0 9999px rgb(0 0 0 / 4%);
}
.wrap-extra-information-quotation-detail{
	position: relative;
	min-height: 200px;
	background: red;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
	font-size: 10px;
	min-height: initial;
	padding-top: 6px;
	width: 25px;
	height: 25px;

}
.dataTables_wrapper .dataTables_paginate .paginate_button:active{
	background: #6F38C5 !important;
	color: #fff !important;
	border: none !important;
	border-radius: 4px !important;
	box-shadow: none !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
	background: #6F38C5 !important;
	color: #fff !important;
	border: none ;
	border-radius: 4px ;
	box-shadow: none ;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{
	color: #fff;
	background: transparent !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
	background: #6F38C5 !important;
	border: none !important;
	border-radius: 4px !important;
}
.cta-bar-menu-list-quotation-item-active{
	display: block !important;
	-webkit-animation-name: fadeInUp;
    -webkit-animation-duration: 0.5s;
    -moz-animation-name: fadeInUp;
    -moz-animation-duration: 0.5s;
    -ms-animation-name: fadeInUp;
    -ms-animation-duration: 0.5s;
    -o-animation-name: fadeInUp;
    -o-animation-duration: 0.5s;
    animation-name: fadeInUp;
    animation-duration: 0.5s;
}
.cta-bar-menu-list-quotation-item i{
	margin-right: 6px;
}
.cta-bar-menu-list-quotation-item{
	position: absolute;
	display: none;
	left: 0;
	top: 25px;
	width: 130px;
	background: #fff;
	z-index: 9;
	padding: 5px;
	box-shadow: 0px 2px 9px 1px rgb(174 174 174 / 30%);
    -webkit-box-shadow: 0px 2px 9px 1px rgb(174 174 174 / 30%);
    -moz-box-shadow: 0px 2px 9px 1px rgba(174,174,174,0.3);
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.wrap-cta-bt-list-quo{
	position: relative;
	width: 60px;
}
.cta-bar-menu-list-quotation-item ul li a:hover{
	background: #6F38C5;
	color: #fff;
}
.cta-bar-menu-list-quotation-item ul li a{
	color: #333030;
	font-size: 11px;
	font-weight: 500;
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 3px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.cta-bar-menu-list-quotation-item ul li{
	list-style: none;
}
.red{
	position: absolute;
	top: 0;
	left: 0;
	background: red;
	width: 100%;
	height: 200px;
}
.table-quotation-in tr,td{
	position: relative !important;
}
input.checkinputquo {
    left: -4px;
    position: relative;
}
.button-delete-quotation-check{
	position: relative;
	display: none;
	position: absolute;
	left: 90px;
	top: -34px;
}
.button-delete-quotation-check-active{
	display: block !important;
}
.bt-delete-quotation-check i{
	margin-right: 5px;
}
.bt-delete-quotation-check:hover{
	background: #a73333;
}
.bt-delete-quotation-check{
	background: #D64444;
	color: #fff;
	border-radius: 4px;
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 12px;
	border: none;
	outline: none;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.wrap-bt-bottom-del{
	position: relative;
}
button,
button:active,
button:focus {
  outline: none;
}
.box-notification-top:before{
	content: "";
	position: absolute;
	top: -9px;
	right: 10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 11px 10px 11px;
	border-color: transparent transparent #ffffff transparent;
}
.box-notification-top-active{
	display: block !important;
	-webkit-animation-name: fadeInUp;
    -webkit-animation-duration: 0.5s;
    -moz-animation-name: fadeInUp;
    -moz-animation-duration: 0.5s;
    -ms-animation-name: fadeInUp;
    -ms-animation-duration: 0.5s;
    -o-animation-name: fadeInUp;
    -o-animation-duration: 0.5s;
    animation-name: fadeInUp;
    animation-duration: 0.5s;
}
.box-notification-top{
	display: none;
	position: absolute;
	right: -7px;
	top: 43px;
	width: 240px;
	border-radius: 5px;
	background: #fff;
	z-index: 99;
	box-shadow: 0px 2px 9px 1px rgb(174 174 174 / 30%);
    -webkit-box-shadow: 0px 2px 9px 1px rgb(174 174 174 / 30%);
    -moz-box-shadow: 0px 2px 9px 1px rgba(174,174,174,0.3);
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.heading-title-notification-top{
	border-bottom: 1px solid #EADEFD;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 14px;
	font-weight: 400;
}
.wrap-notification-box-list-item{
	overflow-y: auto;
	max-height: 180px;
}
.wrap-notification-box-list-item::-webkit-scrollbar {
	width: 7px;
} 
/* Track */
.wrap-notification-box-list-item::-webkit-scrollbar-track {
	background: #f1f1f1; 
}
/* Handle */
.wrap-notification-box-list-item::-webkit-scrollbar-thumb {
background: #CFD6DE; 
}
/* Handle on hover */
.wrap-notification-box-list-item::-webkit-scrollbar-thumb:hover {
	background: #b0b5bb; 
}
.item-list-notification:last-child{
	border-bottom: none;
}
.item-list-notification:hover{
	background: rgb(234, 234, 234);
}
.item-list-notification{
	border-bottom: 1px solid #EADEFD;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.item-list-notification-icon img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.item-list-notification-icon{
	float: left;
	width: 25px;
	height: 25px;
}
.item-list-notification-info{
	float: left;
	margin-left: 10px;
}
h4.list-title-notif-info:hover{
	color: #6F38C5;
}
h4.list-title-notif-info{
	font-size: 11px;
	font-weight: 400;
	margin-bottom: 1px;
	color: #333030;
}
h4.list-title-notif-info2{
	font-size: 9px;
	font-weight: 300;
	color: #C6C6C6;
}
.item-list-notification a{
	display: block;
	width: 100%;
}
.cta-button-notification-clear a:hover{
	color: #333030;
}
.cta-button-notification-clear a{
	font-size: 11px;
	font-weight: 400;
	color: #6F38C5;
}
.cta-button-notification-clear span{
	font-size: 13px;
	color: #6F38C5;
	display: inline-block;
}
.cta-button-notification-clear{
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 12px;
	text-align: center;
	border-top: 1px solid #EADEFD;
}
.notification-no-notif{
	display: none;
	font-size: 9px;
	font-weight: 400;
	text-align: center;
	color: #a2a2a2;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.item-notification-alert-edit:first-child{
	margin-top: -23px;
}
.item-notification-alert-edit{
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
}
.item-notification-alert-edit-sucess{
	background: rgba(28, 175, 92, 0.15);
}
.item-notification-alert-edit-info{
	background: #FFE8C1;
}
.item-notification-alert-edit-failed{
	background: rgba(243, 66, 57, 0.15);
}
.item-notif-edit-icon{
	float: left;
	width: 30px;
	height: 30px;
}
.item-notif-edit-icon img{
	width: 100%;
}
.item-notif-edit-info{
	margin-left: 40px;
}
h4.title-notif-edit-info-right1{
	font-size: 14px;
	font-weight: 600;
	color: #333030;
	margin-bottom: 7px;
}
h4.title-notif-edit-info-right2{
	font-size: 11px;
	font-weight: 400;
	color: #6F5991;
	line-height: 18px;
	width: 80%;
}
.bt-close-notif-alert-edit:hover{
	background: #D64444;
}
.bt-close-notif-alert-edit{
	position: absolute;
	right: 0;
	top: 26%;
	font-size: 17px;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	color: #fff;
	cursor: pointer;
	background: rgb(0, 0, 0, 0.4);
	text-align: center;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.alert-container-in{
	position: relative;
}
.wrap-login-page-dash{
	position: relative;
	width: 100%;
	height: 100vh;
}
.wrap-login-page-dash img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.login-box-page-das{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	display: table;
}
.login-box-page-das-in{
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	padding-right: 130px;
}
.box-login-item{
	display: inline-block;
	width: 400px;
	background: #fff;
	text-align: left;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
	padding-right: 40px;
	border-radius: 25px;
    box-shadow: 0px 2px 9px 1px rgb(174 174 174 / 30%);
    -webkit-box-shadow: 0px 2px 9px 1px rgb(174 174 174 / 30%);
    -moz-box-shadow: 0px 2px 9px 1px rgba(174,174,174,0.3);
}
.logo-login-box{
	width: 140px;
	margin: auto;
	margin-bottom: 30px;
}
.logo-login-box img{
	width: 100%;
}
.text-info-login-box{
	position: relative;
	margin-bottom: 20px;
}
h4.title-info-login1{
	font-size: 16px;
	font-weight: bold;
	color: #333030;
	margin-bottom: 4px;
}
h4.title-info-login2{
	font-size: 11px;
	font-weight: 500;
	color: #B0A0C9;
}
.form-login-input-box{
	position: relative;
}
.item-f-login-input-box{
	position: relative;
	margin-bottom: 20px;
}
h5.title-f-login-input-box{
	font-size: 12px;
	color: #333030;
	font-weight: 400;
	margin-bottom: 6px;
}
.input-f-login-s.input-login-password{
	padding-right: 40px;
}
.input-f-login-s{
	width: 100%;
	outline: none;
	font-size: 12px;
	color: #333030;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	border: 1px solid #d3d3d3;
    border-radius: 3px;
}
.bt-show-password-c{
	position: absolute;
	top: 24px;
	right: 12px;
	cursor: pointer;
}
.show-password{
	font-size: 17px;
	color: #5F6B7A;
}
.hide-password{
	font-size: 17px;
	color: #1067F2;
	display: none;
}
.captcha-login-f{
	position: relative;
	width: 170px;
	margin-bottom: 20px;
}
.captcha-login-f img{
	width: 100%;
}
.item-f-login-f-submit{
	position: relative;
}
.submit-f-login:hover{
	background: #411c7c;
}
.submit-f-login{
	position: relative;
	width: 100%;
	background: #6F38C5;
	border-radius: 4px;
	text-align: center;
	color: #fff;
	font-weight: 500;
	padding-top: 8px;
	padding-bottom: 8px;
	outline: none;
	border: none;
	font-size: 13px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.bt-forgot-password-link:hover{
	text-decoration: underline;
	color: #6F38C5;
}
.bt-forgot-password-link{
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 12px;
	font-weight: 500;
	color: #6F38C5;
}
.note-forgot-password-box a:hover{
	text-decoration: underline;
	color: #6F38C5;
}
.note-forgot-password-box a{
	color: #6F38C5;
}
.note-forgot-password-box{
	font-size: 11px;
    font-weight: 500;
    color: #B0A0C9;
	margin-top: 20px;
}
h4.text-email-login{
	font-size: 10px;
	color: #c5c5c5;
	font-weight: 400;
}
#messagepassword{
	font-size: 10px;
	font-weight: 500;
	color: red;
}
.afet-signout-img img{
	width: 100%;
}
.afet-signout-img{
	position: relative;
	width: 120px;
	margin: auto;
	margin-bottom: 20px;
}
.wrap-box-all-product-item{
	position: relative;
	text-align: left;
	margin-left: -20px;
    margin-right: -20px;
}
.item-box-product{
	position: relative;
	vertical-align: top;
	display: inline-block;
	width: 32%;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
}
.item-box-product-in{
	position: relative;
	background: #fff;
	border-radius: 5px;
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	min-height: 174px;
}
h4.title-product-server a:hover{
	text-decoration: underline;
}
h4.title-product-server a{
	color: #6F38C5;
}
h4.title-product-server{
	font-size: 13px;
	color: #6F38C5;
	font-weight: 600;
	margin-bottom: 15px;
}
.price-product-server{
	position: relative;
	margin-bottom: 15px;
}
.item-price-product-server{
	position: relative;
	margin-bottom: 10px;
}
.rp-item-price{
	float: left;
	color: #6F38C5;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 1px solid #6F38C5;
	text-align: center;
	padding-top: 0px;
	font-size: 8px;
}
.rp-item-price-info span{
	font-size: 9px;
	color: #333030;
	font-weight: 300;
}
.rp-item-price-info{
	font-size: 11px;
	color: #333030;
	margin-left: 30px;
	font-weight: 500;
}
h4.desc-product-info{
	color: #333030;
	font-size: 11px;
	line-height: 18px;
	font-weight: 400;
	margin-bottom: 0;
}
.bt-delete-price-product:hover{
	color: #6F38C5;
}
.bt-delete-price-product{
	position: absolute;
	z-index: 2;
	top: 10px;
	right: 10px;
	font-size: 15px;
	color: #333030;
}
.pagination-product-item{
	position: relative;
	text-align: right;
	padding-right: 50px;
}
.pagination-product-item ul li.active a{
	background: #6F38C5 !important;
    color: #fff !important;	
}
.pagination-product-item ul li a:hover{
	background: #6F38C5 !important;
    color: #fff !important;
}
.pagination-product-item ul li a{
	color: #333;
	/* width: 25px;
    height: 25px;
	padding-top: 6px; */
	display: block;
	border-radius: 4px;
	text-align: center;
	width: 28px;
    height: 28px;
	padding-top: 5px;
}
.pagination-product-item ul li{
	list-style: none;
	display: inline-block;
	/* font-size: 10px; */
	font-size: 12px;
}
.select-product-item-list-view{
	position: absolute;
	left: 10px;
	right: 0;
}
.list-view-item-box{
	z-index: 2;
	position: relative;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 3px;
    padding-bottom: 3px;
    display: inline-block;
    text-align: left;
    background: rgb(234, 234, 234);
    color: #9a9a9a;
    font-weight: 400;
    font-size: 11px;
    border: none;
    border-radius: 4px;
    outline: none;
    cursor: pointer;
}
.wrap-tools-top-search-add-product{
	position: relative;
	margin-bottom: 20px;
}
.search-form-all-product-item{
	position: relative;
	padding-left: 7px;
	width: 240px;
}
.i-f-search-all-product{
	position: relative;
	width: 100%;
    padding-left: 40px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 12px;
    color: #333030;
    font-weight: 400;
    text-align: left;
    background: rgb(111, 56, 197, 0.1);
    outline: none;
    border: none;
    border-radius: 4px;
}
.search-form-all-product-item i {
    position: absolute;
    left: 15px;
    top: 8px;
    font-size: 16px;
    color: #333030;
}
.wrap-sec-right-product-button{
	position: absolute;
	right: 0;
	top: 0;
}
.cus-input-f-quotation-add-product{
	width: 250px;
}
.cta-item-product-button{
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 2;
}
.cta-bt-edit-product i{
	font-size: 15px;
	display: inline-block;
	vertical-align: middle;
}
.cta-bt-edit-product:hover{
	color: #fff;
	background: #6F38C5;
}
.cta-bt-edit-product{
	font-weight: 500;
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 11px;
	color: #6F38C5;
	background: #f6f6b0;
	border-radius: 6px;
	margin-left: 7px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.cta-b-submitted .icon-show-data-list-table-in a{
	cursor:not-allowed;
}
/* .cta-b-rejected .icon-show-data-list-table-in a{
	cursor:not-allowed;
} */
.cta-b-onreview.icon-show-data-list-table-in a{
	cursor:not-allowed;
}
.custom-form-modal-quotation-detail .modal-body{
	padding: 0;
}
.custom-form-modal-quotation-detail .modal-content{
	border-radius: 15px;
	border: none;
}
.generated-invoice-section-1{
	position: relative;
	border-bottom: 1px solid #6e38c53f;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-top: 40px;
}
.quotation-history-list-detail{
	position: relative;
	padding-top: 20px;
	padding-bottom: 40px;
	padding-left: 40px;
	padding-right: 40px;
}
h3.heading-title-generated-invoice{
	font-size: 15px;
	font-weight: 600;
	color: #333030;
	margin-bottom: 15px;
}
h4.title-generated-invoice-code{
	color: #333030;
	font-size: 11px;
	font-weight: 500;
}
h4.title-generated-invoice-code a:hover{
	color: #6F38C5;
}
h4.title-generated-invoice-code a{
	color: #333030;
}
.generated-invoice-section-1-cus-invoice .bt-invoice-gen-link{
	margin-left: 0;
	margin-top: 20px;
}
.bt-invoice-gen-link:hover{
	background: #6F38C5;
	color: #fff;
	color: #fff !important;
}
.bt-invoice-gen-link{
	color: #6F38C5;
	font-size: 11px;
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #E6DFF1;
	border-radius: 30px;
	margin-left: 25px;
}
.bt-close-modal-quotation-detail:hover{
	background: #6F38C5;
	color: #fff;
}
.bt-close-modal-quotation-detail{
	position: absolute;
	top: 20px;
	right: 20px;
	width: 30px;
	height: 30px;
	font-size: 20px;
	background: #F8F6FB;
	color: #000;
	text-align: center;
	padding-top: 0px;
	border-radius: 50%;
	z-index: 2;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
h4.title-generated-invoice-code2{
	color: #333030;
	font-size: 11px;
	font-weight: 400;
	margin-bottom: 5px;
}
h5.title-date-created-quotation-history{
	font-size: 10px;
	font-weight: 400;
	color: #6F5991;
}
li.l-item-generated-invo:before{
	content:"";
	position: absolute;
	left: -7px;
	top: 0;
	width: 12px;
	height: 12px;
	background: #fff;
	border: 3px solid #6F5991;
	border-radius: 50%;
}
li.l-item-generated-invo:last-child{
	padding-bottom: 0;
}
li.l-item-generated-invo{
	list-style: none;
	position: relative;
	padding-left: 25px;
	padding-bottom: 20px;
}
.list-item-generated-invoice{
	position: relative;
	border-left: 3px solid #BFAEDA;
}
.list-item-generated-invoice ul{}
.export-filter-all-quotation-active{
	display: block !important;
	-webkit-animation-name: fadeIn;
    -webkit-animation-duration: 0.5s;
    -moz-animation-name: fadeIn;
    -moz-animation-duration: 0.5s;
    -ms-animation-name: fadeIn;
    -ms-animation-duration: 0.5s;
    -o-animation-name: fadeIn;
    -o-animation-duration: 0.5s;
    animation-name: fadeIn;
    animation-duration: 0.5s;
}
.export-filter-all-quotation{
	position: relative;
	background: rgb(111, 56, 197, 0.1);
	padding: 15px;
	display: none;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.item-box-product.item-box-product-cus-rate-card .price-product-server{
	margin-bottom: 0;
}
.item-box-product.item-box-product-cus-rate-card .item-price-product-server{
	margin-bottom: 0;
}
.item-box-product.item-box-product-cus-rate-card .item-box-product-in{
	min-height: 78px;
	box-shadow: 0px 2px 9px 1px rgb(111 56 197 / 15%);
    -webkit-box-shadow: 0px 2px 9px 1px rgb(111 56 197 / 15%);
    -moz-box-shadow: 0px 2px 9px 1px rgba(111,56,197,0.1);
}
.perhour-rate-card-info{
	position: absolute;
	right: -25px;
	top: 10px;
	color: #333030;
	font-size: 11px;
}
.custom-rate-card-page-single{
	position: relative;
	margin-bottom: 20px;
}
.filtet-select-export-by{
	position: relative;
	display: inline-block;
	margin-right: 10px;
}
.select-export-by{
	background: #fff;
	color: #9a9a9a;
	font-size: 11px;
	font-weight: 400;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 1px solid #d3d3d3;
	padding-right: 5px;
	border-radius: 3px;
	cursor: pointer;
	width: 120px;
}
.select-child-choose-export-by{
	display: none;
	margin-right: 10px;
}
.child-select-exby-active{
	display: inline-block !important;
}
.select-status-exby{
	background: #fff;
	color: #9a9a9a;
	font-size: 11px;
	font-weight: 400;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 1px solid #d3d3d3;
	padding-right: 5px;
	border-radius: 3px;
	cursor: pointer;
	width: 120px;
}

.export-filter-all-quotation .select2-container--default .select2-selection--single{
	border: 1px solid #d3d3d3;
	color: #333030;
	font-size: 11px;
	font-weight: 400;
	padding-top: 2px;
	width: 200px;
}
.input-date-range-filter-by{
	display: inline-block;
	position: relative;
	width: 200px;
}
.input-date-range-filter-by i {
    position: absolute;
    top: 7px;
    right: 15px;
    color: #6F38C5;
    font-size: 17px;
    z-index: 4;
}
.datepickerformat{
	border: 1px solid #d3d3d3;
    border-radius: 3px;
	color: #9a9a9a;
    font-size: 11px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    height: auto;
	width: 100%;
}
.bt-export-menu-drop2{
	position: absolute;
	top: 14px;
	right: 15px;
	border: 1px solid #6F38C5;
}
.custom-modal-alert-warning .modal-content{
	border: none;
	border-radius: 6px;
}
.custom-modal-alert-warning .modal-body{
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 30px;
}
.custom-modal-alert-warning .modal-dialog{
	width: 390px;
}
.warning-popup-head{
	position: relative;
	margin-bottom: 15px;
}
.warning-pop-img{
	width: 30px;
	display: inline-block;
}
.warning-pop-img img{
	width: 100%;
}
.text-warning-popup-top{
	position: relative;
	display: inline-block;
	font-size: 17px;
	font-weight: 600;
	color: #333030;
	margin-left: 10px;
}
.content-warning-section-pop{
	position: relative;
	margin-bottom: 25px;
}
.content-warning-section-pop h4{
	font-size: 13px;
	color: #6F5991;
	font-weight: 400;

}
.bt-cta-warning-popup{
	position: relative;
}
.bt-delete-warning-popup:hover{
	color: #fff;
	background: #411c7c;
}
.bt-delete-warning-popup{
	position: relative;
	display: inline-block;
	color: #fff;
	background: #6F38C5;
	font-size: 11px;
	font-weight: 500;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	border-radius: 5px;
}
.bt-Cancel-warning-popup:hover{
	color: #411c7c;
}
.bt-Cancel-warning-popup{
	position: relative;
	display: inline-block;
	color: #6F5991;
	background: transparent;
	font-size: 11px;
	font-weight: 500;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	border-radius: 5px;
}
.bt-close-modal-quotation-detail2:hover{
	color: #6F38C5;
}
.bt-close-modal-quotation-detail2{
	position: absolute;
	top: 3px;
	right: 10px;
	font-size: 20px;
	color: #000;
	z-index: 2;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.content-warning-section-pop img{
	width: 80px;
	margin-bottom: 15px;
}
span.validate-message-f{
	font-size: 9px;
	color: #F34239;
	font-style: italic;
}
.input-validate-border{
	border:1px solid #F34239 !important;
}
.filter-table-bottom{
	position: relative;
	display: inline-block;
	margin-left: 10px;
}
.bt-filter-tab-bottom img{
	width: 16px;
	margin-right: 5px;
}
.bt-filter-tab-bottom:hover{
	background: #f5f5f5;
}
.bt-filter-tab-bottom{
	background: #fff;
    color: #9a9a9a;
    font-size: 11px;
    font-weight: 400;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    border: 1px solid #d3d3d3;
    padding-right: 5px;
    border-radius: 3px;
    cursor: pointer;
	padding-left: 15px;
	padding-right: 15px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.export-filter-all-quotation .select2-container--default .select2-selection--single .select2-selection__rendered{
	color: #9a9a9a;
}
.wrap-table-quotation-inv{
	position: relative;
}
.wrap-profile-section{
	position: relative;
}
.profile-box-info{
	position: relative;
    background: #fff;
    border-radius: 5px;
	margin-bottom: 30px;
    box-shadow: 0px 2px 9px 1px rgb(174 174 174 / 30%);
    -webkit-box-shadow: 0px 2px 9px 1px rgb(174 174 174 / 30%);
    -moz-box-shadow: 0px 2px 9px 1px rgba(174,174,174,0.3);
}
.profile-banner-heading{
	width: 100%;
	height: 70px;
	position: relative;
}
.profile-banner-heading img{
	width: 100%;
	height: 100%;
	object-fit: cover;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.profile-box-info-details{
	position: relative;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 10px;
	margin-top: -50px;
}
.profile-avatar-img{
	position: relative;
	float: left;
	width: 60px;
	height: 60px;
    border-radius: 5px;
}
.profile-avatar-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
    border-radius: 5px;
}
.profile-name-user{
	/* float: left; */
	margin-left: 10px;
	/* padding-top: 20px;
	font-size: 17px;
	font-weight: 600;
	color: #fff; */
	padding-top: 5px;
    font-size: 17px;
    padding-left: 63px;
    font-weight: 600;
    line-height: 21px;
    color: #fff;
}
.profile-box-info-details-ava{
	position: relative;
	margin-bottom: 20px;
}
.profile-box-info-details-text{
	position: relative;
}
.item-list-profile-details{
	position: relative;
	margin-bottom: 15px;
}
h5.head-title-profile-head{
	font-size: 10px;
    color: #C6C6C6;
    font-weight: 400;
    margin-bottom: 2px;
}
h4.head-title-profile-head2{
	font-size: 12px;
    line-height: 17px;
    color: #333030;
    font-weight: 500;
    margin-bottom: 5px;
}
a.bt-edit-profile-details{
	font-size: 12px;
    color: #6F38C5;
    font-weight: 500;
}
.notification-box-profile{
	position: relative;
    background: #fff;
    border-radius: 5px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 25px;
	padding-bottom: 15px;
    box-shadow: 0px 2px 9px 1px rgb(174 174 174 / 30%);
    -webkit-box-shadow: 0px 2px 9px 1px rgb(174 174 174 / 30%);
    -moz-box-shadow: 0px 2px 9px 1px rgba(174,174,174,0.3);
}
.heading-title-notification-box{
	position: relative;
	margin-bottom: 10px;
}
.heading-title-notification-box h3{
	color: #333030;
	font-size: 17px;
	font-weight: 600;
}
.list-item-notification-profile{
}
.item-list-notification-profile{
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
}
.wrap-loader-loadmore{
	position: relative;
	text-align: center;
	margin-top: 15px;
}
.bt-loadmore-load img{
	width: 13px;
	margin-right: 5px;
}
.bt-loadmore-load{
	display: inline-block;
	background: transparent;
	font-size: 12px;
	color: #6F38C5;
	border: none;
	outline: none;
}
.list-item-recent-activity{
	position: relative;
}
.item-recent-list{
	position: relative;
}
.item-recent-list ul li:before{
	content: "";
	position: absolute;
	left: 60px;
	top: 0;
	height: 100%;
	width: 2px;
	background: #d7d7d7;
}
.item-recent-list ul li:last-child{
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.item-recent-list ul li{
	list-style: none;
	position: relative;
	padding-bottom: 20px;
}
.item-recent-activity-time{
	font-size: 12px;
	color: #333030;
	font-weight: 300;
	float: left;
	width: 60px;
}
.item-recent-activity-desc:before{
	content: "";
	position: absolute;
	left: -5.5px;
	top: 0;
	width: 13px;
	height: 13px;
	background: #fff;
	border-radius: 50%;
}
.created-activity .item-recent-activity-desc:before{
	border: 3px solid #FF7777;
}
.change-add-activity .item-recent-activity-desc:before{
	border: 3px solid #6F38C5;
}
.edit-activity .item-recent-activity-desc:before{
	border: 3px solid #D6D644;
}
.item-recent-activity-desc{
	position: relative;
	margin-left: 60px;
	padding-left: 25px;
}
h4.title-item-recent-desc span{
	font-weight: 300;
}
h4.title-item-recent-desc{
	font-size: 12px;
	color: #333030;
	font-weight: 600;
	margin-bottom: 4px;
}
h5.title-item-recent-desc2 span.approved-recent-act{
	color: #46A212;
}
h5.title-item-recent-desc2 span.addclient-recent-act{
	color: #6F38C5;
}
h5.title-item-recent-desc2 span{}
h5.title-item-recent-desc2{
	font-size: 10px;
	color: #C6C6C6;
	font-weight: 400;
}
.seperator-date-recent-act{
	font-size: 9px;
	font-weight: 400;
	color: #333030;
	margin-left: 35px;
	margin-bottom: 10px;
}
.item-icon-back-to{
	position: relative;
	margin-bottom: 15px;
}
.item-icon-back-to a{
	display: inline-block;
}
.item-icon-back-to img{
	width: 15px;
}
.profile-avatar-box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 9px;
}
.profile-avatar-box{
	position: relative;
	margin-bottom: 20px;
	width: 150px;
	height: 150px;

}
.edit-avatar-up{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 20px;
	text-align: center;
	background: rgba(0,0,0, 0.4);
	cursor: pointer;
	color: #fff;
	border-bottom-left-radius: 9px;
	border-bottom-right-radius: 9px;
}
.input-avatar-upload-hide{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	opacity: 0;
	display: none;
}
.tooltip-info{
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	color: #fff !important;
	text-align: center;
	font-weight: 300;
	font-size: 10px;
	padding-top: 0px;
	margin-left: 6px;
	vertical-align: middle;
	background: #288CFE;
	top: -2px;
	position: relative;
}
.edit-profile-cus .bt-show-password-c{
	top: 32px;
}
.edit-profile-cus .section-input-form-quotation:last-child {
    margin-bottom: 20px;
}
.client-info-detail{
	position: relative;
	margin-bottom: 15px;
}
.client-info-detail-ava img{
	width: 100%;
	/* height: 100%; */
	/* object-fit: cover; */
	border-radius: 6px;
}
.client-info-detail-ava{
	float: left;
	width: 50px;
	/* height: 50px; */
	border-radius: 6px;
}
.client-info-detail-text{
	position: relative;
	margin-left: 50px;
	padding-left: 20px;
	padding-top: 6px;
}
h4.client-info-name a:hover{
	text-decoration: underline;
}
h4.client-info-name a{
	color: #6F38C5;
}
h4.client-info-name{
	font-size: 14px;
	color: #6F38C5;
	font-weight: 500;
	margin-bottom: 5px;
}
h5.client-info-pt{
	color: #C6C6C6;
	font-size: 11px;
	font-weight: 400;
}
.item-client-info-phone i{
	color: #6F38C5;
	font-size: 15px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 7px;
}
.item-client-info-phone:last-child{
	margin-bottom: 0;
}
.item-client-info-phone{
	font-size: 11px;
	color: #333030;
	font-weight: 500;
	margin-bottom: 7px;
}
.item-box-product-cus-client .item-box-product-in{
	min-height:136px;
	box-shadow: 0px 2px 9px 1px rgb(111 56 197 / 15%);
    -webkit-box-shadow: 0px 2px 9px 1px rgb(111 56 197 / 15%);
    -moz-box-shadow: 0px 2px 9px 1px rgba(111,56,197,0.1);
}
.client-avatar-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.client-avatar-img{
	position: relative;
	float: left;
	width: 80px;
	height: 80px;
	border-radius: 6px;
}
.client-name-desc-ed{
	float: left;
	margin-left: 20px;
	padding-top: 15px;
}
h4.name-client-desc-ed{
	color: #333030;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 2px;
}
.cta-bt-edit-client i{
	margin-right: 4px;
	font-size: 14px;
	display: inline-flex;
	vertical-align: middle;
}
.cta-bt-edit-client:hover{
	color: #6F38C5;
}
.cta-bt-edit-client{
	display: inline-block;
	font-size: 11px;
	color: #6F38C5;
	font-weight: 400;
}
.box-pic-client-section.box-pic-client-section-margin-top{
	margin-top: 30px;
}
.box-pic-client-section{
	position: relative;
	padding-top: 15px;
	padding-bottom: 5px;
}
.heading-pic-title-sec{
	position: relative;
	display: block;
	width: 140px;
	background: #fff;
	margin-top: -13px;
	margin-bottom: 15px;
}
.heading-pic-title-sec span{
	display: inline-block;
	color: #C6C6C6;
	font-size: 10px;
	vertical-align: middle;
	font-weight: 400;
}
.heading-pic-title-sec h4{
	font-size: 16px;
	color: #333030;
	font-weight: 600;
	display: inline-block;
	vertical-align: middle;
}
.client-add-avatar{
	position: relative;
	margin-bottom: 20px;
}
.client-add-avatar-img img{
	width: 100%;
	height: 100%;
	border-radius: 6px;
	object-fit: cover;
}
.client-add-avatar-img{
	position: relative;
	float: left;
	width: 140px;
	height: 140px;
	border: 1px dashed #C6C6C6;
	border-radius: 6px;
}
.sec-bt-upload-ava-client{
	float: left;
	margin-left: 20px;
	padding-top: 40px;
}
.bt-add-photo-client i{
	margin-right: 5px;
}
.bt-add-photo-client:hover{
	color: #6F38C5;	
}
.bt-add-photo-client{
	display: inline-block;
	padding-left: 20px;
	padding-right: 20px;
	border: 1px solid #6F38C5;
	border-radius: 6px;
	font-size: 11px;
	font-weight: 400;
	color: #6F38C5;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-bottom: 10px;
}
.note-upload-ava-client{
	font-size: 11px;
	color: #C6C6C6;
	font-weight: 400;
}
.item-pic-name-add-row{
	position: relative;
}
.cus-pic-add-client{
	position: relative;
	padding-right: 0px;
}
.add-more-product-output .item-pic-name-add-row{
	margin-bottom: 15px;
}
.cus-pic-add-client .button-add-more-team-rate-card{
	margin-top: 10px;
}
.syarat-note-upload{
	display: block;
	text-align: center;
	font-size: 12px;
	color: #C6C6C6;
	font-style: italic;
}
.custom-form-modal-invoice .modal-body{
	padding: 0;
}
.custom-form-modal-invoice .modal-content{
	border-radius: 15px;
	border: none;
}
.search-form-invoice-create{
	position: relative;
	border-bottom: 1px solid #EBE3F8;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.input-search-invoice-auto{
	width: 100%;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 40px;
	padding-right:15px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	outline: none;
	border: none;
}
.search-icon-invo{
	position: absolute;
	left: 13px;
	top: 13px;
	font-size: 16px;
	color: #333030;
}
.search-form-invoice-result{
	position: relative;
	min-height: 220px;
}
.bginvoice-result{
	position: absolute;
	top: 40px;
	left: 0;
	right: 0;
	margin: auto;
	width: 100px;
}
.generated-invoice-section-1.generated-invoice-section-1-cus-invoice{
	border-bottom: none;
	padding-top: 30px;
	padding-bottom: 30px;
}
.container-content-all-quotation-in{
	position: relative;
}
h3.title-invoice-heading-view{
	color: #333030;
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 20px;
}
.list-item-quotation-heading-view{
	position: relative;
}
ul.l-item-quotation-heading-view{}
ul.l-item-quotation-heading-view li:last-child{
	border-bottom: none;
}
ul.l-item-quotation-heading-view li{
	list-style: none;
	border-bottom: 1px solid #d3d3d3;
	/* padding-left: 15px;
	padding-top: 20px;
	padding-bottom: 20px; */
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
	
}
.termin-list-item-invo a:hover{
	text-decoration: underline;
}
.termin-list-item-invo a{
	display: inline-block;
	margin-left: 15px;
	font-size: 12px;
	color: #6F38C5;
	font-weight: 500;
}
.termin-list-item-invo{
	position: relative;
	font-size: 11px;
	color: #C6C6C6;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.cta-button-invoice-link{
	position: absolute;
	right: 8px;
	top: 13px;
	width: 130px;
	text-align: center;
}
.bt-file-attach-invoice-info1 img{
	display: inline-block;
	width: 8px;
}
.bt-file-attach-invoice-info1:hover{
	background: #d1c3e9;
}
.bt-file-attach-invoice-info1{
	display: inline-block;
	width: 33px;
	height: 33px;
	text-align: center;
	border-radius: 8px;
	/* margin-left: 13px; */
	background: #F3EEFB;
	padding-top: 3px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.bt-file-attach-invoice-info2 img{
	width: 100%;
}
.bt-file-attach-invoice-info2{
	/* margin-left: 13px; */
	display: inline-block;
	width: 18px;
	text-align: center;
}
h4.quotation-number-invo-details{
	position: relative;
	color: #C6C6C6;
	font-size: 11px;
	font-weight: 400;
	margin-bottom: 10px;
}
h4.title-details-quotation-numb-invo{
	font-size: 13px;
	color: #28252D;
	font-weight: 500;
	margin-bottom: 30px;
}
h4.subtitle-invoice-heading-v{
	color: #C6C6C6;
	font-size: 11px;
	font-weight: 300;
}
.bt-view-quotation-page-invo:hover{
	background: #6C60D6;
	color: #fff;
}
.bt-view-quotation-page-invo{
	position: relative;
	font-size: 11px;
	color: #6C60D6;
	border: 1px solid #6C60D6;
	display: inline-block;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 9px;
	padding-bottom: 8px;
	font-weight: 400;
	border-radius: 5px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.bt-file-attach-invoice-info3:hover{
	color: #fff;
	background: #6C60D6;
	border: 1px solid #6C60D6;
}
.bt-file-attach-invoice-info3{
	display: inline-block;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 10px;
	color: #6C60D6;
	font-weight: 400;
	border: 1px solid #6C60D6;
	border-radius: 4px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
h4.title-quotation-number2{
	font-size: 13px;
	color: #28252D;
	font-weight: 500;
}
.quotation-numb-numb-detail-view h4{
	display: inline-block;
}
.quotation-numb-numb-detail-view{
	position: relative;
}
.bt-view-quotation-v i{
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}
.bt-view-quotation-v:hover{
	text-decoration: underline;
}
.bt-view-quotation-v{
	display: inline-block;
	color: #6F38C5;
	font-size: 11px;
	font-weight: 500;
	margin-left: 30px;
}
hr.line-div-invo-numb{
	height: 1px;
    width: 100%;
    background:#d3d3d3;
    border: none;
}
.wrap-section-list-invoie-generated-history{
	position: relative;
	margin-top: 25px;
}
ul.section-list-invoie-generated-history{}
ul.section-list-invoie-generated-history li{
	list-style: none;
	margin-bottom: 25px;
	padding-left: 15px;
	position: relative;
}
.item-invoice-generate-history-list i{
	font-size: 16px;
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
	color: #6F38C5;
}
.item-invoice-generate-history-list a:hover{
	text-decoration: underline;
}
.item-invoice-generate-history-list a{
	color: #333030;
}
.item-invoice-generate-history-list{
	position: relative;
	font-size: 11px;
	font-weight: 500;
	color: #333030;
	padding-right: 104px;
}
.bt-download-history-list-invo i{
	color: #6F38C5;
	font-size: 18px;
}
.bt-download-history-list-invo:hover{
	text-decoration: none !important;
	background: #dbcbf6;
}
.bt-download-history-list-invo{
	position: absolute;
	top: -9px;
	right: 0;
	font-size: 10px;
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	border: none;
	border-radius: 4px;
	background: #F3EEFB;
	color: #333030;
	pointer-events: none;
	cursor: default;
	opacity: 0.5;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.bt-download-history-list-invo.bt-download-history-generated-active{
	cursor: pointer;
	pointer-events: all;
	opacity: 1;
}
.select-option-submmited-pending-paid{
	position: absolute;
	top: 25px;
	right: 25px;
}
.notif-user-change-req{
	display: inline-block;
	position: relative;
	top: -2px;
	margin-left: 3px;
	background: #F99F03;
	color: #fff;
	width: 14px;
	height: 14px;
	padding-top: 1px;
	border-radius: 50%;
	text-align: center;
	font-size: 8px;
}
.user-info-list-detail-tab{
	position: relative;
}
.tab-user-ava{
	position: relative;
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 50%;
}
.tab-user-ava img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}
.tab-user-info h4{
	color: #333030;
	font-weight: 400;
	font-size: 11px;
	margin-bottom: 2px;
}
.tab-user-info h5{
	color: #adadad;
	font-weight: 400;
	font-size: 10px;
	margin-bottom: 0px;
}
.tab-user-info{
	margin-left: 40px;
}
input.apple-switch {
	position: relative;
	-webkit-appearance: none;
	outline: none;
	width: 40px;
	height: 20px;
	background-color: #fff;
	border: 1px solid #d9dadc;
	border-radius: 50px;
	cursor: pointer;
	box-shadow: inset -20px 0 0 0 #d1d1d1;
}
input.apple-switch:after {
	content: "";
	position: absolute;
	top: 1px;
	left: 1px;
	background: transparent;
	width: 16px;
	height: 17px;
	border-radius: 50%;
	background: #fff;
}
input.apple-switch:checked {
	box-shadow: inset 20px 0 0 0 #56A22A;
	border-color: #56A22A;
}
input.apple-switch:checked:after {
	left: 20px;
	box-shadow: -2px 4px 3px rgba(0, 0, 0, 0.05);
}
  
.select-option-quotation-cta-cus-user2.select-option-quotation-cta-cus-user.custom-select.select-option-quotation-cta{
	width: 150px;
}
.select-option-quotation-cta-cus-user.custom-select.select-option-quotation-cta{
	width: 130px;
}
.select-option-quotation-cta-cus-user .select-selected{
	background: #fff;
	border: 1px solid #C6C6C6;
}
.select-option-quotation-cta-cus-user .select-items div, .select-selected{
	
	font-size: 10px;
}
.bt-cta-action-llist-user:hover{
	color: #6F38C5;
}
.bt-cta-action-llist-user{
	color: #6F5991;
	font-size: 20px;
	display: inline-block;
	/* margin-right: 30px; */
	vertical-align: middle;
	margin-right: 5px;
}
.section-edit-user-popup{
	position: relative;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 30px;
	padding-bottom: 30px;
}
h3.heading-title-edit-usee-p{
	font-size: 22px;
	font-weight: bold;
	color: #333030;
	margin-bottom: 10px;
}
h4.subhead-title-edit-user-p a{
	color: #6F38C5;
}
h4.subhead-title-edit-user-p{
	font-size: 10px;
	color: #333030;
	line-height: 17px;
}
.form-input-edit-user-p{
	position: relative;
}
.form-input-edit-user-p .section-input-form-quotation{
	margin-bottom: 10px;
}
.none-password-request{
	position: relative;
	width: 130px;
	background: #E0E0E0;
	color: #AEAEAE;
	font-size: 11px;
	font-weight: 500;
	border-radius: 4px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 6px;
	padding-bottom: 6px;
	cursor: default;
}
.heading-title-invite-user a{
	color: #6F38C5;
}
.heading-title-invite-user{
	position: relative;
	margin-bottom: 20px;
	font-size: 12px;
	color: #333030;
	font-weight: 400;
}
.sec-com-info{
	position: relative;
}
.item-general-info:last-child{
	margin-bottom: 0;
}
.item-general-info{
	position: relative;
	margin-bottom: 6px;
	width: 80%;
}
.i-general-info img{
	width: 100%;
}
.i-general-info{
	position: relative;
	float: left;
	position: relative;
	width: 13px;
}
.i-general-text{
	margin-left: 25px;
	font-size: 11px;
	color: #333030;
	font-weight: 500;
	padding-top: 6px;
}
.bt-edit-general-info-icon:hover{
	color: #6F38C5;
}
.bt-edit-general-info-icon{
	position: absolute;
	top: 15px;
	right: 15px;
	display: inline-block;
	z-index: 2;
	font-size: 20px;
	color: #333030;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}

.data-table-all-quotation.data-table-all-quotation-cus-quot-note{
    padding: 0px;
}
.item-quotation-note-com-info:last-child{
	border-bottom: none;
}
.item-quotation-note-com-info{
	padding: 20px;
	border-bottom: 1px solid #D1C2E8;
}
.data-table-all-quotation-cus-gen-info{
	margin-bottom: 30px;
}
.box-2-col-quotation-note{
	position: relative;
	padding-right: 35px;
}
.box-quotation-note-com-info a{
	color: #F34239;
}
.box-quotation-note-com-info{
	position: relative;
	background: #F8F6FB;
	color: #333030;
	font-size: 11px;
	font-weight: 500;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.box-2-col-quotation-note .bt-edit-general-info-icon{
	top: 27%;
	right: 0;
}
.desc-toc-company-information{
	position: relative;
}
.desc-toc-company-information p{
	font-size:11px !important;
}
h4.title-toc-com-info{
	font-size: 11px;
	color: #333030;
	font-weight: 400;
	margin-bottom: 7px;
}
h4.title-toc-com-info ul{
	padding-left: 10px;
}
h4.title-toc-com-info ul li{
	list-style: none;
}
.sec-billing-address-info1{
	position: relative;
	margin-bottom: 20px;
}
.sec-billing-address-info1-img{
	float: left;
	width: 60px;
	height: 60px;
}
.sec-billing-address-info1-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.sec-billing-address-info1-info{
	position: relative;
	margin-left: 80px;
	padding-top: 12px;
}
h4.title-billing-add-1{
	font-size: 13px;
	font-weight: bold;
	color: #333030;
	margin-bottom: 5px;
}
h4.title-billing-add-2{
	font-size: 11px;
	font-weight: 500;
	color: #333030;
	margin-bottom: 5px;
}
.billing-add-branch{
	position: relative;
}
.bill-add-branch-1{
	position: relative;
	float: left;
	width: 100px;
}
.bill-add-branch-2{
	position: relative;
	margin-left: 110px;
}
h5.title-bill-add-br{
	color: #C6C6C6;
	font-size: 10px;
	font-weight: 400;
	margin-bottom: 5px;
}
h5.title-bill-add-br2{
	color: #333030;
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 5px;
}

.bt-create-term-com-in:hover{
	color: #fff;
	background: #6C60D6;
	border: 1px solid #6C60D6;
}
.bt-create-term-com-in i{
	font-size: 19px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
}
.bt-create-term-com-in{
	display: inline-block;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 14px;
	color: #6C60D6;
	font-weight: 500;
	border: 1px solid #6C60D6;
	border-radius: 4px;
	margin-bottom: 20px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.termin-sec-box-com-in{
	position: relative;

}
ul.wr-termin-sec-box-com-in li:last-child{
	border-bottom: none;
}
ul.wr-termin-sec-box-com-in li{
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #e6e6e6;
	list-style: none;
	position: relative;
}
ul.wr-termin-sec-box-com-in{
	background: #F8F6FB;
	padding: 15px;
}
.sec-item-termin-in-1{
	float: left;
	width: 50%;
	font-size: 12px;
	color: #333030;
	font-weight: 400;
	text-align: left;
}
.sec-item-termin-in-2{
	float: right;
	width: 50%;
	font-size: 12px;
	color: #333030;
	font-weight: 500;
	text-align: right;
}
.billing-address-img-c{
	position: relative;
	width: 65px;
	height: 65px;
	float: left;
}
.billing-address-img-c img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.billing-address-info-input-c{
	position: relative;
	margin-left: 65px;
	padding-left: 20px;
}
.termin-numb-top input{
	width: 70px;	
}
.bt-delete-termin-top:hover{
	color: #6F5991;
}
.bt-delete-termin-top{
	font-size: 20px;
	color: #6F5991;
	position: absolute;
	top: 0;
	right: 10px;
}
.item-termin-list-input{
	position: relative;
	margin-bottom: 10px;
}
.item-termin-list-input:nth-of-type(1) .bt-delete-termin-top{
	display: none;
}
.cus-edit-termin-in .item-termin-list-input:nth-of-type(1) .bt-delete-termin-top{
	display: block;
}
.wrap-item-list-termin-in{
	position: relative;
}
.bt-delete-pic-sec.bt-delete-ico{
	right: -5px;
	top: -16px;
	border: 4px solid #fff;
	display: block;
	width: 29px;
    height: 29px;
    font-size: 13px;
}

.bt-delete-manpower-sec.bt-delete-ico{
	right: -5px;
	top: -16px;
	border: 4px solid #fff;
	display: block;
	width: 29px;
    height: 29px;
    font-size: 13px;
}



.bt-delete-pic-secsd.bt-delete-ico{
	right: -5px;
	top: -16px;
	border: 4px solid #fff;
	display: block;
	width: 29px;
    height: 29px;
    font-size: 13px;
}


.pic-sec-add-n{
	position: relative;
	margin-bottom: 40px;
	border-top: 1px solid #D1C2E8;
}
.banner-role-access-create-role img{
	width: 60%;
}
.banner-role-access-create-role{
	position: relative;
	background: #fff;
    border-radius: 5px;
    box-shadow: 0px 2px 9px 1px rgb(174 174 174 / 30%);
    -webkit-box-shadow: 0px 2px 9px 1px rgb(174 174 174 / 30%);
    -moz-box-shadow: 0px 2px 9px 1px rgba(174,174,174,0.3);
	margin-bottom: 30px;
}
.bt-create-role-cta i{
	margin-left: 20px;
}
.bt-create-role-cta:hover{
	color: #fff;
    background: #411c7c;
}
.bt-create-role-cta{
	position: absolute;
	top: 35%;
	right: 10%;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	background: #6F38C5;
	color: #fff;
	border-radius: 5px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: inline-block;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.role-block-4-column{
	position: relative;
	margin-left: -15px;
	margin-right: -25px;
}
.item-box-column-role-access{
	position: relative;
	background: #fff;
    border-radius: 10px;
	margin-bottom: 30px;
	padding: 20px;
	
    box-shadow: 0px 2px 9px 1px rgb(174 174 174 / 10%);
    -webkit-box-shadow: 0px 2px 9px 1px rgb(174 174 174 / 10%);
    -moz-box-shadow: 0px 2px 9px 1px rgba(174,174,174,0.1);
}
h3.title-role-access-head{
	font-size: 23px;
	color: #333030;
	font-weight: 700;
	margin-bottom: 25px;
}
h4.all-user-total-role{
	font-size: 11px;
	color: #C6C6C6;
	font-weight: 300;
	margin-bottom: 3px;
}
.all-admin-role-avatar{
	position: relative;
	margin-bottom: 15px;
	padding-left: 12px;
}
/* .item-admin-role-ava:first-child{
	margin-left: 0;
} */
.item-admin-role-ava{
	width: 38px;
	height: 38px;
	border-radius: 50%;
	display: inline-block;
	position: relative;
	margin-left: -12px;
}
.item-admin-role-ava img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}
.bt-learn-more-admin-role:hover{
	color: #6F38C5;
}
.bt-learn-more-admin-role:hover{
	text-decoration: underline;
}
.bt-learn-more-admin-role{
	font-size: 12px;
	color: #6F38C5;
	font-weight: 500;
	display: inline-block;
}
.wrap-item-box-column-role-access{
	position: relative;
	width: 49%;
	display: inline-block;
	vertical-align: top;
	padding-right: 15px;
	padding-left: 15px;
}
.user-permission-list{
	position: relative;
}
.item-list-box-permission:last-child{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.item-list-box-permission{
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #6e38c53f;
}
.heading-title-list-box-permission{
	position: relative;
	font-size: 14px;
	color: #333030;
	margin-bottom: 15px;
	font-weight: 600;
}
h5.desc-user-permissions-info{
	font-size: 11px;
	line-height: 20px;
	color: #333030;
	font-weight: 400;
	margin-bottom: 0;
}
.bt-edit-user-permissions{
	position: absolute;
	top: -6px;
	right: 3px;
	font-size: 22px;
	color: #333030;
	cursor: pointer;
	z-index: 2;
}
h5.heading-title-role-edit-name{
	font-size: 10px;
	color: #C6C6C6;
	font-weight: 400;
	margin-bottom: 3px;
}
h4.title-name-in-role-edit-name{
	font-size: 14px;
	color: #333030;
	font-weight: 500;
	margin-bottom: 30px;
}
.bt-delete-role-access-permission i{
	font-size: 17px;
	margin-right: 10px;
}
.bt-delete-role-access-permission:hover{
	background: #a73333;
	color: #fff;
}
.bt-delete-role-access-permission{
	display: inline-block;
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #fff;
	background: #D64444;
	font-weight: 500;
	border-radius: 7px;
	font-size: 12px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
table.table-permission-access-check{
	width: 100%;
	position: relative;
}
/* The container-check */
.container-check {
	display: block;
	position: relative;
	padding-left: 35px;
	text-align: center;
	margin: auto;
	margin-bottom: 12px;
	cursor: pointer;
	border-radius:  8px;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* Hide the browser's default checkbox */
.container-check input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 18px;
	width: 18px;
	border-radius:  5px;
	background-color: #eee;
}
/* On mouse-over, add a grey background color */
.container-check:hover input ~ .checkmark {
	background-color: #ccc;
}
/* When the checkbox is checked, add a green background */
.container-check input:checked ~ .checkmark {
	background-color: #56A22A;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
/* Show the checkmark when checked */
.container-check input:checked ~ .checkmark:after {
	display: block;
}
/* Style the checkmark/indicator */
.container-check .checkmark:after {
	left: 7px;
	top: 3px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.table-permission-access-check tr td h4{
	font-weight: 500;
	color: #6F5991;
	font-size: 12px;
	margin-bottom: 10px;
}
.table-permission-access-check tr:last-child td{
	border-bottom: none !important;
}
.table-permission-access-check tr td{
	font-size: 11px;
	color: #333030;
	font-weight: 400;
	padding-bottom: 15px;
	padding-top: 15px;
	border-bottom: 1px dashed #e6e6e6;
}
.heading-th-table-permission td{
	border-bottom: none !important;
}
.table-permissions-check-role{
	position: relative;
	overflow-x: auto;
}
.data-table-all-quotation-cus-gen-info-cus-add{
	padding-top: 15px;
}
.desc-user-role-section-top-title{
	position: relative;
	margin-bottom: 20px;
}
h3.title-sec-role-user-h span{
	color: #A2A212;
}
h3.title-sec-role-user-h{
	font-size: 23px;
	color: #333030;
	font-weight: 700;
	margin-bottom: 5px;
}
h5.desc-role-user-h a{
	color: #6F38C5;
}
h5.desc-role-user-h{
	font-size: #333030;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
}
.item-users-edit-role-select-list:last-child{
	border-bottom: 0;
}
.item-users-edit-role-select-list-active{
	border-left: 4px solid #D66660 !important;
	background: #F8F6FB;
}
.item-users-edit-role-select-list{
	position: relative;
	padding-bottom: 15px;
    padding-top: 15px;
	padding-left: 10px;
    border-bottom: 1px dashed #e6e6e6;
	border-left: 4px solid transparent;
}
.edit-role-user-s{
	padding-top: 0;
	padding-bottom: 0;
}
.wrap-cta-role-select-op{
	position: relative;
}
.role-access-active-inactive-user{
	position: absolute;
	top: 7px;
	right: 20px;
}
.select-cus-role-s{
	color: #3841C5;
    padding: 8px 15px;
    cursor: pointer;
    user-select: none;
    font-size: 10px;
    font-weight: 500;
	background: #fff;
    border: 1px solid #C6C6C6;
	border-radius: 5px;
	width: 111px;
}
.select-cus-role-s.select-cus-role-s2{
	width: 130px;
}
.select-cus-role-s.select-cus-role-s3 option{
	background: #fff;
	color: #000;
	border: none;
}
.select-cus-role-s.select-cus-role-s3{
	background-color: #EDECF8;
	color: #3841C5;
	border: none;
}
.client-user-ava-list-i:hover{
	transform: scale(1.2);
}
.dashboard-box-info-graph{
	position: relative;
    background: #fff;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 5px;
	margin-bottom: 30px;
    box-shadow: 0px 2px 9px 1px rgb(174 174 174 / 30%);
    -webkit-box-shadow: 0px 2px 9px 1px rgb(174 174 174 / 30%);
    -moz-box-shadow: 0px 2px 9px 1px rgba(174,174,174,0.3);
    min-height: 245px;
}
.dashboard-box-info-graph-numb{
	position: relative;
	margin-bottom: 30px;
}
h2.heading-title-box-info-dash1{
	font-size: 60px;
	font-weight: 500;
	color: #333030;
	line-height: 60px;
	margin-bottom: 0;
}
h5.heading-title-box-info-dash1-title{
	font-size: 13px;
	font-weight: 400;
	color: #C6C6C6;
	margin-bottom: 0;
}
.wrap-indicator-bar-graph{
	position: relative;
}
.text-indicator-bar-graph{
	position: relative;
	font-size: 13px;
	font-weight: 400;
	color: #C6C6C6;
	margin-bottom: 4px;
}
.indicator-percent-bar-graph{
	position: absolute;
	top: 0;
	right: 0;
}
.bar-indicator-sec-bar.bar-indicator-sec-bar-cus-red .bar-indicator-sec-bar-in{
	background: #FF7777;
}
.bar-indicator-sec-bar.bar-indicator-sec-bar-cus-red{
	background: rgba(255,119,119, 0.2);
}
.bar-indicator-sec-bar{
	position: relative;
	height: 12px;
	background: rgba(214,214,68, 0.2);
	border-radius: 8px;
	overflow: hidden;
}
.bar-indicator-sec-bar-in{
	background: #D6D644;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	-webkit-animation-name: slideInLeft;
    -webkit-animation-duration: 0.5s;
    -moz-animation-name: slideInLeft;
    -moz-animation-duration: 0.5s;
    -ms-animation-name: slideInLeft;
    -ms-animation-duration: 0.5s;
    -o-animation-name: slideInLeft;
    -o-animation-duration: 0.5s;
    animation-name: fadeInLeft;
    animation-duration: 0.5s;
}
.client-user-avatar-all{
	padding-left: 15px;
	position: relative;
}
.client-user-ava-list-i img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
	position: relative;
}
.client-user-ava-list-i{
	width: 34px;
    height: 34px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    margin-left: -12px;
	overflow: hidden;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.link-user-all-list{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 13px;
	color: #fff;
	text-align: center;
	padding-top: 8px;
}
.heading-title-dashboard-chart-t{
	position: relative;
	margin-bottom: 30px;
}
h4.title-dashboard-chart-s{
	font-size: 22px;
	font-weight: 600;
	color: #333030;
}
.wrap-dashboard-menu-top-cus1.wrap-dashboard-menu-top{
	background: transparent;
	box-shadow: none;
}
.wrap-dashboard-menu-top-cus1 h3.title-dasboard-page{
	font-size: 32px;
}
.icon-right-sales-a{
	position: absolute;
	top: -5px;
	right: 0;
	width: 10px;
}
.icon-right-sales-a img{
	width: 100%;
}
.dashboard-box-info-graph-cus-recent{
	padding-bottom: 20px;
}
.list-item-recent-activity-dashboard{
	height: 280px;
	margin-right: -20px;
	overflow-y: auto;
}
.list-item-recent-activity-dashboard::-webkit-scrollbar {
	width: 4px;
} 
/* Track */
.list-item-recent-activity-dashboard::-webkit-scrollbar-track {
	background: transparent; 
}
/* Handle */
.list-item-recent-activity-dashboard::-webkit-scrollbar-thumb {
	background: #D0BBF2; 
}
/* Handle on hover */
.list-item-recent-activity-dashboard::-webkit-scrollbar-thumb:hover {
	background: #B891F6; 
}
.list-item-recent-activity.list-item-recent-activity-dashboard h5.title-item-recent-desc2{
	color: #333030;
}
.list-item-recent-activity.list-item-recent-activity-dashboard .item-recent-activity-time{
	font-size: 11px;
}
.list-item-recent-activity.list-item-recent-activity-dashboard h4.title-item-recent-desc{
	font-size: 11px;
}
.list-item-recent-activity.list-item-recent-activity-dashboard .item-recent-list ul li{
	padding-bottom: 10px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple{
	border: 1px solid #d3d3d3 !important;
    border-radius: 3px;
    font-size: 12px;
    /* padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
    padding-bottom: 6px; */
    height: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #d3d3d3 !important;
    outline: 0;
}
.select2-container--default .select2-selection--multiple{
	border: 1px solid #d3d3d3 !important;
    font-size: 12px;
}
.bt-delete-ico.bt-delete-product-type{
	right: -5px;
    top: 0px;
	z-index: 2;
    border: 4px solid #fff;
    display: block;
    width: 29px;
    height: 29px;
    font-size: 13px;
}
.add-more-product-output .trigger-product-name-block{
	margin-top: 20px;
}
.info-server-list-product{
	font-size: 11px;
	margin-bottom: 20px;
	display: none;
	border: 1px solid #d3d3d3;
    border-radius: 3px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.bt-delete-ico.bt-delete-price-rules-d{
	right: 20px;
    top: 10px;
	z-index: 2;
    border: 4px solid #fff;
    display: block;
    font-size: 18px;
	background: transparent;
	color: #6F38C5;
}
.wrap-all-discount-box-grand-total{
	position: relative;
	margin-bottom: 30px;
	padding-top: 35px;
	padding-bottom: 25px;
}
.wrap-all-discount-box-grand-total .text-subtotal-input-tot{
	font-size: 17px;
}
.wrap-all-discount-box-grand-total .numb-subtotal-input{
	width: 273px;
	font-size: 18px;
	text-align: right;
	color: #333030;
}
.wrap-all-discount-box-grand-total .wrap-sow-total-section{
	border-top: none;
	padding-top: 0px;
	margin-top: 0;
}
.img-signature-img{
	position: relative;
	height: 60px;
}
.img-signature-img img{
	height: 100%;
}
ul.list-signature-item{}
ul.list-signature-item li img{
	width: 18px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
}
ul.list-signature-item li span{
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	color: #333030;
}
ul.list-signature-item li{
	display: block;
	list-style: none;
	margin-bottom: 6px;
}
ul.signature-edit-list{}
ul.signature-edit-list li{
	list-style: none;
	border-bottom: 1px dashed #e6e6e6;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
}
.signature-edit-name-list-desc{
	position: relative;
	float: left;
	width: 220px;
}
h4.title-signature-text1{
	font-size: 12px;
	font-weight: 500;
	color: #333030;
	margin-bottom: 5px;
}
h4.title-signature-text2{
	font-size: 10px;
	font-weight: 400;
	color: #C6C6C6;
	margin-bottom: 0;
}
.signature-img-view-list{
	height: 40px;
	float: left;
	position: relative;
	margin-top: -10px;
}
.signature-img-view-list img{
	height: 100%;
}
.button-cta-signature-i{
	position: absolute;
	top: 20px;
	right: 20px;
}
.bt-signature-cta:hover{
	color: #333030;
}
.bt-signature-cta{
	font-size: 20px;
	color: #6F5991;
	margin-left: 40px;
	display: inline-block;
	vertical-align: middle;
}
.signature-input-b{
	height: 100px;
	display: none;
	margin-bottom: 10px;
}
.select-termin-input-top{
	display: none;
}
.select-termin-monthly-input-top{
	display: none;
}
.select-termin-i-monthly{
	display: inline-block;
	width: 100px;
}
.monthly-text-select{
	display: inline-block;
	font-size: 11px;
	color: #333030;
	font-weight: 400;
	padding-left: 7px;
}

.wrap-discount-subtotal-cat-detail2 h4.title-discount-cat-red{
	font-size: 15px;
}
.wrap-discount-subtotal-cat-detail2 .sub-total-all-sec-info-text1{
	font-size: 21px;
}
.wrap-discount-subtotal-cat-detail2 .sub-total-all-sec-info-text2{
	font-size: 21px;
}
.wrap-discount-subtotal-cat-detail2{
	border-top: 1px solid #6e38c53f;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 25px;
	padding-right: 25px;
}


#drop-zone3 {
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
	border: 2px dashed rgba(0, 0, 0, .3);
	border-radius: 5px;
	font-family: Arial;
	text-align: center;
	position: relative;
	font-size: 14px;
	color: #7E7E7E;
}
#drop-zone3 input {
	position: absolute;
	cursor: pointer;
	left: 0px;
	top: 0px;
	opacity: 0;
}
/*Important*/
.signature-invoice{
	margin-bottom: 10px;
}
#drop-zone3.mouse-over {
	border: 3px dashed rgba(0, 0, 0, .3);
	color: #7E7E7E;
}

#clickHere3 {
	display: inline-block;
	cursor: pointer;
	color: white;
	font-size: 14px;
	color: #7E7E7E;
}
#clickHere3:hover {
}

.signature-input-b3{
	height: 100px;
	display: none;
	margin-bottom: 10px;
}

.wrap-drop-dron{
	position: relative;
	clear: both;
	background: cyan;
}

label.error{
	position: absolute;
	left: 0;
	bottom: -20px;
    display: inline-block;
    margin-bottom: 0;
	width: 144px;
	z-index: 4;
    margin-top: 6px;
    /* position: absolute; */
    /* bottom: 0; */
    /* left: 0; */
    background: #ff0000;
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 3px;
    font-size: 11px;
}
label.error:before {
    content: "";
    position: absolute;
    top: -3px;
    left: 10px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #ff0000;
}	
 
/* .bt-sow-disabled{
	pointer-events: none !important;
	background: #e5e3e3;
	color: #b1b1b1;
} */

.highcharts-title{
	/* display: none; */
	/* visibility: hidden; */
	color: #fff !important;
	fill: transparent !important;
}
figure{
	margin: 0 !important;
}
.heading-title-dashboard-chart-t-cus-1{
	margin-bottom: 10px;
}

.title-invoice-numb-head span{
	display: inline-block;
	font-size: 9px;
	color: #000;
	margin-left: 14px;
}
.title-invoice-numb-head{
	position: absolute;
	right: 13px;
	top: -16px;
}
.bt-file-attach-invoice-info1 i{
	font-size: 14px;
	color: #6F38C5;
	padding-top: 4px;
}
.warning-popup-head-custom-create .text-warning-popup-top{
	margin-left: 0;
}
.item-create-quo-p{
	position: relative;
	margin-bottom: 15px;
}
.text-item-create-quo{
	font-size: 12px;
	color: #333030;
	margin-bottom: 10px;
	font-weight: 500;
}
.option-create-quotation{
	width: 100%;
	font-size: 11px;
	color: #333030;
	font-weight: 500;
	border: 1px solid #d3d3d3;
    border-radius: 3px;
	padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 6px;
}
.box-modal-form-quotation{
	padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 20px;
    padding-top: 40px;
}
.bt-link-new-sheet-quotation:hover{
	color: #6F38C5;
	border-color: #6F38C5;
}
.bt-link-new-sheet-quotation{
	display: inline-block;
	font-size: 11px;
	color: #333030;
	font-weight: 500;
	border: 1px solid #d3d3d3;
    border-radius: 3px;
	padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 6px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.
}
.bt-wrap-continue-create-q{	
    border-top: 1px solid #6e38c53f;
	margin-left: -20px;
	margin-right: -20px;
	margin-top: 20px;
	padding-top: 20px;
	text-align: center;
}
.continue-new-quotation{
	position: relative;
    display: inline-block;
    background: #6F38C5;
    color: #fff;
    font-size: 11px;
    border-radius: 4px;
    font-weight: 500;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 15px;
    padding-right: 15px;
    outline: none;
    border: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.bt-sow-disabled{
	pointer-events: none !important;
	background: #e5e3e3;
	color: #b1b1b1;
}

.filter-select-button{
	display: inline-block;
	background: rgb(111, 56, 197, 0.1);
	margin-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-top: 4px;
	border-radius: 4px;
}
.text-filter-group{
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	margin-bottom: 0;
}
.filter-group-dashboard-b{
	display: inline-block;
	vertical-align: middle;
}
.bt-default-range{
	font-size: 12px;
	color: #6F38C5;
	font-weight: 500;
	display: inline-block;
	vertical-align: middle;
}
.bt-default-ranges{
	font-size: 12px;
	color: #6F38C5;
	font-weight: 500;
}
.filter-group-dashboard-b button{
	width: auto !important;
	padding: 0 !important;
	display: inline-block;
	outline: none;
	background: transparent;
	border: none;
}
.digits-code{
	position: relative;
	margin-bottom: 5px;
}
.digits-code input{
	width: 40px;
	padding-top: 12px;
	padding-bottom: 12px;
	border: 1px solid #d3d3d3;
	color: #333030;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
}
.note-verification-code span{
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	line-height: 9px;
	font-size: 8px;
	background: #F34239;
	color: #fff;
	border-radius: 50%;
}
.note-verification-code{
	font-size: 9px;
	color: #F34239;
}
.cont-support{
	color: #333030 !important;
}
.or-code{
	color: #333030;
	padding-left: 8px;
	padding-right: 8px;
}
.notif-two-factor{
	margin-bottom: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
}
h3.title-two-factor-profile{
	color: #333030;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 13px;
}
h4.subtitle-two-profile{
	font-size: 11px;
	color: #C6C6C6;
	font-weight: 400;
}
.two-factor-disable-on-off{
	position: absolute;
	right: 20px;
	top: 10px;
}
span.disabled-on-off-text{
	display: inline-block;
	font-size: 10px;
	color: #D66660;
	vertical-align: middle;
}
.bt-apple-sw{
	display: inline-block;
	vertical-align: middle;
	padding-top: 5px;
}
.quotation-step-title-cus:before{
	display: none !important;
}
h4.paragraf-quotation-info-aunt span{
	color: #6F38C5;
}
h4.paragraf-quotation-info-aunt{
	font-size: 11px;
	color: #333030;
	margin-bottom: 30px;
	font-weight: 400;
	line-height: 19px;
}
.section-barcode-verification{
	position: relative;
	border-bottom: 1px solid #e7d7ff;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.img-barcode-verif{
	width: 35%;
	display: inline-block;
	vertical-align: middle;
	padding-left: 40px;
}
.img-barcode-verif img{
	width: 100%;
}
.secret-key-code{
	padding-left: 40px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 55%;
}
h4.secret-key-code-text{
	font-weight: 500;
	color: #333030;
	font-size: 13px;
	margin-bottom: 5px;
}
.input-secret-key-code-copy{
	position: relative;
}
.input-secret-key-code-copy input{
	width: 100%;
	padding-right: 40px;
	font-size: 14px;
	font-weight: 500;
	color: #333030;
	background: #f3f1f1;
	border: 1px solid #D8D7D7;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}
.copy-cliptoboard img{
	width: 14px;
}
.copy-cliptoboard:hover{
	background: #eee;
}
.copy-sec-tooltip{
	position: absolute;
	top: 0;
	right: 0;
	width: 36px;
	height: 100%;
	text-align: center;
}
.bt-copy-text-key img{
	width: 17px;
	position: relative;
	top: -2px;
}
.bt-copy-text-key{
	color: #333030;
    background: #fff;
    border: 1px solid #D8D7D7;
	height: 100%;
	padding-left: 8px;
	padding-right: 8px;
}
.tooltip1 {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
}
.tooltip1 .tooltiptext {
	visibility: hidden;
	width: 200px;
	background-color: #555;
	color: #fff;
	text-align: center;
	font-size: 10px;
	border-radius: 6px;
	padding: 5px;
	position: absolute;
	z-index: 1;
	bottom: 150%;
	left: 50%;
	margin-left: -100px;
	opacity: 0;
	transition: opacity 0.3s;
}
.tooltip1 .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
} 
.tooltip1:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}
.wrap-character-code-input{
	position: relative;
}
h4.text-character-code-i{
	font-size: 10px;
	color: #333030;
	font-weight: 400;
	margin-bottom: 7px;
}
.custom-inp-char-code{
	width: 230px;
	display: inline-block;
	border: 1px solid #d3d3d3;
    border-radius: 3px;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
	margin-right: 20px;
	text-transform: uppercase;
}
.input-f-quotation-item-char{
	position: relative;
}
.bt-submit-quot-item:hover {
    background: #411c7c;
    color: #fff;
}
.bt-submit-quot-item{
	position: relative;
    display: inline-block;
    background: #6F38C5;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    font-weight: 500;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 20px;
    padding-right: 20px;
    outline: none;
    border: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.text-backup-codes-item ul li{
	list-style: none;
	display: inline-block;
	width: 49%;
	text-align: left;
	font-size: 12px;
    font-weight: 500;
    color: #333030;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
}
.text-backup-codes-item{
    background: #f3f1f1;
    border: 1px solid #D8D7D7;
	max-width: 350px;
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
.bt-copy-backup-codes img{
	width: 14px;
}
.bt-copy-backup-codes:hover{
	background: #d6c3f9;
}
.bt-copy-backup-codes{
	position: relative;
    display: inline-block;
    border: 1px solid #6F38C5;
    color: #6F38C5;
    font-size: 12px;
	background: transparent;
    border-radius: 4px;
    font-weight: 500;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 20px;
    padding-right: 20px;
    outline: none;
	margin-right: 30px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.bt-download-backup-code img{
	width: 14px;
}
.bt-download-backup-code:hover{
    color: #6F38C5;
	background: #d6c3f9;
}
.bt-download-backup-code{
	position: relative;
    display: inline-block;
    border: 1px solid #6F38C5;
    color: #6F38C5;
    font-size: 12px;
	background: transparent;
    border-radius: 4px;
    font-weight: 500;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 20px;
    padding-right: 20px;
    outline: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}


.show-filter-date-dash-active{
	/* display: block !important; */
	-webkit-animation-name: fadeIn;
    -webkit-animation-duration: 0.5s;
    -moz-animation-name: fadeIn;
    -moz-animation-duration: 0.5s;
    -ms-animation-name: fadeIn;
    -ms-animation-duration: 0.5s;
    -o-animation-name: fadeIn;
    -o-animation-duration: 0.5s;
    animation-name: fadeIn;
    animation-duration: 0.5s;
}
.show-filter-date-dash{
	position: absolute;
	top: 40px;
	left: 0;
	background: #fff;
	border: 1px solid #eee;
	z-index: 99;
	display: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
ul.filter-date-dash{}
ul.filter-date-dash li{
	list-style: none;
	font-size: 12px;
	width: 150px;
}
ul.filter-date-dash li a:hover{
	background: #ddd;
}
ul.filter-date-dash li.active a{
	background-color: #08c;
    color: #fff;
}
ul.filter-date-dash li a{
	display: block;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 7px;
	padding-bottom: 7px;
	color: #000;
	-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.bt-default-ranges{
	font-size: 12px;
	color: #6F38C5;
	font-weight: 500;
}
.bt-click-date-fil{
	cursor: pointer;
}


.column-price-rules-2-left:before{
	content: "";
	position: absolute;
	right: 0;
	width: 15px;
	bottom: 15px;
	background: #707070;
	height: 1px;
}
.column-price-rules-2-left{
	position: relative;
	float: left;
	width: 30%;
	padding-right: 20px;
}
.column-price-rules-2-right{
	position: relative;
	width: 70%;
	float: right;
	padding-left: 4px;
}

.checklist-invopermonth{
	position: relative;
}
.text-checklist-invoper span{
	color: #FF0000;
}
.text-checklist-invoper{
	position: relative;
	font-size: 11px;
	color: #333030;
	float: left;
	top: -1px;
}
.checklist-invopermonth input{
	margin-right: 8px;
	float: left;
}

.bt-wrap-continue-create-q.bt-wrap-continue-create-q-cus-reject{
	border-top: none;
	padding-top: 0;
	text-align: right;
	margin-top: -10px;
	margin-right: 0px;
}
.text-warning-popup-top-cus-reject{
	font-size: 24px;
    font-weight: 700;
}
p.par-reject-quotation-desc a{
	color: #6F38C5;
}
p.par-reject-quotation-desc{
	font-size: 10px;
	color: #333030;
	font-weight: 500;
	line-height: 18px;
}
textarea.textarea-quotation-reject{
	font-size: 11px;
	width: 100%;
	height: 110px;
	border: 1px solid #d3d3d3;
	resize: none;
	padding: 15px;
}
.bt-wrap-continue-create-q-cus-reject .continue-new-quotation{
	padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 23px;
    padding-right: 23px;
}

.subtext-box-square-earnings{
	position: relative;
	font-size: 13px;
    font-weight: 400;
    color: #C6C6C6;
    margin-bottom: 0;
	margin-top: 10px;
}
.nominal-earnings{
	position: absolute;
	right: 0;
	top: 0;
    color: #333030;
}

ul.l-item-quotation-heading-view li.active .termin-list-item-invo{
	background: #F3EEFB;
	border-radius: 4px;
}

.pagination-product-item ul li i{
	font-size: 15px;
}

.continue-new-quotation:hover{
	background: #411c7c;
    color: #fff;
}

.pop-payment-date-cus{
    width: 234px !important;
}

.cus-payment-date{
	display: block !important;
	margin-bottom: 0px !important;
	font-size: 9px !important;
}
.box-style-form-cus-border{
	border: 3px solid #10AC54;
	padding: 15px;
}
.edit-parment-square-bt{
	position: absolute;
	right: 20px;
	top: 20px;
}

.box-style-form-cus-border .section-input-form-quotation{
	margin-bottom: 0;
}
.box-style-form-cus-border h4.title-sub-input-form-quotation{
	margin-bottom: 0;
}

+.custom-sync-list .item-quo-info:last-child{
	border-bottom: 0;
	padding-bottom: 0;
}
.custom-sync-list .item-quo-info{
	border-bottom: 1px dashed #e6e6e6;
	margin-bottom: 0;
	padding-bottom: 10px;
	padding-top: 10px;
}
.icon-sync-process{
	position: relative;
	width: 60%;
	max-width: 320px;
	margin: auto;
	margin-bottom: 40px;
}
.icon-sync-process img{
	width: 100%;
}
.all-bt-sync-wrap{
	position: relative;
	text-align: center;
}
.cta-sync img{
	width: 13px;
	margin-right: 5px;
}
.cta-sync{
	width: 100px;
	padding-top: 7px;
	padding-bottom: 7px;
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	text-transform: capitalize;
	outline: none;
	border: none;
	text-align: center;
	border-radius: 4px;
	
	-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.sync-purple:hover{
	background: #56279E;
}
.sync-purple{
	background: #6F38C5;
}
.sync-green:hover{
	background: #108D47;
}
.sync-green{
	background: #10AC54;
}
.sync-red:hover{
	background: #CF3B34;
}
.sync-red{
	background: #F34239;
}

.quo-numb-style{
	width: 140px;
}

.quo-client-style{
	width: 100px;
}

.quo-grand-style{
	width:100px;
}

.edit-wrap-notes-in{
	position: relative;
}
.edit-wrap-notes-in .cta-bt-edit-product{
	position: absolute;
	top: -5px;
	right: 0px;
}

.badge-payment-img{
	position: absolute;
	right: -10px;
	top: -17px;
	width: 120px;
	height: 80px;
}
.badge-payment-img img{
	width: 100%;
}
.bt-edit-payment-paid:hover{
	color: #6F38C5;
}
.bt-edit-payment-paid{
	display: inline-block;
	margin-left: 20px;
	font-size: 15px;
	position: relative;
	top: 1px;
	vertical-align: middle;
	color: #6F38C5;
}

.onesignal-bell-launcher-button{
	display: none !important;
}



.item-box-notif-floating-active{
	display: block !important;
	-webkit-animation-name: fadeInUp;
    -webkit-animation-duration: 0.5s;
    -moz-animation-name: fadeInUp;
    -moz-animation-duration: 0.5s;
    -ms-animation-name: fadeInUp;
    -ms-animation-duration: 0.5s;
    -o-animation-name: fadeInUp;
    -o-animation-duration: 0.5s;
    animation-name: fadeInUp;
    animation-duration: 0.5s;
}
.item-box-notif-floating{
	position: relative;
	display: none;
	/* position: fixed;
	top: 80px;
	right: 50px;
	z-index: 99; */
	background: #fff;
	box-shadow: 0px 2px 9px 1px rgb(174 174 174 / 30%);
    -webkit-box-shadow: 0px 2px 9px 1px rgb(174 174 174 / 30%);
    -moz-box-shadow: 0px 2px 9px 1px rgba(174,174,174,0.3);
	border-radius: 4px;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 15px;
	width: 400px;
	margin-bottom: 20px;
}
.item-box-notif-floating-1{
	border-bottom: 6px solid #F99A47;
}

.item-box-notif-floating-1 h3.title-notif-floating-text{
	color: #F99A47;
}

.item-box-notif-floating-2{
	border-bottom: 6px solid #F34E46;
}

.item-box-notif-floating-2 h3.title-notif-floating-text{
	color: #F34E46;
}


.item-notif-floating-icon{
	float: left;
	width: 25px;
}
.item-notif-floating-icon img{
	width: 100%;
}
.item-notif-floating-text{
	float: left;
	padding-left: 20px;
	padding-top: 5px;
}
h3.title-notif-floating-text{
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
}
h4.title-notif-floating-text-2 a:hover{
	color: #8e8a8a;
}
h4.title-notif-floating-text-2 a{
	color: #333030;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
h4.title-notif-floating-text-2{
	font-size: 12px;
	color: #333030;
	font-weight: 600;
	margin-bottom: 5px;
}
.bt-close-floating-notif img{
	width: 14px;
	display: inline-block;
}
.bt-close-floating-notif:hover{
	background: #D0CFD2;
}
.bt-close-floating-notif{
	position: absolute;
	top: 8px;
	right: 8px;
	width: 28px;
	height: 28px;
	background: #F8F6FB;
	text-align: center;
	border-radius: 50%;
	padding-top: 1px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.date-notif-floating-n{
	position: absolute;
	top: 14px;
	right: 50px;
	font-size: 10px;
	color: #333030;
	font-weight: 400;
}

.wrap-notif-floating-dash::-webkit-scrollbar {
	width: 1px;
} 
/* Track */
.wrap-notif-floating-dash::-webkit-scrollbar-track {
	background: transparent; 
}
/* Handle */
.wrap-notif-floating-dash::-webkit-scrollbar-thumb {
background: transparent; 
}
/* Handle on hover */
.wrap-notif-floating-dash::-webkit-scrollbar-thumb:hover {
	background: transparent; 
}
.wrap-notif-floating-dash{
	position: absolute;
	top: 80px;
	right: 50px;
	z-index: 99;
	/* max-height: 100%;
	overflow-y: auto; */
}

.signing-invoice-cus-disable{
	display: none;
}