/* 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: #fff;
	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: #9E9E9E;
}
:-moz-placeholder{ /* Firefox 18- */
   color: #9E9E9E;  
}
::-moz-placeholder{  /* Firefox 19+ */
   color: #9E9E9E;  
}
:-ms-input-placeholder{  
   color: #9E9E9E;  
}
.clear{
	clear: both;
}
.text-center{
	text-align: center !important;
}
.text-right{
	text-align: right !important;
}
.text-left{
	text-align: left !important;
}
/* ============================================================================== */

.all-wrap-login-dash{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
}
.img-login-left{
	position: relative;
	float: left;
	width: 40%;
	height: 100%;
}
.img-login-left img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.form-login-input-content{
	position: absolute;
	right: 0;
	top: 0;
	width: 60%;
	background: #fff;
	height: 100%;
	display: table;
}
.form-login-input-content-in{
	vertical-align: middle;
	display: block;
	display: table-cell;
}
.container-login-section-dash{
	position: relative;
	margin: auto;
	max-width: 370px;
	width: 90%;
}
.main-logo-login{
	position: relative;
	width: 150px;
	margin: auto;
	margin-bottom: 40px;
}
.main-logo-login img{
	width: 100%;
}
.title-login-dash-top{
	position: relative;
	margin-bottom: 20px;
}
h3.title-login-dash-top-1{
	font-size: 20px;
	font-weight: bold;
	color: #333030;
	margin-bottom: 5px;
}
h4.subtitle-login-dash-top-1{
	font-weight: 500;
	color: #9E9E9E;
	font-size: 12px;
}
.form-input-login-d{
	position: relative;
}
.item-f-input-login-d{
	position: relative;
	margin-bottom: 20px;
}
h4.title-f-input-login-d{
	font-size: 12px;
	color: #333030;
	font-weight: 500;
	margin-bottom: 6px;
}
.style-input-login-d{
	width: 100%;
    outline: none;
    font-size: 12px;
    color: #333030;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
}

.style-input-login-d::-webkit-input-placeholder{
	color: #66A555;
	/* museo */
 }
 .style-input-login-d:-moz-placeholder{ /* Firefox 18- */
	color: #66A555;
	/* museo */  
 }
 .style-input-login-d::-moz-placeholder{  /* Firefox 19+ */
	color: #66A555;
	/* museo */  
 }
 .style-input-login-d:-ms-input-placeholder{  
	color: #66A555;
	/* museo */  
 }
 
.submit-f-login:hover{
	background: #4f8241;
}
.submit-f-login{
	position: relative;
	width: 100%;
	background: #66A555;
	border-radius: 4px;
	text-align: center;
	color: #fff;
	font-weight: 500;
	padding-top: 9px;
	padding-bottom: 9px;
	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 {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    font-weight: 500;
    color: #66A555;
}
.bt-forgot-password-link:hover {
    text-decoration: underline;
    color: #4f8241;
}
.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: #4e4c4c;
	display: none;
}
.captcha-login-f{
	position: relative;
	width: 170px;
	margin-bottom: 20px;
}
.captcha-login-f img{
	width: 100%;
}
h4.text-email-login {
    font-size: 10px;
    color: #c5c5c5;
    font-weight: 400;
}
h5.title-f-login-input-box {
    font-size: 12px;
    color: #333030;
    font-weight: 500;
    margin-bottom: 6px;
}
/* #messagepassword {
    font-size: 10px;
    font-weight: 500;
    color: red;
} */
.note-forgot-password-box {
    font-size: 12px;
    font-weight: 500;
    color: #9E9E9E;
    margin-top: 20px;
}
.note-forgot-password-box span {
	color: #66A555;
}
.note-forgot-password-box a {
    color: #66A555;
}
.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 {
    font-size: 9px;
    color: #F34239;
}
.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%;
}
.cont-cup-c{
	color: #333030 !important;
}
.bt-signin-bt{
	position: relative;
	display: block;
    width: 100%;
    background: #66A555;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    font-weight: 500;
    padding-top: 9px;
    padding-bottom: 9px;
    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-signin-bt:hover {
    background: #4f8241;
	color: #fff;
}
.img-logout{
	width: 170px;
	margin: auto;
	margin-bottom: 30px;
}
.img-logout img{
	width: 100%;
}

/* menu left */
.wrap-dashboard-menu-left-active{
	left: 0 !important;
}
.wrap-dashboard-menu-left{
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	width: 250px;
	background: #fff;
	border-right: 1px solid #E8E8E8;
	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: -41px;
	top: 0;
	background: #55A94B;
	display: none;
}
.bt-open-menu-left-dash{
	width: 40px;
	height: 40px;
	background: #55A94B;
	color: #fff;
	cursor: pointer;
	text-align: center;
	padding-top: 5px;
	font-size: 20px;
}
.bt-close-menu-left-dash{
	width: 40px;
	height: 40px;
	background: #55A94B;
	color: #fff;
	cursor: pointer;
	text-align: center;
	padding-top: 5px;
	font-size: 20px;
}

.logo-dashboard-menu img{
	width: 100%;
}
.logo-dashboard-menu{
	margin-left: 30px;
	width: 50%;
	margin-bottom: 40px;
}
.wrap-menu-list-left{
	position: relative;
	padding-left: 30px;
	padding-right: 20px;
}
ul.menu-list-left li.menu-item-has-children{
	padding-bottom: ;
}
ul.menu-list-left li a i{
	margin-right: 7px;
	display: inline-block;
}
ul.menu-list-left li img{
	width: 16px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 10px;
}
ul.menu-list-left > li > a{
	
	padding-left: 25px;
	padding-right: 20px;
}
ul.menu-list-left li a{
	color: #252525;
	font-size: 12px;
	text-transform: capitalize;
	opacity: 1;
	font-weight: 400;
	padding-top: 9px;
	padding-bottom: 9px;
	position: relative;
	-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;
	position: relative;
	padding-top: 9px;
	padding-bottom: 9px;
}
ul.menu-list-left li.active{
}
ul.menu-list-left li.active > a{
	opacity: 1 !important;
	font-weight: 500;
	background: #E8F0F1;
	border-radius: 4px;
}
ul.menu-list-left li a:hover{
	opacity: 1 !important;
	font-weight: 500;
	background: #E8F0F1;
	border-radius: 4px;
}
ul.menu-list-left li{
	display: block;
}
ul.menu-list-left ul{
	padding-left: 37px;
	padding-top: 4px;
	padding-left: 52px;
	display: none;
}
ul.menu-list-left ul li:last-child{
	margin-bottom: 0;
	padding-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;
	list-style: none; */
}
ul.menu-list-left ul li a{
	padding-top: 9px;
	padding-bottom: 9px;
}
ul.menu-list-left ul li{
	position: relative;
	padding-top: 9px;
	padding-bottom: 9px;
	
	list-style: none;
}
ul.menu-list-left > li > a > span{
	position: absolute;
	top: 8px;
	left: 0;
	width: 21px;
	height: 21px;
	color: #252525;
}

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: #252525;
	-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: 20px;
	bottom: 0;
	left: 0;
	width: 90%;
	background: #fff;
	padding-left: 40px;
	font-size: 13px;
	color: #fff;
}

.wrap-dashboard-menu-top{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	padding-left: 250px;
	padding-top: 13px;
	padding-bottom: 13px;
	background: #fff;
	border-bottom: 1px solid #E8E8E8;
	z-index: 11;
	height: 53px;
	/* 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: 20px;
	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;
}
h4.title-dasboard-page{
	font-size: 16px;
	font-weight: 500;
	color: #575757;
	line-height: 27px;
	text-transform: capitalize;
	margin-bottom: 0px;
}
.sec-icon-cta-account{
	position: absolute;
	right: 20px;
	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: 0px;
	right: 0px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: 1px solid rgb(234, 234, 234);
	background: #F06548;
}
.i-cta-bt-search-notif{
	display: inline-block;
	color: #000;
	width: 30px;
	height: 30px;
	border-radius: 5px;
	text-align: center;
	padding-top: 4px;
	font-size: 18px;
	position: relative;
}
.icon-profile-bt img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}
.icon-profile-bt{
	display: block;
	color: #000;
	width: 30px;
	height: 30px;
	border-radius: 50%;
}
.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;
	border-radius: 4px;
}
.item-list-notification-icon{
	float: left;
	width: 25px;
	height: 25px;
	border-radius: 4px;
}
.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;
}
.search-bar-mn-top{
	position: relative;
	background: #F3F3F3;
	width: 160px;
	border-radius: 7px;
}
.f-i-searcbar-top{
	width: 100%;
	outline: none;
	background: transparent;
	border: none;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 30px;
	font-size: 12px;
}
.searchbar-ic{
	position: absolute;
	left: 7px;
	top: 2px;
	font-size: 16px;
	color: #C5C9C6;
	z-index: 1;
}
.searchbar-ic img{
	width: 16px;
}
.wrap-dashboard-content{
	position: relative;
    padding-left: 250px;
    padding-top: 50px;
    padding-bottom: 30px;
}
.container-content-all-quotation-in{
	position: relative;
}
.container-content-all-quotation {
    position: relative;
    margin: auto;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.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;
}

.filter-select-button{
	display: inline-block;
	background: #F7F9FB;
	border:	1px solid #DBDCDF;
	margin-bottom: 20px;
	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;
	color: #333030;
}
.filter-group-dashboard-b{
	display: inline-block;
	vertical-align: middle;
}
.bt-default-range{
	font-size: 12px;
	color: #1B4824;
	font-weight: 500;
	display: inline-block;
	vertical-align: middle;
}
.filter-group-dashboard-b button{
	width: auto !important;
	padding: 0 !important;
	display: inline-block;
	outline: none;
	background: transparent;
	border: none;
	color: #1B4824;
}
.wrap-recent-activity-slide-active{
	right: 0 !important;
	/* -webkit-animation-name: slideInRight;
    -webkit-animation-duration: 0.5s;
    -moz-animation-name: slideInRight;
    -moz-animation-duration: 0.5s;
    -ms-animation-name: slideInRight;
    -ms-animation-duration: 0.5s;
    -o-animation-name: slideInRight;
    -o-animation-duration: 0.5s;
    animation-name: slideInRight;
    animation-duration: 0.5s; */
}
.wrap-recent-activity-slide{
	position: fixed;
	right: -100%;
	top: 0;
	width: 250px;
	height: 100vh;
	background: #fff;
	border-left: 1px solid #E8E8E8;
	z-index: 999;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 30px;
	padding-bottom: 40px;
	overflow-y: auto;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.recent-bg-activity-active{
	overflow-y: hidden;
}
.recent-bg-activity-active:before{
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0, 0.5);
	z-index: 110;
	-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;
}
.wrap-recent-activity-slide::-webkit-scrollbar {
	width: 7px;
}
/* Track */
.wrap-recent-activity-slide::-webkit-scrollbar-track {
	background: #f1f1f1; 
}
/* Handle */
.wrap-recent-activity-slide::-webkit-scrollbar-thumb {
background: #CFD6DE; 
}
/* Handle on hover */
.wrap-recent-activity-slide::-webkit-scrollbar-thumb:hover {
	background: #b0b5bb; 
}
h3.heading-title-recent-activity{
	font-size: 15px;
	font-weight: 600;
	color: #575757;
	margin-bottom: 20px;
}
ul.wrap-list-item-activity-recent{
	position: relative;
	border-left: 1px dashed #333030;
}
li.list-item-activity-recent{
	list-style: none;
	padding-left: 20px;
	position: relative;
	margin-bottom: 20px;
}
li.list-item-activity-recent:before{}
li.list-item-activity-recent:before{
	content: "";
	position: absolute;
	left: -9px;
	top: -2px;
	width: 18px;
	height: 18px;
	background: #fff;
	border-radius: 50%;
}
.list-item-activity-recent.l-item-recent-red:before{
	border: 3px solid #FF7777;
}
.list-item-activity-recent.l-item-recent-green:before{
	border: 3px solid #55A94B;
}
h4.title-recent-activity-1 a{
	color: #333030;
}
h4.title-recent-activity-1{
	color: #333030;
	font-size: 11px;
	font-weight: 500;
	margin-bottom: 5px;
}
h4.title-recent-activity-2{
	color: #9E9E9E;
	font-size: 11px;
	font-weight: 400;
	margin-bottom: 7px;
}
h4.title-recent-activity-3{
	color: #9E9E9E;
	font-size: 11px;
	font-weight: 400;
	margin-bottom: 0px;
}
.bt-recent-activity img{
	width: 23px;
}
.bt-recent-activity{
	position: absolute;
	right: 0px;
	top: 0;
	width: 38px;
	height: 38px;
	text-align: center;
	padding-top: 5px;
	background: #F7F9FB;
    border: 1px solid #DBDCDF;
	border-radius: 4px;
	cursor: pointer;
}
.box-dash-column{
	background: #F7F9FB;
    border: 1px solid #DBDCDF;
    border-radius: 4px;
	position: relative;
	padding-top: 25px;
	padding-bottom: 19px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 20px;
	position: relative;
	-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-dash-column-in{
	position: relative;
}
.title-box-dash-col-4{
	font-size: 14px;
	font-weight: 500;
	color: #575757;
	height: 45px;
}
.title-box-dash-col-4-2{
	position: relative;
}
span.title-dash-info-text-numb{
	display: inline-block;
	font-size: 22px;
	font-weight: 600;
	color: #575757;
	margin-bottom: 0;
	vertical-align: middle;
}
.icon-box-dash-info-img{
	width: 23px;
	display: inline-block;
	margin-right: 15px;
	vertical-align: middle;
}
.icon-box-dash-info-img img{
	width: 100%;
}
.padding-column-cus .row{
	margin-right: -10px;
    margin-left: -10px;
}
.padding-column-cus .col-lg-3, .col-lg-8, .col-lg-4, .col-lg-12{
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.dropdown-total-pembiayaan-drop{
	right: 0px !important;
	left: unset !important;
	float: none !important;
	transform: translate3d(0px, 23px, 0px) !important;
	outline: none;
	border: 1px solid #DBDCDF;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	min-width: 130px;
}
.dropbtn {
	background-color: #F5F5FD;
	color: #000;
	font-size: 10px;
	border: none;
	cursor: pointer;
	
}
.dropdown-total-pembiayaan .btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255, 0);
}
.dropbtn:hover {
   /* color: #fff;
     background-color: #218838;
    border-color: #1e7e34; */
}
.dropdown-total-pembiayaan .dropdown-item{
	padding: 4px 10px;
	font-size: 12px;
	text-align: right;
	cursor: pointer;
}

.dropdown-total-pembiayaan .dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #E8F0F1;
}

.dropdown-total-pembiayaan{
	position: relative;
	
}
.wrap-dropdown-total-pembiayaan-cus2{
	display: inline-block;
	position: relative;
}
.wrap-dropdown-total-pembiayaan-cus2 .button-tot-pembiayaan img{
	margin-right: 5px;
}
.wrap-dropdown-total-pembiayaan-cus2 .button-tot-pembiayaan{
	background: transparent;
	color: #9E9E9E;
}
.wrap-dropdown-total-pembiayaan{
	position: absolute;
	top: -5px;
	right: 0;
}
.custom-text-padding-right{
	padding-right: 100px;
}
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 
		0px rgba(0, 0, 0, 0.2);
	z-index: 1;
}

.dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

.dropdown-content a:hover {
	background-color: #f1f1f1
}

.dropdown:hover .dropdown-content {
	display: block;
}

.dropdown:hover .dropbtn {
	background-color: #3e8e41;
}
h3.title-box-info-dashboard{
	color: #575757;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 30px;
}
.highcharts-title{
	color: #fff !important;
	fill: transparent !important;
	/* display: none; */
	/* visibility: hidden; */
	/* font-size: 22px !important;
	text-transform: capitalize !important;
	text-align: left !important;
    font-weight: 600 !important;
    color: #333030 !important; */
}
.highcharts-background{
	background: #F7F9FB;
	fill: none ;
}
.content-graph-revenue{}
.cta-bt-top-section{
	position: absolute;
	top: -10px;
	right: 0;
}
.bt-cta-view-all-data-table-recent-app:hover{
	color: #56A22A;
}
.bt-cta-view-all-data-table-recent-app{
	font-size: 11px;
	color: #575757;
	font-weight: 500;
}
.table-recent-aplication{
	position: relative;
}
table.tab-table-recent-aplication{
	width: 100%;
	border: none;
}
table.tab-table-recent-aplication th{
	font-size: 12px;
	color: #9E9E9E;
	font-weight: 500;
	text-transform: uppercase;
	padding-bottom: 25px;
}
table.tab-table-recent-aplication td{
	font-size: 13px;
	color: #252525;
	font-weight: 500;
	padding-bottom: 20px;
}
.column-head-width{
	width: 20%;
}
.column-head-width2{
	width: 28%;
}
.column-head-width3{
	width: 12%;
}
.column-head-width-restered1{
	width: 35%;
}
.column-head-width-restered2{
	width: 21%;
}
.column-head-width-restered{
	width: 22%;
}
h4.title-recent-app-1 a{
	color: #56A22A;
}
h4.title-recent-app-1{
	color: #56A22A;
	text-transform: uppercase;
	margin-bottom: 4px;
	font-size: 12px;
}
h4.title-recent-app-2{
	color: #707070;
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 4px;
}
h4.title-recent-app-norm{
	color: #252525;
	font-size: 13px;
}
.title-recent-app-norm-capital{
	text-transform: uppercase;
}
.status-buble-info{
	font-size: 11px;
	font-weight: 600;
	display: inline-block;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 13px;
	padding-right: 13px;
	border-radius: 20px;
	text-transform: capitalize;
}
.status-submmited{
	background: #ffe1b9;
	color: #EC8500;
}
.status-approved{
	background: #a9f5fb;
	color: #007178;
}
.status-reject{
	background: #F34239;
	color: #fff;
}
.status-proses{
	background: #bbdbff;
	color: #0876F3;
}
.img-tab-reistered-info{
	position: relative;
	display: inline-block;
	float: left;
	width: 20px;
	margin-right: 6px;
	vertical-align: middle;
}
h4.title-recent-reg-1{
	color: #252525;
	font-size: 13px;
	text-transform: capitalize;
	margin-bottom: 5px;
}
h4.title-recent-reg-2{
	color: #9E9E9E;
	font-size: 10px;
	margin-bottom: 0px;
}
h4.title-recent-regist-norm img{
	width: 18px;
	margin-right: 7px;
	vertical-align: middle;
	display: inline-block;
}
h4.title-recent-regist-norm{
	font-size: 13px;
	font-weight: 500;
	color: #9E9E9E;
}
.custom-title-verif{
	font-weight: 600 !important;
	color: #575757 !important;
}
h2.subtitle-shipment-history{
	font-size: 16px;
	font-weight: 600;
	color: #9E9E9E;
	margin-bottom: 25px;
}
.t-dash-custom1{
	margin-bottom: 8px !important;
}
.wrap-shipment-history{
	position: relative;
	margin-left: -20px;
	margin-right: -20px;
	padding-right: 20px;
	padding-left: 20px;
}
.section-content-shipment-history{
	position: relative;
	height: 455px;
	overflow-y: auto;
	padding-right: 20px;
	margin-right: -20px;
}
.section-content-shipment-history::-webkit-scrollbar {
	width: 7px;
}
  
/* Track */
.section-content-shipment-history::-webkit-scrollbar-track {
	background: #f1f1f1; 
}
   
/* Handle */
.section-content-shipment-history::-webkit-scrollbar-thumb {
background: #CFD6DE; 
}
  
/* Handle on hover */
.section-content-shipment-history::-webkit-scrollbar-thumb:hover {
	background: #b0b5bb; 
}


ul.tab-bt-shipment-history{
	margin: 0;
	padding: 0;
	padding-bottom: 50px;
}
ul.tab-bt-shipment-history li.m-active{
	border-bottom: 4px solid #55A94B;
}
ul.tab-bt-shipment-history li{
	float: left;
	width: 33.333%;
	padding-bottom: 10px;
	font-size: 13px;
	font-weight: 600;
	color: #575757;
	text-align: center;
	list-style: none;
	cursor: pointer;
	border-bottom: 4px solid #DBDCDF;
}
ul.item-list-shipment-history{
	margin: 0;
	padding: 0;
}
ul.item-list-shipment-history > li{
	list-style: none;
	padding-bottom: 25px;
	padding-top: 15px;
	border-bottom: 1px dashed #DBDCDF;
	position: relative;
}
.heading-title-shipment-his{
	position: relative;
	margin-bottom: 20px;
}
.logo-shipment-his img{
	width: 22px;
}
.logo-shipment-his{
	width: 40px;
	height: 40px;
	padding-top: 6px;
	background: #55A94B;
	border-radius: 6px;
	text-align: center;
	float: left;
}
.info-text-shipment-his{
	margin-left: 55px;
}
h4.title-info-shipment-1{
	font-size: 14px;
	text-transform: capitalize;
	color: #9E9E9E;
	margin-bottom: 3px;
}
h4.title-info-shipment-2{
	font-size: 14px;
	text-transform: uppercase;
	color: #575757;
	margin-bottom: 0px;
}
.status-bar-info-h{
	position: absolute;
	top: 5px;
	right: 0;
	font-size: 12px;
    font-weight: 600;
    display: inline-block;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 20px;
    text-transform: capitalize;
}
.list-shipping-info-text{
	position: relative;
	padding-left: 20px;
}
ul.item-list-shipping-info-text:before{
	content: "";
	border-left: 1px dashed #252525;
	position: absolute;
	left: 0;
	top: 20px;
	bottom: 20px;
	width: 1px;

}
ul.item-list-shipping-info-text{
	margin: 0;
	padding: 0;
	position: relative;
}
/* ul.item-list-shipping-info-text li:first-child{
	top: -5px;
} */
ul.item-list-shipping-info-text li:last-child{
	padding-bottom: 0;
	/* bottom: -20px; */
}
ul.item-list-shipping-info-text li{
	list-style: none;
	padding-bottom: 18px;
	margin-left: -11px;
	position: relative;
}
.item-shipping-info-text-img  img{
	width: 100%;
}
.item-shipping-info-text-img{
	width: 20px;
	height: 20px;
	float: left;
}
.item-shipping-info-text-desc{
	margin-left: 30px;
}
h4.title-shipment-status-bar-list{
	font-size: 12px;
	text-transform: capitalize;
	color: #9E9E9E;
	font-weight: 500;
	margin-bottom: 3px;
}
h4.title-shipment-status-bar-list2{
	font-size: 12px;
	text-transform: capitalize;
	color: #252525;
	font-weight: 500;
	margin-bottom: 0px;
}
.status-delivered{
	background: #cfffc9;
    color: #55A94B;
}
.item-tab-shipment-history-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;
}
.item-tab-shipment-history{
	position: relative;
	display: none;
	-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;
}
/* scrool to top */
.el_totop:hover{
	opacity: 1;
}
.el_totop{
	opacity: 0.5;
	background: #000;
	color: #fff;
	background:#55A94B;
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 50px;
	height: 50px;
	text-align: center;
	padding-top: 10px;
	display: inline-block;
	cursor: pointer;
	font-size: 20px;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-ms-transition: all 300ms;
	-o-transition: all 300ms;
	transition: all 300ms;
	z-index: 99999;
}
.el_totop.eltophide{
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}


.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-top: 10px;
	margin-bottom: 25px;
	padding-left: 30px;
	padding-right: 30px;
}
.searchbar-quotation-customer{
	position: relative;
	width: 250px;
}
.searchbar-quotation-customer.searchbar-quotation-customer-custom-faq{
	display: inline-block;
}
.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;
	border: 1px solid #DBDCDF;
	background: transparent;
	outline: 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: 30px;
	top: 0;
}
.filter-select-status-datatable{
	display: inline-block;
	margin-left: 4px;
	vertical-align: middle;
	margin-left: 10px;
}
.input-date-range-filter-by{
	display: inline-block;
	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: 130px;
	text-align: left;
	background: transparent;
	border: 1px solid #DBDCDF;
	color: #9a9a9a;
	font-weight: 400;	
	font-size: 11px;
	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: #55A94B;
}
.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;
}
.bt-cta-action-list-quotation2 img{
	width: 17px;
}
.bt-cta-action-list-quotation2 i{
	font-size: 5px;
}
.bt-cta-action-list-quotation2:hover{
	color: #55A94B;
}
.bt-cta-action-list-quotation2{
	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 tbody tr{
	background-color: #F3F3F3 !important;
}
.table.dataTable tbody tr.even{
	background-color: #F3F3F3 !important;
}
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;
	background: #F7F9FB;
}
.cus-1-row-quot{
	width: 140px;
	background: cyan;
}
#example thead th:nth-of-type(3){
	width: 140px;
}



.cus-curency-width-auto #example thead th:nth-of-type(2){
	width: 300px;
}
.cus-curency-width-auto #example thead th:nth-of-type(3){
	width: 160px;
}
.cus-curency-width-auto #example thead th:nth-of-type(4){
	width: 160px;
}
.cus-curency-width-auto #example thead th:nth-of-type(5){
	width: 160px;
}
.cus-curency-width-auto #example thead th:nth-of-type(6){
	width: 160px;
}
.cus-curency-width-auto #example thead th:nth-of-type(7){
	width: 160px;
}
.cus-curency-width-auto #example thead th:nth-of-type(8){
	width: 160px;
}

.style-status-box{
	font-size: 10px;
	text-align: center;
	display: inline-block;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 20px;
	font-weight: 600;
	text-transform: capitalize;
}
.bg-status-quo-submmitted{
	background: #ffe7c8;
	color: #EC8500;
}
.bg-status-quo-approved{
	background: #a4e5e9;
	color: #007178;
}
.bg-status-quo-rejected{
	background: #FED6D4;
	color: #F34239;
}
.bg-status-quo-diproses{
	background: #c3dfff;
	color: #0876F3;
}
.bg-status-quo-pengiriman{
	background: #c6ffde;
	color: #185933;
}
.bg-status-quo-completed{
	background: #e5ff9e;
	color: #252525;
}


.bg-status-quo-onreview{
	background: #DCDEFF;
	color: #3841C5;
}
.bg-status-quo-pending{
	background: #FFF1D4;
	color: #F3BC4C;
}
.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: #185933;
}
h4.text-quo-list-tab a{
	color: #185933;
	font-weight: 600;
}
h4.text-quo-list-tab{
	font-size: 12px;
	color: #333030;
	font-weight: 400;
	clear: both;
 }
/*.dt-body-center{
	text-align: right !important;
}
.example-select-all{
	display: inline-block !important;
} */
table.dataTable.display tbody tr td:first-child{
	padding-left: 28px;
}
input.checkinputquo {
    left: 0;
    position: relative;
    display: inline-block;
}
table.dataTable.display>tbody>tr.odd>.sorting_1, table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_1{
	/* padding-left: 35px;*/
	box-shadow: none; 
}
table.dataTable.display>tbody>tr.even>.sorting_1, table.dataTable.order-column.stripe>tbody>tr.even>.sorting_1{
	 box-shadow: none;
	/*padding-left: 32px; */
}
table.dataTable.display tbody tr:hover>.sorting_1, table.dataTable.order-column.hover tbody tr:hover>.sorting_1{
	box-shadow: none;
	/* background: #e9e8e8; */
}
table.dataTable thead>tr>th:nth-of-type(1){
	padding-left: 26px;
}
table.dataTable tbody th, table.dataTable tbody td{
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 0;
	padding-right: 15px;
	background: #F7F9FB;
	vertical-align: top;
}
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; */
	border: none;
}
table.dataTable.stripe>tbody>tr.odd>*, table.dataTable.display>tbody>tr.odd>* {
    box-shadow: none;
	background: transparent;
}
table.dataTable.hover>tbody>tr:hover>*, table.dataTable.display>tbody>tr:hover>* {
    box-shadow: none;
	background-color: #e9e8e8;
}
.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;
	color: #9E9E9E !important;
	font-weight: 600;

}
.dataTables_wrapper .dataTables_paginate .paginate_button:active{
	background: #F5F5FD !important;
	color: #000 !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: #F5F5FD !important;
	color: #000 !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;
	right: 36px;
	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: #55A94B;
	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.dataTable.no-footer{
	border-bottom: 0;
}
table.dataTable thead th:last-child{
	border-right: 1px solid #DBDCDF;
}
table.dataTable thead th:first-child{
	border-left: 1px solid #DBDCDF;
}
table.dataTable thead th, table.dataTable thead td{
	border-top: 1px solid #DBDCDF;
	border-bottom: 1px solid #DBDCDF;
}
.table-quotation-in tr,td{
	position: relative !important;
}
.table-quotation-in{
	margin: initial !important;
}
input.checkinputquo {
    left: -4px;
    position: relative;
}
.button-delete-quotation-check{
	position: absolute;
	display: none;
	left: 18px;
	top: -25px;
}
.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; 
}
.table-pembiayaan0{
	width: 5% !important;
}
.table-pembiayaan1{
	width: 13% !important;
}
.table-pembiayaan2{
	width: 15% !important;
}
.table-pembiayaan3{
	width: 15% !important;
}
.table-pembiayaan4{
	width: 12% !important;
}
.table-pembiayaan5{
	width: 15% !important;
}
.table-pembiayaan6{
	width: 20% !important;
}
.table-pembiayaan7{
	width: 5% !important;
}
.showperrow{
	font-size: 12px;
	font-weight: 400;
	color: #575757;
	margin-right: 10px;
}
.dataTables_wrapper .dataTables_paginate{
	text-align: center;
	left: 0;
	right: 0;
	width: 100%;
}
.wrap-table-quotation-inv{
	position: relative;
}
.content-dashboard-custom-bg{
	background: #f0f1f5;
	min-height: 100vh;
}
.breadcumb-info-page{
	position: relative;
}
.breadcumb-info-page ul{
	margin: 0;
	padding: 0;
}
.breadcumb-info-page ul li a:hover{
	color: #252525;
}
.breadcumb-info-page ul li a{
	color: #C5C9C6;
    transition:0.3s;


}
.breadcumb-info-page ul li{
	list-style: none;
	display: inline-block;
	padding-right: 6px;
	font-size: 14px;
	color: #575757;
	font-weight: 600;
	position: relative;
}
.breadcumb-info-page ul li:last-child:after{
	display: none;
}
.breadcumb-info-page ul li:after{
	content: "/";
	display: inline-block;
	color: #C5C9C6;
	font-size: 16px;
	font-weight: 400;
	padding-left: 10px;
}
.section-heading-pembiayaan-info{
	position: relative;
	margin-bottom: 20px;
}
.head-main-title-pembiayaan-info{
	position: relative;
	margin-bottom: 15px;
}
h3.title-pembiayaan-info-single{
	color: #252525;
	font-size: 20px;
	font-weight: 600;
	display: inline-block;
}
.bt-select-pembiayaan-edit-info{
	position: relative;
	display: inline-block;
	margin-left: 20px;
	vertical-align: middle;
}
.subinfo-pembiayaan-single{
	position: relative;
}
.subinfo-pembiayaan-single ul li:last-child{
	border-right: 0;
	padding-right: 0;
}
.subinfo-pembiayaan-single ul li span{
	color: #575757;
	display: inline-block;
}
.subinfo-pembiayaan-single ul li{
	color: #9E9E9E;
	font-size: 11px;
	list-style: none;
	display: inline-block;
	font-weight: 400;
	border-right: 1px solid #9E9E9E;
	padding-right: 10px;
	margin-right: 5px;
}
.all-wrap-pembiayaan-detail-box{
	position: relative;
}
.wrap-pembiayaan-detail-box{
	position: relative;
}
.box-pembiayaan-detail-info{
	position: relative;
	border: 1px solid #DBDCDF;
    border-radius: 4px;
	background: #fff;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.pembiayaan-detail-import:last-child{
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}
.pembiayaan-detail-import{
	position: relative;
	border-bottom: 1px solid #DBDCDF;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
h4.title-pembiayaan-text{
	font-size: 17px;
	font-weight: 600;
	color: #252525;
	margin-bottom: 17px;
	position: relative;
}
ul.column-detail-import-pembiayaan{
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}
ul.column-detail-import-pembiayaan li{
	list-style: none;
	display: inline-block;
	width: 24.1111%;
	vertical-align: top;
}
h4.detail-import-pembiayaan-text1{
	font-size: 11px;
	color: #9E9E9E;
	margin-bottom: 4px;
	font-weight: 400;
}
h4.detail-import-pembiayaan-text1-code{
	font-size: 11px;
	color: #333030;
	margin-bottom: 4px;
	font-weight: 500;
}

h4.detail-import-pembiayaan-text2{
	font-size: 12px;
	color: #252525;
	margin-bottom: 0;
	font-weight: 400;
	line-height: 18px;
	text-transform: uppercase;
	word-wrap: break-word;
	padding-right: 5px;
}
.icon-delivery-detail{
	width: 24px;
	display: inline-block;
	margin-right: 6px;
}
.item-list-section-pembiayaan-text:last-child{
	margin-bottom: 0;
}
.item-list-section-pembiayaan-text{
	position: relative;
	margin-bottom: 20px;
}
.custom-text-det-impo{
	width: 50%;
}
h4.title-pembiayaan-text2{
	font-size: 14px;
	font-weight: 600;
	color: #252525;
	margin-bottom: 20px;
}
.row-pembiayaan-2-col{
	position: relative;
}
.input-currency-pembiayaan-detail{
	position: relative;
}
h4.title-input-currency-rmb-detail{
	font-size: 11px;
    color: #252525;
    margin-bottom: 5px;
    font-weight: 400;
}
.text-medium{
	font-weight: 600 !important;
}
.form-input-currency-rmb-info{
	position: relative;
	padding-right: 130px;
	display: none;
}
.style-form-input-text{
	position: relative;
	font-size: 11px;
	color: #575757;
	font-weight: 400;
	border: 1px solid #DBDCDF;
	border-radius: 4px;
	width: 100%;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 6px;
	padding-right: 6px;
	outline: none;
	z-index: 2;
}
input.style-form-input-text:focus
{
    border: 1px solid #55A94B;
    outline: 0;
}
.cta-input-currency-rmb{
	position: absolute;
	top: 1px;
	right: 0;
}
.save-currency-rmb:hover{
	background: #408638;
}
.save-currency-rmb{
	outline: none;
	border: none;
	background: #55A94B;
	color: #fff;
	border-radius: 4px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
	display: inline-block;
	width: 50px;
	font-size: 10px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.cancel-currency-rmb:hover{
	background: #bdbdc4;
}
.cancel-currency-rmb{
	outline: none;
	border: none;
	background: #F5F5FD;
	color: #575757;
	border-radius: 4px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
	display: inline-block;
	width: 60px;
	font-size: 10px;
	margin-left: 3px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.span-message-error-active{
	display: block !important;
}
.span-message-error{
	display: none;
	font-size: 10px;
	color: #D1293D !important;
	font-weight: 400;
	margin-top: 5px;
}
.box-p-detail-custom{
	min-height: 145px;
}
.box-p-detail-custom2{
	min-height: 170px;
	padding-bottom: 5px;
}
.wrap-cta-edit-detail{
	position: absolute;
	top: -5px;
	right: -4px;
	z-index: 3;
}

.wrap-cta-edit-detail-edit-verif{
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 3;
}
.bt-cta-edit{
	font-size: 18px;
	color: #185933;
	cursor: pointer;
}
.bt-cta-edit:hover{
	color: #185933;
}
.bt-cta-edit2-code{
	font-size: 18px;
	color: #185933;
	cursor: pointer;
}
.bt-cta-edit2-code:hover{
	color: #185933;
}
.bt-cta-edit2{
	font-size: 18px;
	color: #185933;
	cursor: pointer;
}
.bt-cta-edit2:hover{
	color: #185933;
}

.bt-cta-edit2:hover{
	color: #185933;
}
.bt-cta-edit3:hover{
	color: #185933;
}
.bt-style-edit3{
	font-size: 18px;
	color: #185933;
	cursor: pointer;
}

.bt-style-edit3:hover{
	color: #185933;
}
.bt-cta-edit2-cus-akun:hover{
	color: #185933;
}
.bt-cta-edit:last-child{
	margin-left: 10px;
}
.bt-cta-edit.custom-delete-i{
	color: #9E9E9E;
}
.bt-cta-edit2{
	font-size: 18px;
	color: #185933;
	cursor: pointer;
}
.bt-cta-edit3{
	font-size: 18px;
	color: #185933;
	cursor: pointer;
}
.bt-cta-edit2-cus-akun{
	font-size: 18px;
	color: #185933;
	cursor: pointer;
}
.bt-cta-edit-final-log:hover{
	color: #185933;
}
.bt-cta-edit-final-log{
	font-size: 18px;
	color: #185933;
	cursor: pointer;
}
.input-currency-pembiayaan-detail-active .cta-input-currency-rmb{
	display: block !important;
}
/* .style-form-input-text.style-edit-text-inline{
	padding: 0;
	border: none;
	color: #252525;
}
.input-currency-pembiayaan-detail-active .style-edit-text-inline{} */
.row-pembiayaan-2-col .col-lg-6{
	padding-left: 10px;
	padding-right: 10px;
}
.wrap-form-input-final-fee-logistic{
	position: relative;
}
.form-input-final-fee-logistic:last-child{}
.form-input-final-fee-logistic{
	position: relative;
	margin-bottom: 30px;
}
.final-fee-disable{
	opacity: 0.5;
}
.final-fee-disable input{
	pointer-events:none;
}
.wrap-dokumen-customers{
	position: relative;
}
.item-dokumen-customers-list:last-child{
	border-bottom: none;
	margin-bottom: 0;
}
.item-dokumen-customers-list{
	position: relative;
	border-bottom: 1px solid #DBDCDF;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.item-dokumen-customers-list-title{
	font-size: 11px;
	color: #575757;
	font-weight: 500;
	float: left;
	width: 150px;
	padding-top: 7px;
}
.item-dokumen-customers-list-doc{
	margin-left: 150px;
}
button.bt-style-customer-doc:hover{
	background: #3e7d37;
	color: #fff;
}
.info-icon-dokumen-customer button.bt-style-customer-doc:hover{
	background: #3e7d37;
}
.info-icon-dokumen-customer button.bt-style-customer-doc{
	border: none;
	background: #55A94B;
	color: #fff;
}
button.bt-style-customer-doc{
	font-size: 11px;
	border-radius: 4px;
	border: 1px solid #55A94B;
	display: inline-block;
    padding-top: 7px;
    padding-bottom: 7px;
	background: transparent;
    padding-left: 10px;
    padding-right: 10px;
    outline: none;
	color: #55A94B;
	/* background: #55A94B; */
}
.dokumen-disable .bt-send-doc-cus{
	background: #F5F5FD;
	color: #C5C9C6;
}
.dokumen-disable button.bt-style-customer-doc:hover{
	background: #F5F5FD;
}
.dokumen-disable button.bt-style-customer-doc{
	color: #C5C9C6;
	font-size: 11px;
	background: #F5F5FD;
	border: none;
}
.info-icon-dokumen-customer{
	position: absolute;
	top: 0;
	right: 0;
}
.info-icon-dokumen-customer ul li{
	list-style: none;
	display: inline-block;
	margin-left: 15px;
	vertical-align: middle;
}
.bt-send-doc-cus:hover{
	color: #fff;
	background: #2278d9;
}
.bt-send-doc-cus i{
	font-size: 11px;
}
.bt-send-doc-cus{
	color: #fff;
	background: #288CFE;
	width: 27px;
	height: 27px;
	padding-top: 0px;
	display: inline-block;
	text-align: center;
	border-radius: 3px;
}

.bt-check-doc-cus i{
	font-size: 14px;
}
.bt-check-doc-cus{
	color: #fff;
	background: #288CFE;
	width: 27px;
	height: 27px;
	padding-top: 0px;
	display: inline-block;
	text-align: center;
	border-radius: 50%;
}

.bt-delete-doc-cus i{
	font-size: 14px;
}
.bt-delete-doc-cus:hover{
	color: #252525;
	background: #e1e1e9;
}
.bt-delete-doc-cus{
	color: #252525;
	background: #F5F5FD;
	width: 27px;
	height: 27px;
	padding-top: 0px;
	display: inline-block;
	text-align: center;
	border-radius: 3px;
}


.fileUpload {
	/* position: relative;
	float: right;
	background-color: #fff;
	text-align: center;
	width: 28%;
	padding-top: 12px;
	padding-bottom: 12px; */
  }
.fileUpload2 {
	/* position: relative;
	float: right;
	background-color: #fff;
	text-align: center;
	width: 28%;
	padding-top: 12px;
	padding-bottom: 12px; */
  }
  .uploadBtn {
	position: relative;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	width: 100px;
	filter: alpha(opacity=0);
	height: 50px;
	text-align: center;
	opacity: 1;
	display: none;
  }
  .uploadBtn2 {
	position: relative;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	width: 100px;
	filter: alpha(opacity=0);
	height: 50px;
	text-align: center;
	opacity: 1;
	display: none;
  }
  .cus-input-file{
	float: left;
	width: 10%;
	background: transparent;
	border-top: 1px solid #fff;
	  border-bottom: 1px solid #fff;
	  border-left: 4px solid #fff;
	  border-right: 4px solid #fff;
	  padding-left: 20px;
	  padding-right: 20px;
	  padding-top: 10px;
	  padding-bottom: 10px;
	  outline: none;
	  font-size: 20px;
	  color: #fff;
	  font-weight: 300;
  }
  .input-form-text2 p{
	text-align: right;
	color: #b2b2b2;
	/* museo */
	font-style: italic;
	font-size: 11px;
	margin-top: 5px;
}
.style-box-dokument-cus i{
	font-size: 17px;
}
.style-box-dokument-cus{
	font-size: 9px;
    color: #575757;
    font-weight: 400;
    border: 1px solid #DBDCDF;
    border-radius: 4px;
    width: 200px;
    padding-top: 5px;
    padding-bottom: 4px;
    padding-left: 6px;
    padding-right: 6px;
	position: relative;
}
.text-upload-file-kontrak{
	display: inline-block;
    width: 111px;
    overflow: hidden;
    vertical-align: middle;
    top: -2px;
    position: relative;
    margin-left: 6px;
}
.text-upload-file-kontrak2{
	display: inline-block;
    width: 111px;
    overflow: hidden;
    vertical-align: middle;
    top: -2px;
    position: relative;
    margin-left: 6px;
}
.kontrak-section-box-upload{
	display: none;
}
.kontrak-section-box-upload2{
	display: none;
}
a.bt-delete-file-kontrak-upload i{
	font-size: 13px;
}
a.bt-delete-file-kontrak-upload:hover{
	background: #55A94B;
}
a.bt-delete-file-kontrak-upload{
	position: absolute;
    top: 5px;
    right: 6px;
    width: 18px;
    height: 18px;
    text-align: center;
    color: #fff;
    background: #575757;
    border-radius: 50%;
    font-size: 8px;
    padding-top: 2px;
}
a.bt-delete-file-kontrak-upload2 i{
	font-size: 13px;
}
a.bt-delete-file-kontrak-upload2:hover{
	background: #55A94B;
}
a.bt-delete-file-kontrak-upload2{
	position: absolute;
    top: 5px;
    right: 6px;
    width: 18px;
    height: 18px;
    text-align: center;
    color: #fff;
    background: #575757;
    border-radius: 50%;
    font-size: 8px;
    padding-top: 2px;
}
.download-doc-cus{
	width: 100%;
}
a.bt-download-file-kontrak-upload{
	position: absolute;
    top: 5px;
    right: 7px;
    width: 13px;
    text-align: center;
    border-radius: 50%;
    font-size: 8px;
    padding-top: 2px;
}
a.bt-download-file-kontrak-upload2{
	position: absolute;
    top: 5px;
    right: 7px;
    width: 13px;
    text-align: center;
    border-radius: 50%;
    font-size: 8px;
    padding-top: 2px;
}

.section-bukti-pembayaran{
	position: relative;
	margin-bottom: 30px;
}
h4.title-pembayaran-dp-text{
	font-size: 11px;
    color: #9E9E9E;
    margin-bottom: 2px;
    font-weight: 400;
}
.sec-dp-pembayaran-bukti{
	position: relative;
}
.item-dp-pembayaran-bukti{
	position: relative;
	float: left;
	font-size: 13px;
	font-weight: bold;
	color: #252525;
	width: 160px;
}
.item-select-bukti-pembayaran-paid{
	margin-left: 160px;
	width: 80px;
}
.select-paid-unreleased.select-paid-unreleased-cus{
	background: #e7e7e7;
	color: #9E9E9E;
}
.select-paid-unreleased{
	color: #55A94B;
    padding: 3px 5px;
    cursor: pointer;
    user-select: none;
    font-size: 8px;
    font-weight: 500;
    background: #caffc4;
	border: none;
    border-radius: 20px;
    width: 80px;
	position: relative;
	top: -3px;
	text-transform: uppercase;
}
/* .select-paid-unreleased option[value="paid"] {
	background: #caffc4;
	color: #55A94B;
}
.select-paid-unreleased option[value="unreleased"] {
	background: #9E9E9E;
	color: #9E9E9E;
}
   */
.item-bukti-pembayaran-img{
	margin-left: 260px;
	position: relative;
	margin-top: -29px;
}
.item-bukti-pembayaran-img ul li .text-upload-file-kontrak{
	width: 75px;
}
.item-bukti-pembayaran-img ul li .style-box-dokument-cus{
	width: 140px;
	margin-bottom: 5px;
}
.item-bukti-pembayaran-img ul li{
	list-style: none;
	margin-right: 4px;
	display: inline-block;
}
.item-list-section-pembiayaan-text-dp:last-child{
	margin-bottom: 0;
	border-bottom: none;
}
.item-list-section-pembiayaan-text-dp{
	position: relative;
	border-bottom: 1px solid #DBDCDF;
	margin-bottom: 30px;
}
.pembiayaan-detail-import-cus-nomargin{
	padding-bottom: 0;
}
.text-analisa-input{
	position: relative;
}
.wrap-box-customer-info{
	position: relative;
}
.item-box-customer-info-detail1{
	position: relative;
	margin-bottom: 20px;
}
.item-customer-info-detail-ava{
	width: 45px;
	height: 45px;
	border-radius: 50%;
	float: left;
}
.item-customer-info-detail-ava img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}
.item-customer-info-detail-desc{
	margin-left: 60px;
}
.customer-info-detail-name{
	font-size: 15px;
	font-weight: 500;
	color: #252525;
	text-transform: capitalize;
}
.customer-info-detail-name span{
	display: inline-block;
	margin-right: 10px;
}
.customer-info-detail-name img{
	width: 20px;
	margin-left: 1px;
}
.customer-info-detail-desc{
	font-size: 11px;
	font-weight: 500;
	color: #9E9E9E;
}
h4.title-customer-detail2{
	font-size: 14px;
    font-weight: 600;
    color: #252525;
    margin-bottom: 20px;
}
h4.title-customer-detail2-phone{
	font-size: 11px;
	color: #575757;
	font-weight: 500;
	margin-bottom: 4px;
}
h4.title-customer-detail2-mail a{
	color: #288CFE;
}
h4.title-customer-detail2-mail{
	font-size: 11px;
	color: #288CFE;
	font-weight: 500;
	margin-bottom: 0px;
}
.bt-view-customer-detail-link{
	padding-top: 30px;
	position: relative;
	text-align: center;
}
.bt-view-customer-detail-link a i{
	margin-left: 10px;
}
.bt-view-customer-detail-link a{
	color: #252525;
	font-weight: 500;
	font-size: 12px;
}
.box-dp-paid{
	font-size: 10px;
	color: #163523;
	background: #b8e2c9;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 4px;
	padding-bottom: 4px;
	display: inline-block;
	font-weight: 600;
}
.box-dp-paid-waiting{
	font-size: 10px;
	color: #252525;
	background: #ffe7c8;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 4px;
	padding-bottom: 4px;
	display: inline-block;
	font-weight: 600;
}
.select-pembiayaan-status.select-pembiayaan-status-cus-approved{
	background: #a4e5e9;
    color: #007178;
}
.select-pembiayaan-status.select-pembiayaan-status-cus-diproses{
	background: #c3dfff;
    color: #0876F3;
}
.bt-select-pembiayaan-edit-info:before{
	content:"\f107";
	font-family:"Fontawesome",sans-serif;
	font-size: 14px;
	vertical-align: middle;
	position: absolute;
	top: 2px;
	right: 10px;
	z-index: 2;
	width: 10px;
	height: 4px;
}
.select-pembiayaan-status {
	-webkit-appearance: none;
  -moz-appearance: none;
	position: relative;
    /* color: #EC8500; */
    padding: 8px 10px;
    cursor: pointer;
    user-select: none;
    font-size: 10px;
    font-weight: 500;
    /* background: #f4e3cd; */
    border: none;
    border-radius: 20px;
    width: 140px;
    position: relative;
    top: -3px;
    text-transform: uppercase;
}
.note-currency-modified{
	font-size: 9px;
	font-style: italic;
	font-weight: 400;
	color: #9E9E9E;
}
.cta-input-currency-rmb2{
	position: absolute;
	top: -3px;
	right: 0;
	z-index: 1;
}
.save-currency-rmb2:hover{
	background: #408638;
}
.save-currency-rmb2{
	outline: none;
	border: none;
	background: #55A94B;
	color: #fff;
	border-radius: 4px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	display: inline-block;
	width: 60px;
	font-size: 10px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.cancel-currency-rmb2:hover{
	background: #bdbdc4;
}
.cancel-currency-rmb2{
	outline: none;
	border: none;
	background: #F5F5FD;
	color: #575757;
	border-radius: 4px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	display: inline-block;
	width: 70px;
	font-size: 10px;
	margin-left: 3px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}


.cta-input-currency-rmb3{
	position: absolute;
	top: -3px;
	right: 0;
	z-index: 3;
}

.save-currency-rmb3:hover{
	background: #408638;
}
.save-currency-rmb3{
	outline: none;
	border: none;
	background: #55A94B;
	color: #fff;
	border-radius: 4px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	display: inline-block;
	width: auto;
	min-width: 110px;
	font-size: 10px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.cancel-currency-rmb3:hover{
	background: #bdbdc4;
}
.cancel-currency-rmb3{
	outline: none;
	border: none;
	background: #F5F5FD;
	color: #575757;
	border-radius: 4px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	display: inline-block;
	width: 70px;
	font-size: 10px;
	margin-left: 3px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.box-pembiayaan-detail-info-in{
	position: relative;
}
.item-shipping-date-info:last-child{
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}
.item-shipping-date-info{
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #DBDCDF;
}
.date-icon-cus i {
    position: absolute;
    top: 7px;
    right: 15px;
    color: #288CFE;
    font-size: 17px;
    z-index: 4;
}
.wrap-form-input-final-fee-logistic .form-input-currency-rmb-info{
	padding-right: 0;
}
.wrap-form-input-final-fee-logistic .input-currency-pembiayaan-detail:nth-child(2){
	/* margin-bottom: 10px; */
}
.wrap-form-input-final-fee-logistic .input-currency-pembiayaan-detail{
	margin-bottom: 30px;
}
.img-avatar-customer-top img{
	width: 100%;
}
.img-avatar-customer-top{
	position: relative;
	display: inline-block;
	width: 45px;
	height: 45px;
	border-radius: 5px;
	border: 2px solid #288CFE;
	overflow: hidden;
	vertical-align: middle;
	margin-right: 15px;
	background: #F5F5FD;
}
.searchbar-quotation-customer-cus{
	display: inline-block;
	vertical-align: middle;
}
.datepickerformat{
	border: 1px solid #d3d3d3;
    border-radius: 3px;
	color: #9a9a9a;
    font-size: 11px;
    padding-left: 10px;
    padding-right: 40px;
    padding-top: 6px;
    padding-bottom: 6px;
    height: auto;
	width: 100%;
}
.input-date-range-filter-by i {
    position: absolute;
    top: 6px;
    right: 10px;
    color: #288CFE;
    font-size: 17px;
    z-index: 4;
}
.table-customer-tb0{
	width: 5%;
}
.table-customer-tb1{
	width: 25%;
}
.table-customer-tb2{
	width: 18%;
}
.table-customer-tb3{
	width: 17%;
}
.table-customer-tb4{
	width: 10%;
}
.table-customer-tb5{
	width: 15%;
}
.table-customer-tb6{
	width: 15%;
}
.table-customer-tb7{
	width: 10%;
}

.table-customer-tb0-cus{
	width: 5%;
}
.table-customer-tb1-cus{
	width: 24%;
}
.table-customer-tb2-cus{
	width: 14% !important;
}
.table-customer-tb3-cus{
	width: 14%;
}
.table-customer-tb4-cus{
	width: 6%;
}
.table-customer-tb5-cus{
	width: 15%;
}
.table-customer-tb6-cus{
	width: 15%;
}
.table-customer-tb7-cus{
	width: 7%;
}

h4.title-recent-cusper-1 a{
    color: #333030;
}
h4.title-recent-cusper-1{
	font-size: 12px;
    color: #333030;
    font-weight: 400;
}
h4.title-recent-cusper-2{
    color: #9E9E9E;
	font-size: 12px;
    font-weight: 400;
}
.customer-personal-tb h4.title-recent-regist-norm{
	font-size: 12px;
}

.custom-text-right1{
	text-align: right !important;
	padding-right: 40px !important;
}
.custom-text-right2{
	text-align: right !important;
	padding-right: 32px !important;
}
.wrap-customer-personal-box{
	position: relative;
	width: 100%;
	padding-left: 120px;
	padding-right: 120px;
	margin: auto;
}
.wrap-customer-personal-box-in{
	position: relative;
}
.box-customer-personal-sec{
	position: relative;
    border: 1px solid #DBDCDF;
    border-radius: 4px;
    background: #fff;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.section-customer-personal-sec-ava{
	position: relative;
	margin-bottom: 30px;
}
.section-customer-personal-sec-ava-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}
.section-customer-personal-sec-ava-img{
	width: 50px;
	height: 50px;
	float: left;
	border-radius: 50%;
}
.section-customer-personal-sec-ava-desc{
	margin-left: 65px;
	position: relative;
	padding-top: 7px;
}
h4.title-customer-personal-sec1{
	font-size: 11px;
	color: #9E9E9E;
	font-weight: 400;
	margin-bottom: 2px;
}
h4.title-customer-personal-sec2{
	font-size: 16px;
	color: #252525;
	font-weight: 600;
	margin-bottom: 0px;
}
.wrap-customer-personal-tab-menu-left{
	position: relative;
}
ul.customer-personal-tab-menu-left{
	position: relative;
}
ul.customer-personal-tab-menu-left li i{
	font-size: 17px;
	width: 30px;
	vertical-align: middle;
}
ul.customer-personal-tab-menu-left li:hover{
	background: #F5F5FD;
	color: #55A94B;
}
ul.customer-personal-tab-menu-left li.active{
	background: #F5F5FD;
	color: #55A94B;
}
ul.customer-personal-tab-menu-left li{
	list-style: none;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 20px;
	color: #575757;
	font-size: 12px;
	cursor: pointer;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.heading-title-box-customer-personal{
	position: relative;
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
    border-bottom: 1px solid #DBDCDF;
}
.heading-title-box-customer-personal h3{
	font-size: 14px;
	color: #252525;
	font-weight: 600;
}
.box-customer-personal-sec.box-customer-personal-sec-cus-pers{
	padding-top: 0;
}
.item-overview-cus-per{
	position: relative;
	margin-bottom: 20px;
}
.customer-personal-overview{
	position: relative;
	padding-top: 20px;
}
.info-note-total-pengajuan{
	font-size: 10px;
	color: #9E9E9E;
	position: absolute;
	top: 22px;
	right: 20px;
}
.wrap-list-history-pengajuan{
	position: relative;
	overflow-y: auto;
	overflow-x: auto;
	height: 260px;
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px;
}
.wrap-list-history-pengajuan::-webkit-scrollbar {
	width: 7px;
} 
/* Track */
.wrap-list-history-pengajuan::-webkit-scrollbar-track {
	background: #f1f1f1; 
}
/* Handle */
.wrap-list-history-pengajuan::-webkit-scrollbar-thumb {
background: #CFD6DE; 
}
/* Handle on hover */
.wrap-list-history-pengajuan::-webkit-scrollbar-thumb:hover {
	background: #b0b5bb; 
}


.item-list-history-pengajuan{
	position: relative;
	padding-top: 25px;
	padding-bottom: 11px;
    border-bottom: 1px solid #DBDCDF;
}
h3.title-history-pengajuan-text1{
	color: #185933;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
}
h3.title-history-pengajuan-text2{
	color: #575757;
	font-size: 11px;
	font-weight: 500;
	text-transform: uppercase;
}
h3.title-history-pengajuan-text3{
	color: #575757;
	font-size: 11px;
	font-weight: 500;
}
.col-col-1{
	width: 20%;
	float: left;
}
.col-col-2{
	width: 22%;
	float: left;
}
.col-col-3{
	width: 20%;
	float: left;
}
.col-col-4{
	width: 25%;
	float: left;
}
.col-col-5{
	width: 13%;
	float: left;
	text-align: left;
}
.item-overview-cus-per h4.detail-import-pembiayaan-text1{
	font-size: 11px;
}
.item-overview-cus-per h4.detail-import-pembiayaan-text2{
	font-size: 11px;
}
.wrap-list-history-pengajuan .style-status-box{
	font-size: 8px;
	top: -8px;
	padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 10px;
	position: relative;
}
.view-all-post{
	position: relative;
	text-align: center;
	padding-top: 15px;
}
.view-all-post a{
	color: #55A94B;
	font-size: 11px;
	display: inline-block;
	font-weight: 500;
}
.wrap-section-content-tab-customer-personal{
	position: relative;
}
.item-tab-content-customer-personal-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;
}
.item-tab-content-customer-personal{
	position: relative;
	display: none;
}
.heading-title-box-customer-personal-custom-verif h3{
	display: inline-block;
	vertical-align: middle;
}
.verifikasi-img-icon img{
	width: 15px;
	margin-right: 5px;
	display: inline-block;
}
.verifikasi-img-icon{
	display: inline-block;
	position: relative;
	font-size: 12px;
	font-weight: 600;
	color: #575757;
	margin-left: 20px;
	vertical-align: middle;
}
.custom-verified-sec h4.detail-import-pembiayaan-text1{
	text-transform: uppercase;
}
.item-row-verified-dokumen:first-child{
	border: none;
}
.item-row-verified-dokumen:last-child{
	border: none;
}
.item-row-verified-dokumen{
	position: relative;
    border-bottom: 1px solid #DBDCDF;
	padding-top: 20px;
	padding-bottom: 4px;
}
h4.detail-import-ver-text1{
	font-size: 11px;
    color: #252525;
    margin-bottom: 4px;
    font-weight: 400;
}
.bt-dokumen-img-verif a:hover{
	color: #a3a3a3;
}
.bt-dokumen-img-verif a{
	color: #575757;
	word-wrap: break-word;
}
.bt-dokumen-img-verif-cus2{
	margin-top: 10px;
}
.bt-dokumen-img-verif.bt-dokumen-img-verif-cus{
	width: 150px;
}
.bt-dokumen-img-verif{
	display: inline-block;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 6px;
	padding-bottom: 6px;
	border: 1px solid #DBDCDF;
	border-radius: 4px;
	font-size: 10px;
	color: #575757;
	position: relative;
	top: -8px;
	width: 110px;
}
a.bt-dokumen-img-verif{
	display: inline-block;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 6px;
	padding-bottom: 6px;
	border: 1px solid #DBDCDF;
	border-radius: 4px;
	font-size: 10px;
	color: #575757;
	position: relative;
	top: -8px;
	width: 110px;
}
.icon-verified-status{
	width: 20px;
	position: relative;
	top: -8px;
	display: inline-block;
}
.icon-verified-status img{
	width: 100%;
}
h4.icon-verified-status2-red span{
	background: #F34239 !important;
}
h4.icon-verified-status2 span{
	color: #fff;
	background: #55A94B;
	width: 13px;
	height: 13px;
	margin-right: 3px;
	padding-top: 2px;
	border-radius: 50%;
	text-align: center;
	font-size: 8px;
	font-weight: 400;
	vertical-align: middle;
	display: inline-block;
}
h4.icon-verified-status2-red{
	color: #F34239 !important;
}
h4.icon-verified-status2{
	font-size: 12px;
	color: #55A94B;
	font-weight: 700;
}
.icon-download-dok{
	position: absolute;
	top: 7px;
	right: 7px;
	width: 14px;
	color: #55A94B;
}
.customer-personal-overview-dpk-data-diri .bt-dokumen-img-verif{
	width: 150px;
}
.img-avatar-customer-top.img-avatar-customer-top-cus-per {
	padding-top: 4px;
	text-align: center;
	background: #F5F5FD;
}
.img-avatar-customer-top.img-avatar-customer-top-cus-per img{
	width: 80%;
	display: inline-block;

}
.bt-create-topic-faq:hover{
	color: #fff;
	background: #408638;
}
.bt-create-topic-faq i{
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
}
.bt-create-topic-faq{
	position: relative;
	outline: none;
    border: none;
    background: #55A94B;
    color: #fff;
    border-radius: 4px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    display: inline-block;
    width: 110px;
    font-size: 10px;
	margin-left: 100px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;

}
.wrap-box-faq-content-box{
	position: relative;
}
.heading-faq-title-sec{
	position: relative;
	margin-bottom: 10px;
}
ul.list-faq-content-item{}
ul.list-faq-content-item li a:hover{
	color: #55A94B;
}
ul.list-faq-content-item li a{
	color: #252525;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
ul.list-faq-content-item li:before{
	/* content: ">>"; */
	content:"\f101";
     font-family:"Fontawesome",sans-serif;
	position: absolute;
	left: 0;
	top: -1px;
	font-size: 15px;
	color: #55A94B;
}
ul.list-faq-content-item li{
	list-style: none;
	position: relative;
	font-size: 12px;
	color: #252525;
	padding-left: 20px;
	margin-bottom: 15px;
	line-height: 20px;
}
.wrap-box-faq-content-box .row{
	margin-left: -10px;
	margin-right: -10px;
}
.wrap-box-faq-content-box .col-lg-6{
	padding-left: 10px;
	padding-right: 10px;
}
.wrap-add-article-button{
	position: relative;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 12px;
}
a.bt-add-article-s i{
	font-size: 12px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 7px;
}
a.bt-add-article-s:hover{
	color: #fff;
	background: #55A94B;
}
a.bt-add-article-s{
	display: inline-block;
	font-size: 11px;
	color: #55A94B;
	font-weight: 500;
	border: 1px solid #55A94B;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
	border-radius: 4px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
ul.list-faq-content-item.list-faq-content-item-custom-tab li:before{
	display: none;
}
ul.list-faq-content-item.list-faq-content-item-custom-tab li.active{
	background: #bddafb;
	padding-top: 14px;
	padding-bottom: 14px;
}
ul.list-faq-content-item.list-faq-content-item-custom-tab li.active:before{
	display: block;
	top: 14px;
    left: 5px;
}
h4.title-last-modified-faq span{
	color: #575757;
}
h4.title-last-modified-faq{
	font-size: 11px;
	color: #9E9E9E;
	font-weight: 400;
}
.heading-title-box-customer-personal-in{
	position: relative;
}
.content-faq-section-single h5{
	font-size: 13px;
	color: #252525;
	margin-bottom: 15px;
	line-height: 22px;
}
.content-faq-section-single h4{
	font-size: 16px;
	color: #252525;
	margin-bottom: 15px;
	line-height: 24px;
}
.content-faq-section-single p{
	font-size: 11px;
	color: #575757;
	line-height: 20px;
	margin-bottom: 15px;
}
.content-faq-section-single img{
	max-width: 100%;
	margin-bottom: 20px;
}
.content-faq-section-single ul li{
	list-style-type: decimal;
	font-size: 11px;
	color: #575757;
	line-height: 18px;
	margin-bottom: 5px;
}
.content-faq-section-single ul{
	padding-left: 25px;
}
.content-faq-section-single{
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
}
a.bt-backto:hover{
	color: #55A94B;
}
a.bt-backto{
	position: relative;
	font-size: 17px;
	color: #1C1B1F;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.wrap-bt-back-to{
	position: relative;
	margin-bottom: 10px;
}
.quotation-toolbar-table.custom-no-padding-shipment-his .toolbar-quotation-table-right{
	right: 0;
}
.quotation-toolbar-table.custom-no-padding-shipment-his{
	padding-left: 0;
	padding-right: 0;
}
.shipment-filter-item-button{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-right: 30px;
}
.shipment-filter-item-button ul li{
	list-style: none;
	display: inline-block;
	margin-left: 10px;
}
.shipment-filter-item-button ul li.active a .total-shipment-info-numb{
	background: #afe1a8;
}
.shipment-filter-item-button ul li.active a{
	background: #c4f5bf;
}
.shipment-filter-item-button ul li a:hover .total-shipment-info-numb{
	background: #afe1a8;
}
.shipment-filter-item-button ul li a:hover{
	background: #c4f5bf;
}
.shipment-filter-item-button ul li a{
	display: inline-block;
	position: relative;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 8px;
	padding-right: 45px;
	background: #F5F5FD;
	font-size: 11px;
	color: #252525;
	border-radius: 4px;
	font-weight: 500;
	-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.total-shipment-info-numb{
	position: absolute;
	right: 4px;
	top: 4px;
	bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-radius: 4px;
	background: #E8E8F5;
	-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.wrap-shipment-history-box{
	position: relative;
	padding-top: 20px;
}
.item-shipment-history-b{
	position: relative;
	display: inline-block;
	width: 24.2222%;
	vertical-align: top;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
}
.item-shipment-history-b-in{
	width: 100%;
	background: #F9FAFE;
	border: 1px solid #DBDCDF;
    border-radius: 4px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.wrap-shipment-history-box-padding{
	position: relative;
	margin-left: -10px;
	margin-right: -10px;
}




.heading-title-shipment-his2{
	position: relative;
	margin-bottom: 20px;
}
.logo-shipment-his2 img{
	width: 14px;
}
.logo-shipment-his2{
	width: 30px;
	height: 30px;
	padding-top: 1px;
	background: #55A94B;
	border-radius: 6px;
	text-align: center;
	float: left;
}
.info-text-shipment-his2{
	margin-left: 40px;
}
h4.title-info-shipment-12{
	font-size: 11px;
	text-transform: capitalize;
	color: #9E9E9E;
	margin-bottom: 3px;
}
h4.title-info-shipment-22{
	font-size: 11px;
	text-transform: uppercase;
	color: #575757;
	margin-bottom: 0px;
}
.status-bar-info-h2{
    position: absolute;
    top: 2px;
    right: 0;
    font-size: 9px;
    font-weight: 600;
    display: inline-block;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 20px;
    text-transform: capitalize;
}
.list-shipping-info-text2{
	position: relative;
	padding-left: 15px;
}
ul.item-list-shipping-info-text2:before{
	content: "";
	border-left: 1px dashed #252525;
	position: absolute;
	left: -4px;
	top: 14px;
	bottom: 55px;
	width: 1px;

}
ul.item-list-shipping-info-text2{
	margin: 0;
	padding: 0;
	position: relative;
}
/* ul.item-list-shipping-info-text li:first-child{
	top: -5px;
} */
ul.item-list-shipping-info-text2 li:last-child{
	padding-bottom: 0;
	/* bottom: -20px; */
}
ul.item-list-shipping-info-text2 li{
	list-style: none;
	padding-bottom: 40px;
	margin-left: -11px;
	position: relative;
}
.item-shipping-info-text-img2 img{
	width: 100%;
}
.item-shipping-info-text-img2{
	width: 14px;
	height: 14px;
	float: left;
}
.item-shipping-info-text-desc2{
	margin-left: 30px;
}
h4.title-shipment-status-bar-listn2{
	font-size: 11px;
	text-transform: capitalize;
	color: #9E9E9E;
	font-weight: 500;
	margin-bottom: 5px;
}
h4.title-shipment-status-bar-list22{
	font-size: 11px;
	text-transform: capitalize;
	color: #252525;
	font-weight: 500;
	margin-bottom: 10px;
}
h4.title-shipment-loading-arrive span{
	color: #288CFE;
}
h4.title-shipment-loading-arrive{
	font-size: 11px;
	text-transform: capitalize;
	color: #9E9E9E;
	font-weight: 500;
	margin-bottom: 0px;
}
.logo-shipment-his2.logo-shipment-his2-plane{
	background: #D980D5;
}
.logo-shipment-his2.logo-shipment-his2-ship{
	background: #FF8964;
}

.pagination-product-item{
	margin-top: 20px;
	position: relative;
	text-align: center;
	padding-right: 50px;
}
.pagination-product-item ul li.active a{
	background: #F5F5FD !important;
    color: #252525 !important;	
}
.pagination-product-item ul li a:hover{
	background: #F5F5FD !important;
    color: #252525 !important;
}
.pagination-product-item ul li a{
	color: #9E9E9E;
	width: 28px;
    height: 28px;
	padding-top: 5px;
	display: block;
	border-radius: 4px;
	text-align: center;
}
.pagination-product-item ul li i{
	font-size: 15px;
	font-weight: 500;
}
.pagination-product-item ul li{
	list-style: none;
	display: inline-block;
	font-size: 12px;
}
.container-content-all-quotation.container-content-all-quotation-in-cus-shipment-shi{
	padding-left: 40px;
	padding-right: 40px;
}
.custom-shipment-his{
	width: 250px;
	margin-bottom: 0 !important;
}
.bt-cta-shipement-single .cta-bar-menu-list-quotation-item{
	right: 0;
}
.bt-cta-shipement-single{
	margin-right: 20px;
	margin-top: 5px;
}
.wrap-shipment-history-detail-1{
	position: relative;
	padding-right: 40px;
}
.content-shipment-history-detail{
	position: relative;
	padding-top: 30px;
}
.img-shipping-history-detail{
	margin-top: 30px;
	width: 90%;
}
.img-shipping-history-detail img{
	width: 100%;
}
.wrap-shipment-history-detail-info{
	position: relative;
}
.wrap-shipment-history-detail-info ul.column-detail-import-pembiayaan li{
	width: 32.1111%;
}
ul.column-detail-import-pembiayaan2 li{
	list-style: none;
	display: inline-block;
	vertical-align: top;
}
ul.column-detail-import-pembiayaan2 li:first-child{
	width: 32.111%;
}
ul.column-detail-import-pembiayaan2 li:nth-of-type(2) .custom-text-det-impo{
	width: 100%;
}
ul.column-detail-import-pembiayaan2 li:nth-of-type(2){
	width: 66%;
}

.wrap-shipment-history-detail-info h4.detail-import-pembiayaan-text2{
	font-size: 11px;
}
.heading-popup-bar{    
	padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #DBDCDF;
}
h3.title-heading-popup-in{
	font-size: 16px;
	font-weight: 700;
	color: #252525;
	text-transform: capitalize;
}
.bt-close-modal-popup-cus:hover{
	color: #55A94B;
	border: 1px solid #55A94B;
}
.bt-close-modal-popup-cus{
	position: absolute;
	top: 18px;
	right: 15px;
	color: #C5C9C6;
	border: 1px solid #DBDCDF;
	border-radius: 50%;
	width: 20px;
	text-align: center;
	font-size: 11px;
	padding-top: 1px;
	padding-bottom: 1px;
	
}
.custom-form-modal-create-topic .modal-body{
	padding: 0;
}
.custom-form-modal-create-topic .modal-content{
    /* border: 1px solid #DBDCDF; */
	border: none;
}
.wrap-content-box-popup{
	position: relative;
	padding-top: 15px;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 30px;
}
h4.title-create-topic-popup-input{
	font-size: 11px;
    color: #333030;
    margin-bottom: 4px;
    font-weight: 400;
}
.wrap-cta-button-create-topic .cancel-currency-rmb2{
	padding-top: 8px;
    padding-bottom: 8px;
	width: 55px;
    font-size: 10px;
}
.wrap-cta-button-create-topic .save-currency-rmb2{
	padding-top: 8px;
    padding-bottom: 8px;
    font-size: 10px;
	width: 45px;
}
.wrap-cta-button-create-topic{
	position: relative;
	text-align: right;
	margin-top: 15px;
}
.wrap-article-create-width{
	position: relative;
	padding-left: 150px;
	padding-right: 150px;
	margin: auto;
	width: 100%;
}
.wrap-article-create-width .box-pembiayaan-detail-info{
	padding-left: 40px;
	padding-right: 40px;
}
.item-create-input-t{
	position: relative;
	margin-bottom: 30px;
}

h4.title-create-topic-popup-input-b{
	font-size: 13px;
    color: #252525;
    margin-bottom: 0px;
    font-weight: 600;
}
.custom-input-add-faq .save-currency-rmb2{
	width: initial;
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 4px;
}
.bt-create-banner:hover {
    color: #fff;
    background: #408638;
}
.bt-create-banner i{
	margin-right: 4px;
}
.bt-create-banner{
    position: relative;
    outline: none;
    border: none;
    background: #55A94B;
    color: #fff;
    border-radius: 4px;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: center;
    display: inline-block;
    width: 110px;
    font-size: 10px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.bt-cta-create-banner{
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}
.table-banner-tb0{
	width: 5%;
}
.table-banner-tb1{
	width: 8%;
}
.table-banner-tb2{
	width: 14%;
}
.table-banner-tb3{
	width: 26%;
}
.table-banner-tb4{
	width: 16%;
}
.table-banner-tb5{
	width: 16%;
}
.table-banner-tb6{
	width: 15%;
}
.text-quo-list-tab.text-banner-upper{
	text-transform: uppercase;
	/* font-weight: 500; */
}
.img-banner-table{
	position: relative;
	width: 130px;
	max-width: 100%;
}
.img-banner-table img{
	width: 100%;
}
h4.status-banner-tab i{
	font-size: 11px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
}
h4.status-banner-tab{
	font-size: 12px;
	font-weight: 600;
	text-transform: capitalize;
}
.status-published{
	color: #55A94B;
}
.status-unpublished{
	color: #F34239;
}
a.bt-delete-item-table-banner:hover{
	color: #408638;
	
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
a.bt-delete-item-table-banner:last-child{
	margin-right: 0;
}
a.bt-delete-item-table-banner{
	display: inline-block;
	font-size: 16px;
	color: #9E9E9E;
	vertical-align: middle;
	margin-right: 25px;
}
.wrap-cta-bt-list-quo.cta-custom-banner-b{
	display: inline-block;
	vertical-align: middle;
}
.custom-text-banner .text-quo-list-tab a{
	font-weight: 400;
}
.heading-title-banner-details-info-in{
	position: relative;
}
.heading-title-banner-details-info{
	position: relative;
	border-bottom: 1px solid #DBDCDF;
	margin-left: -40px;
	margin-right: -40px;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 20px;
}
h4.heading-title-banner-detail-i{
	color: #252525;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 20px;
}
.heading-title-banner-status-i {
	margin-left: 30px;
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	font-weight: 600;
}
.heading-title-banner-status-i i{
	font-size: 11px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
}
h4.meta-title-benner-created span{
	color: #575757;
	margin-left: 10px;
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
}
h4.meta-title-benner-created{
	font-size: 11px;
	color: #9E9E9E;
	font-weight: 400;
}
.banner-content-inside-text{
	position: relative;
}
.select-option-banner-type{
	position: relative;
    font-size: 12px;
    color: #575757;
    font-weight: 400;
    border: 1px solid #DBDCDF;
    border-radius: 4px;
    width: 100%;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 6px;
    padding-right: 6px;
    outline: none;
}

h4.title-pembiayaan-text3{
	font-size: 13px;
	font-weight: 600;
	color: #252525;
	margin-bottom: 15px;
}
.logo-status-banner i{
	font-size: 16px;
}
.logo-status-banner{
	position: absolute;
	right: 20px;
	top: 15px;
}
h4.title-pembiayaan-text3.cus-margin-text3{
	margin-bottom: 0;
}
.form-input-banner-create-i{
	position: relative;
	padding-top: 20px;
}


.box {
	position: relative;
	background: #ffffff;
	width: 100%;
}
  
.box-header {
	color: #444;
	display: block;
	position: relative;
}
  
.box-tools {
	position: absolute;
	right: 10px;
	top: 1px;
}
  
.dropzone-wrapper {
	border: 2px dashed #55A94B;
	color: #92b0b3;
	position: relative;
	background: #d6fcd2;
	overflow: hidden;
}
  
.dropzone-desc {
	position: relative;
	margin: 0 auto;
	right: 0;
	text-align: left;
	bottom:0;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 30px;
}
.dropzone-desc-img-left img{
	width: 100%;
}
.dropzone-desc-img-left{
	float: left;
	width: 35px;
	height: 35px;
}
.dropzone-desc-info{
	margin-left: 45px;
	padding-top: 3px;
}
h4.title-banner-img-info-upload-section1{
	font-size: 11px;
	color: #252525;
	margin-bottom: 3px;
}
  
h4.title-banner-img-info-upload-section2{
	font-size: 10px;
	color: #575757;
	margin-bottom: 0px;
}
  
.dropzone,
.dropzone:focus {
	position: absolute;
	outline: none !important;
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 0;
	top: 0;
	left: 0;
}
.dropzone2,
.dropzone2:focus {
	position: absolute;
	outline: none !important;
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 0;
	top: 0;
	left: 0;
}
  
.dropzone-wrapper:hover,
.dropzone-wrapper.dragover {
	background: #ecf0f5;
}
  
.preview-zone {
	text-align: center;
	overflow: hidden;
}
  
.preview-zone .box {
	box-shadow: none;
	border-radius: 0;
	margin-bottom: 0;
}
  
.btn-primary {
	background-color: crimson;
	border: 1px solid #212121;
}
.img-content-view-banner{
	width: 50%;
	display: inline-block;
	margin-bottom: 15px;
}
.box-body p{
	font-size: 12px;
	color: #252525;
}
.remove-content-img-upload i{
	font-size: 16px;
}
.remove-content-img-upload:hover{
	background: red;
	color: #fff;
}
.remove-content-img-upload{
    color: #C5C9C6;
    border: 1px solid #DBDCDF;
    border-radius: 50%;
    width: 25px;
    height: 25px;
	line-height: 0;
    text-align: center;
    padding-top: 0px;
	-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.wrap-onboarding-box-padding{
	position: relative;
	margin-left: -5px;
	margin-right: -5px;
}
.item-onboarding-box-content{
	position: relative;
	display: inline-block;
	width: 24.2222%;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	vertical-align: top;
}
.item-onboarding-box-content-in{
	position: relative;
	width: 100%;
    background: #F9FAFE;
    border: 1px solid #DBDCDF;
    border-radius: 4px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}
h3.title-onboarding-box-content{
	font-size: 18px;
	font-weight: bold;
	color: #333030;
	margin-bottom: 20px;
}
.span-boarding-published-status i{
	margin-right: 3px;
}
.span-boarding-published-status{
	display: inline-block;
	vertical-align: middle;
	font-size: 11px;
	font-weight: 600;
	margin-left: 8px;
}
.img-onboarding-content{
	width: 50%;
	margin-bottom: 25px;
}
.img-onboarding-content img{
	width: 100%;
}
h3.title-onboarding-heading a:hover{
	color: #55A94B;
}
h3.title-onboarding-heading a{
	color: #252525;
	-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
h3.title-onboarding-heading{
	font-size: 13px;
	font-weight: 600;
	color: #252525;
	margin-bottom: 5px;
}
h4.desc-onboarding-content{
	font-size: 10px;
	color: #252525;
	font-weight: 400;
	line-height: 17px;
	margin-bottom: 20px;
	min-height: 45px;
}
.cta-onboarding-section{
	position: relative;
}
a.bt-edit-delete-onboarding:hover{
	background: #55A94B;
	color: #fff;
}
a.bt-edit-delete-onboarding i{
	font-size: 17px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}
a.bt-edit-delete-onboarding{
	display: inline-block;
	font-size: 11px;
	font-weight: 500;
	color: #575757;
	border-radius: 4px;
	background: #F5F5FD;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-right: 15px;
	-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.add-new-boarding-section{
	height: 323px;
}
.img-onboarding-add-new{
	width: 100%;
	margin-bottom: 30px;
}
.img-onboarding-add-new img{
	width: 100%;
}
h3.add-new-boarding-text{
	font-size: 18px;
	font-weight: 600;
	color: #9E9E9E;
	text-align: center;
}
.box-onboarding-stat{
	position: relative;
}
.box-onboarding-stat .logo-status-banner{
	top: -4px;
	right: 0;
}
.style-text-area{
	resize: none;
	height: 120px;
}
h3.title-currency-info{
	font-size: 16px;
	font-weight: 600;
	color: #252525;
}
.custom-currency-sec .toolbar-quotation-table-right{
	right: 0;
}
.custom-currency-sec .quotation-toolbar-table{
	padding-left: 0;
	padding-right: 0;
}

.custom-currency-sec .dataTables_wrapper .dataTables_paginate{
	text-align: right;
}
.custom-currency-sec .sorting_1 input{
	visibility: hidden !important;
}
.cus-curency-width-auto-table-active .sorting_1 input{
	visibility: visible !important;
}
/* .table-currency-tb0{
	width: 5%;
}
.table-currency-tb1{
	width: 25%;
}
.table-currency-tb2{
	width: 20%;
}
.table-currency-tb3{
	width: 20%;
}
.table-currency-tb4{
	width: 20%;
}
.table-currency-tb5{
	width: 10%;
} */
.img-icon-currency img{
	width: 20px;
}
.wrap-box-update-currency{
	position: relative;
	margin-bottom: 60px;
    width: 100%;
    background: #F9FAFE;
    border: 1px solid #DBDCDF;
    border-radius: 4px;
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.heading-title-box-update-currency{
	position: relative;
	/* border-bottom: 1px solid #DBDCDF; */
	margin-bottom: 30px;
	/* padding-bottom: 30px; */
}
h4.title-box-update-cur-text1{
	color: #9E9E9E;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 5px;
}
h3.title-box-update-cur-text2{
	color: #252525;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
}
h4.title-box-update-cur-text3{
	font-size: 11px;
	font-weight: 400;
	font-style: italic;
	color: #9E9E9E;
	margin-bottom: 0;
}
.wrap-currency-form-change{
	position: relative;
	text-align: left;
}
.item-currency-form-currency{
	position: relative;
	display: inline-block;
	/* width: 20%; */
	vertical-align: middle;
}
h4.text-currency-form.text-currency-form-cus{
	color: #090A0D;
}
h4.text-currency-form{
	font-size: 11px;
	color: #9E9E9E;
	font-weight: 400;
	margin-bottom: 6px;
}
.input-currency-form-change1{
	position: relative;
	width: 130px;
	margin-right: 20px;
}
.input-currency-form-change{
	position: relative;
	width: 230px;
	margin-right: 20px;
}
.currency-input-f-change{
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 90px;
	border: 1px solid #DBDCDF;
    border-radius: 4px;
	font-size: 15px;
	font-weight: 500;
	color: #9E9E9E;	
}
.icon-cur-img img{
	width: 22px;
	display: inline-block;
	margin-right: 7px;
}
.icon-cur-img{
	position: absolute;
	top: 8px;
	right: 10px;
}
.cus-desc-icon-cur{
	color: #9E9E9E;
	font-size: 14px;
	font-weight: 500;
}
.seperator-currency img{
	width: 100%;
}
.seperator-currency{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 9%;
	padding-left: 10px;
	padding-right: 10px;
}
.wrap-bt-submit-currency-change{
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.bt-update-currency:hover{
	background: #408638;
}
.bt-update-currency{
	outline: none;
    border: none;
    background: #55A94B;
    color: #fff;
    border-radius: 4px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    display: inline-block;
    font-size: 11px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
a.bt-see-all-cur i{
	margin-left: 10px;
}
a.bt-see-all-cur:hover{
	color: #55A94B;
}
a.bt-see-all-cur{
	font-size: 11px;
	color: #252525;
	
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.custom-hide-row-pagination .dataTables_wrapper .dataTables_length{
	display: none !important;
}
.custom-hide-row-pagination .dataTables_paginate{
	display: none !important;
}

/* 
.cus-curency-width-auto-table-active .dataTables_wrapper .dataTables_length{
	display: block !important;
}
.cus-curency-width-auto-table-active .dataTables_paginate{
	display: block !important;
} */
.wrap-background-table-box .filter-select-tab-quotation{
	background: #fff;
}
.wrap-background-table-box .search-input-quo-tab{
	background: #fff;
}
/* .wrap-background-table-box .quotation-toolbar-table{
	padding-left: 0;
	padding-right: 0;
}
.wrap-background-table-box .toolbar-quotation-table-right{
	right: 0;
} */
.wrap-background-table-box table.dataTable thead th, table.dataTable thead td {
    border: none !important;
}
.wrap-background-table-box{
	background: #F9FAFE;
    border: 1px solid #DBDCDF;
	border-radius: 4px;
	padding: 15px;
}
.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;
}
.table-stadmin-tb0{
	width: 5%;
}
.table-stadmin-tb1{
	width: 26%;
}
.table-stadmin-tb2{
	width: 14%;
}
.table-stadmin-tb3{
	width: 16%;
}
.table-stadmin-tb4{
	width: 10%;
}
.table-stadmin-tb5{
	width: 19%;
}
.table-stadmin-tb6{
	width: 10%;
}
.bt-delete-item-table-banner.custom-edit-stadmin{
	color: #408638;
}
.bt-delete-item-table-banner.custom-delete-stadmin{
	color: #F34239;
	top: -2px;
}

.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);
}
.pass-request-user span{
	display: inline-block;
	font-size: 7px;
	background: #EC9422;
	color: #fff;
	width: 10px;
	height: 10px;
	text-align: center;
	border-radius: 50%;
	padding-top: 1px;
	vertical-align: middle;
	margin-right: 5px;
}
.pass-request-user{
	width: 130px;
	padding-left: 15px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 11px;
	color: #EC9422;
	font-weight: 500;
	border-radius: 4px;
	background: #fff;
}
.pass-request-user.pass-request-user-disable span{
	display: none;
}
.pass-request-user.pass-request-user-disable{
	background: #DBDCDF;
	color: #9E9E9E;
}


.wrap-background-table-box 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;
}
.custom-upload-add-admin .dropzone-desc{
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
}
.custom-upload-add-admin .dropzone-desc-img-left{
	width: 50px;
	height: 50px;
}
.custom-upload-add-admin .img-content-view-banner{
	width: 200px;
}
.custom-upload-add-admin .box-tools{
	right: inherit;
	left: 4px;
	top: 3px;
}
.custom-upload-add-admin .preview-zone{
	text-align: left;
	margin-top: 15px;
}
.custom-upload-add-admin .dropzone-wrapper{
	display: inline-block;
	background: #ecf0f5;
	border-end-start-radius: 4px;
	border: 1px solid #DBDCDF;
	border-radius: 4px;
}
.bt-send-access i{
	margin-left: 5px;
}
.bt-send-access:hover{
	background: #55A94B;
	color: #fff;
}
.bt-send-access{
	outline: none;
    border: none;
	background: transparent;
	color: #55A94B;
    border: 1px solid #55A94B;
    border-radius: 4px;
    padding-top: 8px;
	padding-left: 15px;
	padding-right: 15px;
    padding-bottom: 8px;
    text-align: center;
    display: inline-block;
	margin-left: 10px;
    font-size: 10px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.custom-role-add-admin{
	width: 180px;
}

.custom-form-modal-create-topic .heading-popup-bar{
	padding-left: 30px;
	padding-right: 30px;
}
.item-list-role-access-do{
	position: relative;
	/* margin-bottom: 20px; */
	min-height: 138px;
}
.item-list-role-access-do ul li{
	list-style: none;
	margin-bottom: 10px;
	position: relative;
	padding-left: 20px;
	font-size: 10px;
	color: #252525;
}
.item-list-role-access-do ul li:before{
	content:"";
	position: absolute;
	left: 0;
	top: 6px;
	height: 3px;
	width: 9px;
	border-radius: 7px;
	background: #55A94B;
}
.client-user-avatar-all{
	padding-left: 15px;
	position: relative;
	margin-bottom: 30px;
}
.client-user-ava-list-i img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.client-user-ava-list-i{
	width: 34px;
    height: 34px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    margin-left: -12px;
	border: 2px solid #F9FAFE;
	/* overflow: hidden; */
}
.client-user-ava-list-i-cus{
	width: initial;
	padding-left: 20px;
	border: none;
}
.link-user-all-list{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 11px;
	color: #575757;
	text-align: center;
	padding-top: 8px;
}

.add-new-boarding-section.add-new-boarding-section-cus-role .img-onboarding-add-new{
	width: 65%;
	margin: auto;
	padding-top: 30px;
	margin-bottom: 30px;
}
.add-new-boarding-section.add-new-boarding-section-cus-role{
	height: 296px;
}
a.bt-add-user-setting i {
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
}
a.bt-add-user-setting:hover {
    color: #fff;
    background: #55A94B;
}
a.bt-add-user-setting{
	display: inline-block;
    font-size: 11px;
    color: #55A94B;
    font-weight: 500;
    border: 1px solid #55A94B;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 4px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.table-permissions-check-role{
	position: relative;
	overflow-x: auto;
}
table.table-permission-access-check{
	width: 100%;
	position: relative;
	text-align: left;
}
.table-permission-access-check tr:last-child td {
	border-bottom: 0;
}
.table-permission-access-check tr td:first-child{
	width: 24%;
}
.table-permission-access-check tr td {
    font-size: 11px;
    color: #333030;
    font-weight: 400;
    padding-bottom: 15px;
	width: 19%;
    padding-top: 15px;
    border-bottom: 1px dashed #e6e6e6;
}
.table-permission-access-check tr td h4 {
    font-weight: 500;
    color: #6F5991;
    font-size: 12px;
    margin-bottom: 10px;
}
/* The container-check */
.container-check {
	display: inline-block;
	position: relative;
	text-align: center;
	margin-bottom: 12px;
	cursor: pointer;
	border-radius:  8px;
	font-size: 22px;
	float: left;
	-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);
}
.title-label-role{
	display: inline-block;
	font-size: 10px;
	color: #9E9E9E;
	margin-left: 31px;
	font-weight: 500;
	vertical-align: top;

}
.list-users-manage-box{
	position: relative;
}
.list-users-manage-box ul li{
	list-style: none;
	display: inline-block;
	width: 49.222%;
	margin-bottom: 20px;
}
a.bt-manage-user-role:hover{
	background: #55A94B;
	color: #fff;
}
a.bt-manage-user-role{
	outline: none;
    border: none;
    background: #F5F5FD;
    color: #575757;
    border-radius: 4px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    display: inline-block;
	padding-left: 15px;
	padding-right: 15px;
    font-size: 10px;
    margin-left: 3px;
	margin-top: 10px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.cancel-currency-rmb2.custom-delete-bt-red{
	background: #F34239;
	color: #fff;
	padding-left: 20px;
	padding-right: 20px;
	width: auto;
}
.table-manage-user-info tr th,td:last-child{
	border-bottom: 0;
}
.table-manage-user-info tr td{
	border-bottom: 1px dashed #e6e6e6;
}
.table-manage-user-info tr th,td{
	font-size: 11px;
	color: #9E9E9E;
	font-weight: 500;
	padding-top: 10px;
	padding-bottom: 10px;
}
.manage-user1{
	width: 55%;
}
.manage-user2{
	width: 30%;
}
.manage-user3{
	width: 15%;
}
.table-manage-user-info .tab-user-info h4{
	font-size: 10px;
}
.table-manage-user-info .tab-user-info h5{
	font-size: 9px;
}
.table-manage-user-info{
	width: 100%;
	margin-bottom: 30px;
}
.custom-role-add-admin-edit{
	width: 80%;
	font-size: 9px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.modal-cus-padding-manage-user .wrap-content-box-popup{
	padding-left: 20px;
}
.modal-cus-padding-manage-user.custom-form-modal-create-topic .heading-popup-bar{
	padding-left: 20px;
}
.wrap-content-box-popup-manage-user{
	position: relative;
	overflow-x: auto;
}
.item-box-terms-conditions{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 49.2222%;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
}
.item-box-terms-conditions-in:hover{
	border: 1px solid #55A94B;
}
.item-box-terms-conditions-in{
	background: #F9FAFE;
	border: 1px solid #DBDCDF;
	border-radius: 4px;
	padding-top: 40px;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 30px;
	height: 240px;
	position: relative;
}
.item-box-terms-conditions-in-content{
	position: relative;
}
h4.title-tnc-text1{
	font-size: 14px;
	color: #9E9E9E;
	font-weight: 400;
}
h3.title-tnc-text2{
	font-size: 19px;
	color: #252525;
	font-weight: 600;
	margin-bottom: 25px;
}
h4.title-tnc-text3{
	font-size: 12px;
	color: #575757;
	font-weight: 400;
	margin-bottom: 35px;
	line-height: 21px;
}
.notif-published-tnc{
	position: absolute;
	top: 0;
	right: 0;
}
a.bt-cta-tnc-box:hover {
    color: #fff;
    background: #55A94B;
}
a.bt-cta-tnc-box{
	display: inline-block;
    font-size: 11px;
    color: #252525;
    font-weight: 500;
    border: 1px solid #55A94B;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 4px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
a.bt-cta-tnc-box i {
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
}
.item-box-tnc-middle{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: table;
}
.item-box-tnc-middle-in{
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.item-box-info-perusahaan-in{
	position: relative;
}
.item-box-info-perusahaan{
	background: #F9FAFE;
    border: 1px solid #DBDCDF;
    border-radius: 4px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
	margin-bottom: 20px;
    position: relative;
}
.item-box-info-perusahaan-in .heading-faq-title-sec{
	margin-bottom: 25px;
}
.list-item-general-info:last-child{
	margin-bottom: 0;
}
.list-item-general-info{
	position: relative;
	margin-bottom: 20px;
}
.item-box-billing-address{
	position: relative;
	border: 1px dashed #DBDCDF;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-radius: 4px;
}
h4.title-billing-address{
	font-size: 11px;
	color: #252525;
	font-weight: 400;
	margin-bottom: 15px;
}
.sec-billing-address-desc{
	position: relative;
}
.sec-billing-address-desc-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.sec-billing-address-desc-img{
	position: relative;
	width: 50px;
	height: 50px;
	border-radius: 4px;
	float: left;
}
.sec-billing-address-desc-info{
	margin-left: 70px;
	padding-top: 8px;
}
h4.title-billing-add{
	color: #252525;
	font-size: 11px;
	font-weight: 400;
	margin-bottom: 6px;
}
.cta-billing-address{
	position: absolute;
	top: 0;
	right: 0;
}
a.bt-billing-address-c:hover{
	color: #fff;
	background: #55A94B;
}
a.bt-billing-address-c:first-child{
	margin-left: 0;
}
a.bt-billing-address-c{
	color: #575757;
	font-size: 9px;
	font-weight: 500;	
	display: inline-block;
	background: #F5F5FD;
	border-radius: 3px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-left: 9px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.add-billing-box-sec{
	position: relative;
	border: 1px dashed #55A94B;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 45px;
	padding-bottom: 45px;
	margin-bottom: 20px;
	border-radius: 4px;
}
.sec-billing-add-cta{
	position: relative;
	padding-right: 120px;
}
h4.title-sec-cta-billing-add1{
	font-size: 11px;
	font-weight: 700;
	color: #575757;
	margin-bottom: 7px;
}
h4.title-sec-cta-billing-add2{
	font-size: 11px;
	font-weight: 400;
	color: #9E9E9E;
	margin-bottom: 0px;
}
a.bt-add-billing-address-cta:hover{
	color: #fff;
    background: #55A94B;
}
a.bt-add-billing-address-cta{
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
    font-size: 9px;
    color: #55A94B;
    font-weight: 500;
    border: 1px solid #55A94B;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 4px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
a.bt-add-billing-address-cta i {
    font-size: 10px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
}
.list-social-media-info-perusahaan{
	position: relative;
}
.list-social-media-info-perusahaan ul li{
	list-style: none;
	margin-bottom: 20px;
}
.list-social-media-info-perusahaan ul li a{
	color: #252525;
}
.list-social-media-info-perusahaan ul li i{
	font-size: 19px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
}
.list-social-media-info-perusahaan ul li{
	font-size: 13px;
	color: #252525;
	font-weight: 400;
}
ul.social-media-adad-form-input-edit li{
	list-style: none;
	padding-bottom: 13px;
	padding-top: 13px;
	border-bottom: 1px solid #DBDCDF;
	position: relative;
}
.social-media-icon-p i{
	font-size: 19px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;	
}
.social-media-icon-p{
	font-size: 12px;
	color: #252525;
    font-weight: 400;
}
.bt-cta-form-social-media-info{
	position: absolute;
	right: 0;
	top: 6px;
}
a.bt-add-social-media-link:hover{
	background: #408638;
}
a.bt-add-social-media-link-active{
	display: inline-block !important;
}
a.bt-add-social-media-link{
	display: none;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 10px;
	color: #fff;
	background: #55A94B;
	border-radius: 4px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.form-input-add-social-media-link-active{
	display: inline-block !important;
}
.form-input-add-social-media-link{
	display: none;
}
.f-i-social-media-link{
	width: 120px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 10px;
	color: #575757;
	font-weight: 500;
	display: inline-block;
}
.submit-f-i-social-media-link{
	border: none;
	background: none;
	outline: none;
	color: #55A94B;
	font-size: 10px;
	font-weight: 500;
	margin-left: 10px;
	margin-right: 10px;
	display: inline-block;
}
.bt-close-social-media-link i{
	font-size: 20px;
}
.bt-close-social-media-link:hover{
	color: #55A94B;
}
.bt-close-social-media-link-active{
	display: inline-block !important;
}
.bt-close-social-media-link{
	position: relative;
	top: 3px;
	display: none;
	color: #575757;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.social-link-text-active{
	display: inline-block !important;
}
.social-link-text{
	display: none;
	font-size: 11px;
	color: #252525;
	font-weight: 400;
	margin-right: 10px;
}
.cus-profile-status-box{
	margin-left: -5px;
	margin-right: -5px;
}
.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: 61px;
	top: 0px;
	height: 100%;
	/* background: #d7d7d7; */
	border-left: 2px dashed #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: 14px;
	height: 14px;
	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;
}
.wrap-box-info-perusahaan-profile{
	position: relative;
}
.profile-info-perusahaan-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}
.profile-info-perusahaan-img{
	width: 70px;
	height: 70px;
	float: left;
	border-radius: 50%;
}
.profile-info-perusahaan-desc{
	margin-left: 85px;
}
.profile-info-perusahaan-desc-txt1{
	position: relative;
	margin-bottom: 1px;
}
h3.title-info-profile-name{
	margin-bottom: 0;
	font-size: 15px;
	font-weight: 500;
	color: #333030;
	display: inline-block;
}
.bt-edit-profile-page i{
	margin-right: 4px;
}
.bt-edit-profile-page:hover{
	background: #55A94B;
	color: #fff;
}
.bt-edit-profile-page{
	top: -2px;
	position: relative;
	display: inline-block;
	margin-left: 10px;
	color: #55A94B;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 9px;
	font-weight: 500;
	border-radius: 4px;
	border: 1px solid #55A94B;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
h4.title-meta-profile-text:last-child{
	border-right: 0;
	padding-right: 0;
	margin-right: 0;
}
h4.title-meta-profile-text span{
	color: #288CFE;
}
h4.title-meta-profile-text{
	display: inline-block;
	border-right: 1px solid #575757;
	color: #575757;
	font-weight: 500;
	font-size: 10px;
	padding-right: 10px;
	margin-right: 10px;
}
.section-factor-authentication{
	position: absolute;
	top: 0;
	right: 0;
}
h4.title-two-factor{
	font-size: 14px;
	font-weight: 600;
	color: #333030;
	margin-bottom: 20px;
}
h4.title-two-factor span{
	width: 12px;
	height: 12px;
	border-radius: 50%;
	font-size: 7px;
	color: #288CFE;
	text-align: center;
	display: inline-block;
	margin-left: 5px;
	padding-top: 2px;
	border: 1px solid #288CFE;
	vertical-align: middle;
}
.two-factor-disable-on-off{
	text-align: right;
	position: relative;
}
.avatar-profile-edit{
	position: relative;
	width: 130px;
	height: 130px;
	border-radius: 50%;
	margin: auto;
	margin-bottom: 10px;
}
.avatar-profile-edit img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}
h4.title-profile-edit-personal span{
	color: #288CFE;
}
h4.title-profile-edit-personal{
	font-size: 12px;
	color: #575757;
	text-align: center;
	margin-bottom: 20px;
}
ul.link-button-profile-edit li a:hover{
	background: #F5F5FD;
	color: #55A94B;
}
ul.link-button-profile-edit li.active a{
	background: #F5F5FD;
	color: #55A94B;
}
ul.link-button-profile-edit li a i{
	font-size: 12px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
}
ul.link-button-profile-edit li a{
	display: block;
	color: #575757;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
ul.link-button-profile-edit li{
	list-style: none;
	font-size: 11px;
	display: block;
	font-weight: 500;
	margin-bottom: 10px;
}
.cta-input-currency-rmb3.custom-bt-personal-edit{
	top: 10px;
	right: 20px;
}
.bt-forgot-password-profile:hover{
	color: #55A94B;
}
.bt-forgot-password-profile{
	font-size: 10px;
	color: #252525;
	text-decoration: underline;
}

.box-upload-doc-profile{
	position: relative;
}
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.inputfile + label {
    max-width: 80%;
    font-size: 1.25rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
}
.inputfile-2 + label {
    color: #d3394c;
    border: 2px solid currentColor;
}
.box-upload-doc-profile .bt-style-customer-doc img{
	width: 14px;
	display: inline-block;
	margin-right: 10px;
}

.box-upload-doc-profile button.bt-style-customer-doc{
	background: transparent !important;
	color: #55A94B;
	border: 1px solid #55A94B;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
h4.text-note-upload-file-profile{
	font-size: 9px;
	color: #9E9E9E;
	font-weight: 400;
	margin-top: 10px;
}
h2.title-search-result-content span{
	text-transform: uppercase;
	color: #333030;
}
h2.title-search-result-content{
	font-size: 22px;
	color: #9E9E9E;
	font-weight: 700;
	margin-bottom: 30px;
}
.tab-search-result ul li:hover{}
.tab-search-result ul li.active{
	color: #252525;
}
.tab-search-result ul li{
	list-style: none;
	display: inline-block;
	font-size: 13px;
	color: #9E9E9E;
	font-weight: 500;
	padding-right: 30px;
	cursor: pointer;
}
.tab-search-result{
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #DBDCDF;
}
.tab-search-content-tab-res{
	position: relative;
}
.item-tab-search-content-tab-res-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;
}
.item-tab-search-content-tab-res{
	display: none;
}
.item-tab-search-content-tab-res ul li{
	list-style: none;
	margin-bottom: 20px;
}
h4.title-result-search-list1{
	color: #252525;
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 6px;
}
h4.title-result-search-list2 span:last-child{
	border-right: none;
	padding-right: 0px;
	margin-right: 0px;
}
h4.title-result-search-list2 span{
	display: inline-block;
	border-right: 1px solid #9E9E9E;
	padding-right: 6px;
	margin-right: 3px;
}
h4.title-result-search-list2{
	color: #9E9E9E;
	font-size: 11px;
	font-weight: 500;
	margin-bottom: 0px;
}
ul.link-button-profile-edit li.active a .numb-two-factor{
	border: 2px solid #55A94B;
}
.numb-two-factor{
	display: inline-block;
	font-size: 12px;
	color: #55A94B;
	font-weight: 500;
	width: 27px;
	height: 27px;
	text-align: center;
	padding-top: 4px;
	border: 1px solid #C5C9C6;
	border-radius: 50%;
	margin-right: 7px;
}
.box-customer-personal-seccus-box{
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
}
.box-customer-personal-seccus2 .col-lg-4{
	border-right: 1px solid #C5C9C6;
	padding-left: 15px !important;
    padding-right: 15px !important;
}
.box-customer-personal-seccus2 .heading-title-box-customer-personal{
	margin-left: 0;
	margin-right: 0;
}
.box-customer-personal-seccus2 .col-lg-4 .box-customer-personal-seccus-box{
	padding-left: 30px;
}
.box-customer-personal-seccus2 .col-lg-8 .box-customer-personal-seccus-box{
	padding-right: 30px;
}
.box-customer-personal-seccus2 .col-lg-8{
	padding-left: 15px !important;
    padding-right: 15px !important;
}
.box-customer-personal-seccus2{
	position: relative;
    border: 1px solid #DBDCDF;
    border-radius: 4px;
    background: #fff;
    /* padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px; */
}
h3.title-quotation-info-box {
    font-size: 17px;
    font-weight: 600;
    color: #333030;
    margin-bottom: 15px;
}


.box-customer-personal-seccus-box-in{
	position: relative;
	margin-bottom: 20px;
}
h4.paragraf-quotation-info-aunt span{
	color: #55A94B;
}
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: #55A94B;
    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: #408638;
    color: #fff;
}
.bt-submit-quot-item{
	position: relative;
    display: inline-block;
    background: #55A94B;
    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: 700;
    color: #333030;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
}
.text-backup-codes-item{
    background: #F9FAFE;
	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: 10px;
}
.bt-copy-backup-codes:hover{

	/* background: #d6c3f9; */
}
.bt-copy-backup-codes{
	position: relative;
    display: inline-block;
    border: 1px solid #55A94B;
    color: #55A94B;
    font-size: 9px;
	background: transparent;
    border-radius: 4px;
    font-weight: 500;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    outline: none;
	margin-right: 10px;
    -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: 10px;
}
.bt-download-backup-code:hover{
    color: #55A94B;
	/* background: #d6c3f9; */
}
.bt-download-backup-code{
	position: relative;
    display: inline-block;
    border: 1px solid #55A94B;
    color: #55A94B;
    font-size: 9px;
	background: transparent;
    border-radius: 4px;
    font-weight: 500;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    outline: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.edit-avatar-up{
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	padding-top: 5px;
	width: 35px;
	height: 35px;
	font-size: 17px;
	text-align: center;
	background: #F5F5FD;
	text-align: center;
	cursor: pointer;
	border-radius: 50%;
	color: #575757;
}
.input-avatar-upload-hide{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	opacity: 0;
	display: none;
}
.bt-cus-delete-t{
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}
.section-note-kontrak-doc-bot{
	display: block;
	padding-top: 10px;
}
.section-note-kontrak-doc-bot h4 span{
	color: #288CFE;
}
.section-note-kontrak-doc-bot h4{
	font-size: 10px;
	font-weight: 400;
	color: #575757;
}
.percent-cl{
	display: inline-block;
	font-size: 10px;
}
.row.final-fee-log .col-lg-6{
	padding-left: 10px;
	padding-right: 10px;
}
.row.final-fee-log{
	/* margin-left: -15px;
	margin-right: -15px; */
}
.color-blue-pengajuan{
	color: #288CFE !important;
}
.heading-title-box-customer-personal-in{
	position: relative;
}
.cta-input-currency-rmb-cus{
	display: none;
}
.cta-input-currency-rmb-cus-code{
	display: none;
}
.analis-form-text-t{
	display: none;
	width: 100%;
	font-size: 12px;
}
.bt-his-reg:hover{
	background: #55A94B;
	color: #fff;
}
.bt-his-reg{
	position: relative;
	top: -5px;
	font-size: 11px;
	font-weight: 500;
	color: #575757;
	background: #F5F5FD;
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 8px;
	border-radius: 4px;
	padding-bottom: 8px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.img-akun-terverifikasi{
	width: 140px;
	margin-bottom: 20px;
}
.img-akun-terverifikasi img{
	width: 100%;
}
h4.limit-pembiayaan-1{
	font-size: 14px;
	font-weight: bold;
	color: #252525;
	margin-bottom: 0;
}
a.bt-cek-history-limit:hover{
	background: #55A94B;
	color: #fff;
}
a.bt-cek-history-limit{
	position: absolute;
	top: 0px;
	right: 0;
	font-weight: 500;
	font-size: 11px;
	color: #575757;
	cursor: pointer;
	z-index: 1;
	background: #F5F5FD;
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 8px;
	border-radius: 4px;
	padding-bottom: 8px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
h4.limit-pembiayaan-1.limit-pembiayaan-1-cus-blue{
	color: #288CFE;
}

.wrap-content-box-popup-history::-webkit-scrollbar {
	width: 7px;
}
  
/* Track */
.wrap-content-box-popup-history::-webkit-scrollbar-track {
	background: #f1f1f1; 
}
   
/* Handle */
.wrap-content-box-popup-history::-webkit-scrollbar-thumb {
background: #CFD6DE; 
}
  
/* Handle on hover */
.wrap-content-box-popup-history::-webkit-scrollbar-thumb:hover {
	background: #b0b5bb; 
}
.wrap-content-box-popup-history{
	position: relative;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 30px;
	padding-right: 30px;
	height: 250px;
	overflow-y: auto;
}
.table-history-pembiayaan{
	width: 90%;
	margin: auto;
	border: 0;
}
.th-his-pembiayaan:nth-of-type(2){
	border-left: none !important;
	border-right: 1px solid #DBDCDF;
}
.th-his-pembiayaan{
	font-size: 10px;
	color: #9E9E9E;
	text-transform: uppercase;
	border-left: 1px solid #DBDCDF;
	border-bottom: 1px solid #DBDCDF !important;
	border-top: 1px solid #DBDCDF;
	background: #fff;
	width: 50%;
	font-weight: 500;
	padding-left: 20px;
}
.body-cus-his-pem.modal-content{
	background: #F7F9FB;
}
.td-text-hist-pemb span{
	font-weight: 600;
}
.td-text-hist-pemb{
	font-size: 10px;
	color: #9E9E9E;
	font-weight: 500;
	padding-left: 20px;
	padding-top: 13px;
	padding-bottom: 13px;
	background: #fff;
}
.table-history-pembiayaan tr:nth-of-type(2n+2) td{
	background: #F7F9FB;
}
.akun-not-verifikasi{
	position: relative;
}
.text-desc-verifikasi-noted{
	font-size: 11px;
	color: #575757;
	font-weight: 400;
	border: 1px solid #8BAC99;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 25px;
	padding-bottom: 25px;
	border-radius: 4px;
	margin-bottom: 20px;
}
.cta-button-akun-terverifikasi{
	position: relative;
	border-top: 1px solid #DBDCDF;
	padding-top: 20px;
	text-align: center;
}
a.bt-cta-akun-terverifikasi i{
	margin-right: 10px;
}
a.bt-cta-akun-terverifikasi.bt-cta-akun-terverifikasi-green{
	border: 1px solid #55A94B;
	color: #55A94B;
}
a.bt-cta-akun-terverifikasi{
	margin-left: 4px;
	margin-right: 4px;
	display: inline-block;
	position: relative;
	font-size: 11px;
	color: #575757;
	border: 1px solid #575757;
	border-radius: 3px;
	width: 160px;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
}
.custom-data-pengurus{
	top: 0 !important;
}
a.bt-create-new-contract i{
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
}
a.bt-create-new-contract:hover{
	background: #3c7834;
}
a.bt-create-new-contract{
	display: inline-block;
    font-size: 11px;
    color: #fff;
    font-weight: 500;
    background: #55A94B;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 4px;
	margin-left: 10px;
	margin-bottom: 20px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.section-kontrak-custom h3.title-tnc-text2{
	margin-bottom: 15px;
}
.section-kontrak-custom h4.title-tnc-text3{
	font-size: 11px;
	margin-bottom: 25px;
}
.section-kontrak-custom .item-box-terms-conditions-in{
	padding-top: 20px;
	padding-bottom: 23px;
	height: auto;
}
h4.title-tnc-text3 span.kontrak-admin{
	color: #EC9422;
}
h4.title-tnc-text3 span.kontrak-superadmin{
	color: #FD4190;
}
.bt-edit-kontrak-detail i{
	margin-right: 7px;
}
.bt-edit-kontrak-detail:hover{
	color: #575757;
	background: #bababa;
}
.bt-edit-kontrak-detail{
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 11px;
	color: #575757;
	background: #F5F5FD;
	top: -3px;
	position: relative;
	margin-left: 3px;
	border-radius: 4px;
}
.t-edit-kontrak-detail-1 i{
	color: #1B4824;
}
.t-edit-kontrak-detail-2 i{
	color: #F34239;
}
.vodiapicker{
	display: none; 
}
#a{
	padding-left: 0px;
	text-align: left;
}
#a img, .btn-select img{
	width: 20px;
}
#a li{
	list-style: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 6px;
	cursor: pointer;
}
#a li:hover{
   background-color: #F4F3F3;
}
#a li img{
	margin: 5px;
}
.cus-vertif-img-c li img{
	width: 80% !important;
}
#a li span, .btn-select li span{
	margin-left: 10px;
	font-size: 16px;
	color: #929292;
}
/* item list */
.b{
	display: none;
	width: 180px;
	max-width: 350px;
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 5px;
	position: absolute;
	top: 45px;
	left: 0;
	z-index: 9;
	background: #fff;
}
.open{
	display: show !important;
}
.btn-select:before{
	position: absolute;
	top: 8px;
	right: 7px;
	content:"\f107";
	font-family:"Fontawesome",sans-serif;
	font-size: 20px;
}
.btn-select{
	position: relative;
	width: 100%;
	padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #DBDCDF;
    border-radius: 4px;
	background-color: #fff;
}
.btn-select li{
	list-style: none;
	float: left;
	padding-bottom: 0px;
}
  
.btn-select:hover li{
	margin-left: 0px;
}
  
.btn-select:hover{
	background-color: #F4F3F3;
	border: 1px solid transparent;
	box-shadow: inset 0 0px 0px 1px #ccc;
}
.btn-select:focus{
	 outline:none;
}
.lang-select{
	margin-left: 0px;
}
.wrap-currency-modified-block{
	position: relative;
}
.item-cur-modif-section{
	display: inline-block;
	position: relative;
	width: 24.222%;
}
.i-cu-modified-desc{
	position: relative;
}
.i-cur-modif-flags img{
	width: 20px;
	display: inline-block;
	margin-right: 3px;
	vertical-align: middle;
}
.i-cur-modif-flags{
	float: left;
	width: 70px;
	font-size: 12px;
	color: #9E9E9E;
	vertical-align: middle;
}
.i-cur-modif-currency{
	margin-left: 70px;
	font-size: 13px;
	color: #252525;
	font-weight: bold;
	position: relative;
	top: -3px;
}
.note-modified-cur-info{
	font-size: 11px;
	color: #9E9E9E;
	font-style: italic;
	letter-spacing: 0.2px;
}
.col-his-reg-cus1{
	width: 30% !important;
}
.col-his-reg-cus2{
	width: 70% !important;
	position: relative;
}
a.bty-download-his-reg-pdf img{
	width: 17px;
}
a.bty-download-his-reg-pdf:hover{
	background: #e0e0e0;
}
a.bty-download-his-reg-pdf{
	text-align: center;
	position: absolute;
	top: 6px;
	right: 20px;
	width: 27px;
	height: 27px;
	background: #F5F5FD;
	border-radius: 4px;
	padding-top: 5px;
	-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.bt-cta-edit2-cus-akun{
	margin-left: 10px;
}
.new-form-limit-pembiayaan{
	position: relative;
}
.form-verifikasi-akun-desc{
	position: relative;
}
.btn-select.custom-akun-terverifikasi-select-cus-img img{}
.btn-select.custom-akun-terverifikasi-select-cus-img img{
	width: 85%;
}
.input-currency-form-change1.custom-akun-terverifikasi-select-cus{
	width: 170px;
	margin-bottom: 20px;
}
.verif-akun-save-cancel{
	display: none;
}
.item-dokumen-customers-list .box-upload-doc-profile button.bt-style-customer-doc{
	padding-top: 7px;
	padding-bottom: 7px;
}
.dokumen-disable .box-upload-doc-profile button.bt-style-customer-doc{
	border: 1px solid #C5C9C6;
	color: #C5C9C6;
}
.container-code-otp{
	position: relative;
	text-align: center;
}
.custom-otp-code-h4{
	width: 70%;
	margin: auto;
}
.container-code-otp h4.subtitle-login-dash-top-1{
	font-size: 11px;
}
.container-code-otp h3.title-login-dash-top-1{
	font-size: 26px;
	margin-bottom: 20px;
}
.container-code-otp .digits-code input{
	width: 50px;
    padding-top: 17px;
    padding-bottom: 17px;
	margin-left: 2px;
	margin-right: 2px;
}
.custom-detail-pem-width{
	width: 50% !important;
}
.custom-otp-code-e{
	width: 100%;
	max-width: 350px;
}
.item-row-verified-dokumen-cus1{
	padding-bottom: 17px;
	padding-bottom: 12px;

}
.sec-block-permission-in h4{
	color: #575757;
	font-size: 13px;
	text-align: center;
}
.sec-block-permission-in{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.sec-block-permission{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(232,240,241, 0.9);
	z-index: 99;
	display: none;
}
.item-waning-check img{
	width: 100%;
}
.item-waning-check{
	position: absolute;
	top: 12px;
	right: 15px;
	width: 20px;
}
.item-waning-check2 img{
	width: 100%;
}
.item-waning-check2{
	position: relative;
	display: inline-block;
	margin-left: 10px;
	width: 20px;
}
.limit-customers-section{
	position: relative;
}
.item-cus-limit-section:nth-of-type(2){
	padding-right: 0;
	padding-left: 20px;
	border-right: none;
}
.item-cus-limit-section{
	display: inline-block;
	padding-right: 20px;
	border-right: 1px solid #DBDCDF;
	margin-bottom: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}
h4.cus-limit-sec-title{
	font-size: 14px;
    font-weight: 600;
    color: #252525;
    margin-bottom: 10px;
}
h4.cus-limit-sec-title2.cus-limit-sec-title-cus-orange{
	color: #EC9422;
}
h4.cus-limit-sec-title2{
	font-size: 11px;
    font-weight: 500;
    color: #575757;
    margin-bottom: 0px;
}
.save-currency-rmb.save-currency-rmb-cus-wi{
	width: 97px;
}
.text-analisa-show-desc{
	font-size: 11px;
}
.item-create-input-t > .input-date-range-filter-by{
	width: 100%;
}
.pengiriman-form-dk-active.pengiriman-form-dk i{
	color: #288CFE;
}
.pengiriman-form-dk-active.pengiriman-form-dk .style-form-input-text{
	pointer-events: initial;
	background: initial;
}
.pengiriman-form-dk-active{
	padding-right: 150px;
}
.pengiriman-form-dk{
	position: relative;
}
.input-pengiriman-form-dk{
	position: relative;
	width: 100%;
}
.bt-cus-peng{
	position: absolute;
	right: 0;
	top: -9px;
	font-size: 18px;
	color: #185933;
	cursor: pointer;
}

.bt-cus-peng:hover{
	color: #185933;
}
.pengiriman-form-dk i {
	color: #9b9b9b;
}
.pengiriman-form-dk .style-form-input-text{
	pointer-events:none;
	background: #e5e5e5;
}




.save-currency-rmb3:hover{
	background: #408638;
}
.save-currency-rmb3{
	outline: none;
	border: none;
	background: #55A94B;
	color: #fff;
	border-radius: 4px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	display: inline-block;
	min-width: 60px;
	font-size: 10px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.cancel-currency-rmb3:hover{
	background: #bdbdc4;
}
.cancel-currency-rmb3{
	outline: none;
	border: none;
	background: #F5F5FD;
	color: #575757;
	border-radius: 4px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	display: inline-block;
	width: 70px;
	font-size: 10px;
	margin-left: 3px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.pengiriman-form-dk .bt-pengiriman-form-dk{}
h4.subtitle-rincian-pemb{
	font-size: 13px;
	font-weight: 400;
	color: #575757;
	margin-bottom: 15px;
}
.wrap-list-item-rincian-pemb{
	position: relative;
}
ul.list-item-rincian-pemb li{
	list-style: none;
	border-bottom: 1px solid #DBDCDF;
	padding-top: 10px;
	padding-bottom: 10px;
}
.item-rincian-pemb-l{
	display: inline-block;
	width: 150px;
	font-size: 11px;
	color: #575757;
	font-weight: 400;
	vertical-align: middle;
}
.item-rincian-pemb-r{
	display: inline-block;
	vertical-align: middle;
}
.nominal-price.np-green{
	background: #aeeda7;
}
.nominal-price{
	color: #252525;
	font-size: 11px;
	font-weight: 500;
	background: #fbd791;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.info-color-tab{
	position: absolute;
	top: 0;
	right: 0;
}
.item-colot-tab-icon{
	width: 15px;
	height: 10px;
	background: #fbd791;
	border-radius: 10px;
	display: inline-block;
	vertical-align: middle;
	marker-start: 5px;
}
.item-colot-tab-icon-green{
	width: 15px;
	height: 10px;
	background: #aeeda7;
	border-radius: 10px;
	display: inline-block;
	vertical-align: middle;
	marker-start: 5px;
}
h5.text-color-ifo-tab-pemb{
	color: #575757;
	font-size: 10px;
	font-weight: 400;
	display: inline-block;
	vertical-align: middle;
}
.item-ifo-color-tab-1+:last-child{
	margin-left: 20px;
}
.item-ifo-color-tab-1{
	display: inline-block;
}
.style-text-area-disabled{
	pointer-events: none;
}
.pls-verif{
	color: #eee;
}
.cus-vertif-img-c li{
	/* font-size: 15px;
	color: #eee; */
}
.lang-select-disable{
	pointer-events: none;
}

/* button.btn-close.position-absolute.top-0.end-0.p-3{
	border: none;
	padding: 0;
	right: 0;
	top: 10px;
	background: #000;
	color: #fff;
}

button.btn-close.position-absolute.top-0.end-0.p-3:before{
	color: #fff;
	content:"\f00d";
	font-family:"Fontawesome",sans-serif;
	font-size: 20px;
	background: #000;
} */

.spinner-border{
	display: none;
}
.btn-close svg{
	top: 0 !important;
}
.btn-close {
	right: 0;
	top: 0px;
    box-sizing: content-box;
	width: 20px;
    padding-top: 5px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-bottom: 5px !important;
    color: #000;
    background: #000 !important;
    border: 0;
    border-radius: 0.25rem;
    opacity: 0.6;
}

.sec-shortcode-table{
	position: relative;
}
.sec-shortcode-table table tr td{
	padding-top: 4px;
	padding-bottom: 15px;
	width: 50%;
}
.sec-shortcode-table table{
	border: none;
	width: 100%;
}
h4.title-shord-code-h{
	font-size: 11px;
	font-weight: 300;
	color: #bebebe;
	text-transform: uppercase;
}
h4.title-shortcode-l2{
	font-size: 12px;
	color: #000;
}
h4.title-shortcode-l{
	font-size: 12px;
	text-transform: uppercase;
	color: #000;
}
.radio-button-select-mekanism{
	position: relative;
}
.custom-hr-sep{
	position: relative;
    background: #DBDCDF;
	border: none;
	height: 1px;
    margin-bottom: 20px;
}
/* The container */
.container-mekanism {
	display: block;
	position: relative;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.sec-radio-mekanism{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	width: 21px;
	height: 21px;
}

.text-select-mekanism{
	margin-left:8px;
	display: inline-block;
	vertical-align:middle;
	font-weight: 500;
	font-size: 13px;
	color: #252525;
}
  
/* Hide the browser's default radio button */
.container-mekanism input {
position: absolute;
opacity: 0;
cursor: pointer;
}

/* Create a custom radio button */
.checkmark-mekanism {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
background-color: #eee;
border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container-mekanism:hover input ~ .checkmark-mekanism {
background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container-mekanism input:checked ~ .checkmark-mekanism {
background-color: #55A94B;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark-mekanism:after {
content: "";
position: absolute;
display: none;
}

/* Show the indicator (dot/circle) when checked */
.container-mekanism input:checked ~ .checkmark-mekanism:after {
display: block;
}

/* Style the indicator (dot/circle) */
.container-mekanism .checkmark-mekanism:after {
	top: 5px;
	left: 5px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: white;
}
.mekanism-option-tempo{
	padding-left: 36px;
	padding-top: 10px;
}
.active-mekanism-option-tempo.mekanism-option-tempo h4{
	color: #252525;
}
.active-mekanism-option-tempo .select-option-banner-type{
	color: #252525 !important;
}
.mekanism-option-tempo h4{
	font-weight: 400;
	font-size: 12px;
	color: #C5C9C6;
	margin-bottom: 3px;
}
.mekanism-option-tempo .select-option-banner-type{
	color: #C5C9C6;
}
.select-tempo-mk{
	width: 150px;
}

.wrap-dropdown-total-pembiayaan-cus{
	top: -25px !important;
    right: -19px;
}
.cus-curency-width-auto{
	overflow-x: auto;
}
.cus-curency-width-auto.cus-currency-his{
	overflow-x: unset !important;
}
.cus-curency-width-auto-table{
	width: 1100px !important;
}
.custom-currency-sec .cus-curency-width-auto-table-active .dataTables_wrapper .dataTables_paginate{
	text-align: right !important;
	top: -38px;
    position: relative;
}
.wrap-bt-add-edit-currency{
	position: relative;
}
.bt-add-currency i{
	margin-right: 5px;
}
.bt-add-currency:hover{
	border: 1px solid #55A94B;
	color: #252525;
}
.bt-add-currency{
	display: inline-block;
	font-size: 13px;
	font-weight: 500;
	color: #575757;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 9px;
	padding-bottom: 9px;
	border-radius: 4px;
	border: 1px solid #C5C9C6;
	margin-bottom: 20px;
	margin-right: 15px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.bt-add-currency1{
	color: #55A94B;
}
.bt-add-currency2{
	color: #EC9422;
}
.cur-history-status{
	position: absolute;
	right: 250px;
	top: 2px;
	text-align: right;
}
.cur-history-item-info{
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	color: #252525;
	margin-left: 20px;
}
.cur-history-item-info img{
	width: 14px;
	display: inline-block;
	margin-right: 5px;
}
.cur-deleted-item img{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}
.custom-input-currency-f{
	position: relative;
	display: inline-block;
}
.custom-input-currency-f input{
	width: 200px;
	display: inline-block;
}
.bt-currency-code:hover{
	color: #fff;
	background: #c27a1d;
}
.bt-currency-code{
	display: inline-block;
	margin-left: 6px;
	color: #fff;
	background: #EC9422;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 9px;
	border-radius: 4px;
	
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.cur-desc{
	position: absolute;
	top: 8px;
	right: 6px;
	font-size: 12px;
	color: #575757;
	z-index: 2;
}
.wrap-content-currency-code{
	position: relative;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 10px;
    padding-right: 10px;
    overflow-y: auto;
}
.wrap-content-currency-code .th-his-pembiayaan{
	background: #F7F9FB;
}
/* .wrap-content-currency-code .table-history-pembiayaan tr:nth-of-type(1) td {
    background: #F7F9FB;
} */
.wrap-content-currency-code .table-history-pembiayaan tr:nth-of-type(2n+2) td {
    background: #fff !important;
}
.wrap-content-currency-code .td-text-hist-pemb{
	background: #F7F9FB;
}
.table-history-pembiayaan tr td:nth-of-type(1){
	width: 30%;
}
.table-history-pembiayaan tr td:nth-of-type(2){
	width: 70%;
}
.currency-img-text img{
	width: 20px;
	margin-right: 5px;
}
.currency-img-text{
	font-size: 12px;
	color: #575757;
}
.table-currency-ed0{
	width: 5%;
}
.table-currency-ed1{
	width: 25%;
}
.table-currency-ed2{
	width: 30%;
}
.table-currency-ed3{
	width: 20%;
}
.table-currency-ed4{
	width: 20%;
}
.cta-currency-sec-item a{
	margin-right: 30px;
}
.cta-currency-sec-item{
	text-align: right;
	vertical-align: middle;
}

.cus-currency-his{
	position: relative;
	padding-bottom: 77px;
}
.cus-currency-his .bottom{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.cus-currency-his .dataTables_wrapper .dataTables_length{
	padding-left: 0 !important;
}
.cus-currency-his .dataTables_wrapper{
	overflow-x: auto;
	position: initial;
}
.custom-currency-sec .cus-pagination-center-cur-edit .dataTables_wrapper .dataTables_paginate{
	text-align: center;
}
.input-checkbox-cur input{
	display: none;
}
.hightlight-disabled label {
	color: #b7b4b4 !important;
}
.hightlight-disabled label img{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}
.input-checkbox-cur label img{
	width: 23px;
	display: inline-block;
	margin-right: 6px;
}
.input-checkbox-cur label {
	position: relative;
	color: #252525;
	display: block;
	margin: 0;
	padding-top: 7px;
	font-size: 12px;
	font-weight: 500;
	padding-bottom: 7px;
	cursor: pointer;
}
.input-checkbox-cur input ~ label::before {
	content: "";
	left: 0;
	top: 0;
	position: absolute;
	display: none;
	width: 100%;
	height: 100%;
	color: #EC9422;
}
.input-checkbox-cur input:checked ~ label::before {
	border: 1px solid #EC9422;
	display: block;
	/* content: attr(data-content); */
}
.input-checkbox-cur input ~ label::after {
	content: "";
	left: -4px;
	top: -3px;
	position: absolute;
	display: none;
	width: 12px;
	height: 17px;
	font-size: 12px;
	background: #fff;
	color: #EC9422;
}
.input-checkbox-cur input:checked ~ label::after {
	content: attr(data-content);
	display: block;
}
.item-hightlight-cur{
	float: left;
	position: relative;
	vertical-align: top;
	width: 25%;
	padding-right: 12px;
	font-size: 12px;
	margin-bottom: 15px;
	text-align: center;
}
.item-hightlight-cur-in{
	position: relative;
}
.wrap-selected-hightlight-cur{
	position: relative;
	width: 85%;
	text-align: left;
}
.wrap-hightlight-cur{
	position: relative;
    padding-top: 25px;
    padding-bottom: 35px;
    padding-left: 35px;
    padding-right: 35px;
}
.head-title-highlight-currency{
	position: relative;
	margin-bottom: 30px;
}
.head-title-highlight-currency h3{
	display: inline-block;
}
.bt-edit-highlight-cur:hover{
	color: #55A94B;
}
.bt-edit-highlight-cur{
	display: inline-block;
	font-size: 15px;
	color: #185933;
	margin-left: 10px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.status-cur-active{
	color: #288CFE !important;
	text-transform: capitalize !important;
	font-weight: 500;
}
.status-cur-deleted{
	color: #9E9E9E !important;
	text-transform: capitalize !important;
	font-weight: 500;
}
.custom-status-currency{
	margin-top: 30px;
}
.box-pembiayaan-detail-info-wrap{
	position: relative;
}
.bt-cta-detail-import:hover{
	color: #185933;
}
.bt-cta-detail-import{
	font-size: 18px;
	color: #185933;
	cursor: pointer;
}
.save-bt-cta-det-imp:hover{
	background: #408638;
}
.save-bt-cta-det-imp{
	outline: none;
	border: none;
	background: #55A94B;
	color: #fff;
	border-radius: 4px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	display: inline-block;
	width: 60px;
	font-size: 10px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.cancel-bt-cta-det-imp:hover{
	background: #bdbdc4;
}
.cancel-bt-cta-det-imp{
	outline: none;
	border: none;
	background: #F5F5FD;
	color: #575757;
	border-radius: 4px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	display: inline-block;
	width: 70px;
	font-size: 10px;
	margin-left: 3px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.cta-input-currency-det-imp{
	position: absolute;
	top: -3px;
	right: 0;
	z-index: 1;
}
.form-input-editcurrency-rmb-info{
	position: relative;
	padding-right: 25px;
}
.textarea-form-delivery-add{
	resize: none;
	height: 100px;
}
.item-delivery-p input{
	display: none;
}
.hightlight-disabled label {
	color: #b7b4b4 !important;
}
.hightlight-disabled label img{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}
.item-delivery-p label img{
	/* width: 16px; */
	margin-bottom: 0px;
	display: block;
}
.item-delivery-p label {
	position: relative;
	color: #252525;
	display: block;
	margin: 0;
	padding-top: 4px;
	font-size: 10px;
	font-weight: 500;
	padding-bottom: 4px;
	cursor: pointer;
}
.item-delivery-p input ~ label::before {
	content: "";
	left: 0;
	top: 0;
	position: absolute;
	display: block;
	width: 100%;
	border-radius: 4px;
	height: 100%;
	color: #EC9422;
	border: 1px solid #C5C9C6;
}
.icon-selected-radio-deliv:before{
	content: "";
	/* width: 6px;
	height: 6px; */
	border-radius: 50%;
	background: #55A94B;
	position: absolute;
	top: 1.5px;
	bottom: 1.5px;
	left: 1.5px;
	right: 1.5px;
	display: none;

}
.item-delivery-p input:checked ~ label .icon-selected-radio-deliv:before{
	display: block !important;
}
.item-delivery-p input:checked ~ label::before {
	border: 1px solid #55A94B;
	/* content: attr(data-content); */
}
.item-delivery-p{
	width: 100px;
	position: relative;
	display: inline-block;
	text-align: center;
	margin-right: 10px;
}
.penerimaan-paket-detail-im{
	position: relative;
}
.col-lg-6.custom-padding-address-det{
	padding-left: 0;
	left: -5px;
}
.icon-selected-radio-deliv{
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 1px solid #9E9E9E;
	vertical-align: middle;
	position: relative;
}
.icon-selected-radio-deliv-desc{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding-left: 6px;
}
.accordion-di {
	background-color: transparent;
	color: #252525;
	cursor: pointer;
	padding-left: 30px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 13px;
	transition: 0.4s;
	position: relative;
}
.active-di, .accordion-di:hover {
	/* background-color: #ececec; */
}
.accordion-di:after {
	content: '\f107';
	color: #777;
	font-weight: bold;
	position: absolute;
	background: #F5F5FD;
	left: 0;
	top: 9px;
	width: 20px;
	height: 20px;
	text-align: center;
	font-family:"Fontawesome",sans-serif;
} 
.active-di:after {
	content: "\f106";
}
.panel-di {
	padding: 0 18px;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}
.panel-di .column-detail-import-pembiayaan{
	padding-top: 10px;
}
.f-input-edit-detail-import-show{
	display: none;
}
.f-input-edit-detail-import-show2{
	display: none;
}
.bt-cta-edit-fee{
	font-size: 18px;
	color: #185933;
	cursor: pointer;
}
.bt-cta-edit-fee:hover{
	color: #185933;
}
.cta-input-currency-rmb-fee{
	position: absolute;
	top: -6px;
	right: 0;
	display: none;
}
.in-sec-fee{
	position: relative;
}
.in-sec-fee-tipe{
	position: relative;
	width: 70%;
	float: left;
	padding-right: 5px;
}
.in-sec-fee-persen{
	position: relative;
	width: 30%;
	float: right;
	padding-left: 5px;
}
.img-icon-warning{
	position: relative;
	margin: auto;
	width: 100px;
	margin-bottom: 20px;
}
.img-icon-warning img{
	width: 100%;
}
.wrap-warning-alert{
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
}
h3.heading-title-alert{
	font-size: 18px;
	font-weight: 600;
	color: #333030;
	margin-bottom: 20px;
}
h5.heading-title-alert2{
	font-size: 14px;
	color: #9E9E9E;
	line-height: 23px;
	width: 60%;
	margin: auto;
	margin-bottom: 30px;
	font-weight: 500;
}
.cancel-currency-rmb2-alert:hover{	
	color: #000;
}
.cancel-currency-rmb2-alert{
	outline: none;
	border: none;
	background: transparent;
	text-decoration: underline;
	color: #575757;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	display: inline-block;
	width: 90px;
	font-size: 12px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.save-currency-rmb2-alert:hover{
	background: #408638;
}
.save-currency-rmb2-alert{
	outline: none;
	border: none;
	background: #55A94B;
	color: #fff;
	border-radius: 4px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	display: inline-block;
	width: 90px;
	font-size: 12px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.wrap-cta-button-alert-warning{
	text-align: center;
}
.bt-close-modal-popup-cus-alert:hover{
	color: #55A94B;
	border: 1px solid #55A94B;
}
.bt-close-modal-popup-cus-alert{
	position: absolute;
	top: 10px;
	right: 15px;
	color: #1C1B1F;
	text-align: center;
	font-size: 20px;
}
.alert-wrap-popup{
	/* border-top: 4px solid #EC9422; */
}
.custom-alert-popup-bd .modal-content{
	border-top: 6px solid #EC9422;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
}
.wrap-box-pembiayaan-log-in{
	position: relative;
}
.wrap-box-pembiayaan-log{
	background: #F9FAFE;
    border: 1px solid #DBDCDF;
    border-radius: 4px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 20px;
    position: relative;
}
.pembiayaan-log-item{
	position: relative;
}
.item-pembiayaan-log{
	position: relative;
	display: inline-block;
	width: 150px;
	vertical-align: top;
}
h4.title-pembiayaan-log-1{
	font-size: 12px;
	font-weight: 500;
	color: #9E9E9E;
	margin-bottom: 10px;
}
h4.title-pembiayaan-log-2{
	font-size: 18px;
	font-weight: 600;
	color: #575757;
	margin-bottom: 8px;
}
h5.title-pembiayaan-log-3{
	font-size: 9px;
	font-style: italic;
	font-weight: 400;
	color: #9E9E9E;
}
.heading-logistic-section-info{
	position: relative;
	margin-bottom: 20px;
}
.img-logistic-section-i img{
	width: 100%;
}
.img-logistic-section-i{
	position: relative;
	width: 31px;
	display: inline-block;
	vertical-align: middle;
}
.title-logistic-section-i{
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	font-weight: 600;
	color: #252525;
	margin-left: 8px;
}
.wrap-bt-add-cat-log{
	position: absolute;
	top: 0;
	right: 0;
}
.bt-add-cat-logistic:hover{
	color: #fff;
	background: #408638;
}
.bt-add-cat-logistic{
	outline: none;
    border: none;
    background: #55A94B;
    color: #fff;
    border-radius: 4px;
    padding-top: 7px;
    padding-bottom: 7px;
    text-align: center;
    display: inline-block;
    width: 90px;
    font-size: 9px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.table-logistic-cat-item{
	position: relative;
	overflow-y: auto;
	height: 300px;
}
.table-history-pembiayaan.custom-logistic-cat tr td:nth-of-type(1){
	width: 40px;
}
.table-history-pembiayaan.custom-logistic-cat tr td:nth-of-type(2) {
    width: 60%;
	padding-right: 70px;
	position: relative;
}
.table-history-pembiayaan.custom-logistic-cat .td-text-hist-pemb{
	color: #575757;
}
.table-history-pembiayaan.custom-logistic-cat .th-his-pembiayaan{
	text-transform: unset;
}
.table-history-pembiayaan.custom-logistic-cat .cta-currency-sec-item a{
	margin-right: 15px;
}
.table-history-pembiayaan.custom-logistic-cat a.bt-delete-item-table-banner{
	font-size: 11px;
}
.table-history-pembiayaan.custom-logistic-cat .cta-currency-sec-item{
	position: absolute;
	right: 0;
	top: 11px;
}
.table-history-pembiayaan.custom-logistic-cat{
	width: 100%;
}
.note-table-log-sec{
	font-size: 300;
	font-size: 10px;
	color: #575757;
	font-style: italic;
	text-align: right;
	margin-bottom: 6px;
}
.table-logistic-cat-item::-webkit-scrollbar {
	width: 7px;
}
/* Track */
.table-logistic-cat-item::-webkit-scrollbar-track {
	background: #f1f1f1; 
}
/* Handle */
.table-logistic-cat-item::-webkit-scrollbar-thumb {
background: #CFD6DE; 
}
/* Handle on hover */
.table-logistic-cat-item::-webkit-scrollbar-thumb:hover {
	background: #b0b5bb; 
}
.custom-col-pembiayaan-box .col-lg-12{
	padding-left: 15px !important;
	padding-right: 15px !important;
}
.heading-logistic-section-info.heading-logistic-section-info-cus-add{
	margin-bottom: 30px;
}
.item-add-cat-logistic-sec{
	position: relative;
	border-bottom: 1px dashed #DBDCDF;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.item-add-cat-sec-log{
	position: relative;
}
.wrap-item-add-cat-logistic-sec{
	position: relative;
}
.wrap-bt-add-more-cat-logistic{
	position: relative;
}
.bt-add-more-cat-logistic:hover{
	color: #55A94B;
}
.bt-add-more-cat-logistic{
	position: relative;
	color: #55A94B;
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	border: 1px solid #55A94B;
	font-size: 10px;
	border-radius: 4px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.item-add-cat-sec-log h4.title-create-topic-popup-input{
	font-weight: 500;
}
.heading-log-info-item h4{
	font-size: 10px;
    font-weight: 500;
    color: #9E9E9E;

}
.heading-log-info-item{
    border: 1px solid #DBDCDF;
    background: #fff;
    padding-left: 20px;
	padding-top: 12px;
	padding-bottom: 12px;
}
.table-history-pembiayaan.custom-logistic-cat tr td{
	background: #F7F9FB;
}
.table-history-pembiayaan.custom-logistic-cat  tr:nth-of-type(2n+2) td{
	background: #fff;
}
/* scroll currency */
.cus-curency-width-auto::-webkit-scrollbar {
	/* width: 7px; */
	height: 10px;
}
/* Track */
.cus-curency-width-auto::-webkit-scrollbar-track {
	background: #f1f1f1; 
}
/* Handle */
.cus-curency-width-auto::-webkit-scrollbar-thumb {
background: #CFD6DE; 
}
/* Handle on hover */
.cus-curency-width-auto::-webkit-scrollbar-thumb:hover {
	background: #b0b5bb; 
}
.item-promo-list-sec:before{
	content: "";
	position: absolute;
	left: 0;
	top: 2px;
	width: 5px;
	height: 12px;
	border-radius: 3px;
	background: #288CFE;

}
.item-promo-list-sec span{
	display: inline-block;
	margin-left: 10px;
}
.item-promo-list-sec{
	position: relative;
	font-size: 11px;
	color: #252525;
	margin-bottom: 5px;
	padding-left: 15px;
}
.wrap-promo-overflow-sec{
	position: relative;
	overflow-x: auto;
	height: 100px;
}
.wrap-promo-overflow-sec::-webkit-scrollbar {
	width: 7px;
}
/* Track */
.wrap-promo-overflow-sec::-webkit-scrollbar-track {
	background: #f1f1f1; 
}
/* Handle */
.wrap-promo-overflow-sec::-webkit-scrollbar-thumb {
background: #CFD6DE; 
}
/* Handle on hover */
.wrap-promo-overflow-sec::-webkit-scrollbar-thumb:hover {
	background: #b0b5bb; 
}
.c-list-item-promo-edit-add{
	position: relative;
}
.item-promo-section-input:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0px;
	width: 5px;
	height: 100%;
	border-radius: 3px;
	background: #288CFE;
}
.item-promo-section-input{
	position: relative;
	padding-left: 8px;
	margin-bottom: 12px;
}
h4.title-promo-input-t{
	color: #090A0D;
	font-weight: 500;
	font-size: 11px;
	padding-left: 5px;
	margin-bottom: 3px;
}
.in-input-item-promo-add-edit{
	position: relative;
	padding-right: 80px;
}
.item-promo-section-input:first-child .bt-delete-promo-in{
	/* display: none !important; */
}
.row-input-promo-add-edit{
	position: relative;
}
a.bt-delete-promo-in{
	position: absolute;
	right: 20px;
	top: 4px;
	font-size: 15px;
	color: #185933;
}
a.bt-add-more-promo-input{
	border: 1px solid #55A94B;
	color: #55A94B;
	border-radius: 3px;
	font-size: 10px;
	font-weight: 400;
	text-align: center;
	width: 80px;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
}
.wrap-item-list-promo-sec-c{
	position: relative;
}
.bt-cta-edit-promo{
	font-size: 18px;
	color: #185933;
	cursor: pointer;
}
.bt-cta-edit-promo:hover{
	color: #185933;
}
.cta-input-currency-rmb-fee-promo{
	position: absolute;
	top: -6px;
	right: 0;
	display: none;
}

h5.subtitle-rincian-pemb-s{
	font-size: 12px;
	color: #575757;
	margin-bottom: 20px;
}
h5.subtitle-rincian-pemb-s2{
	font-size: 11px;
	color: #575757;
	margin-bottom: 5px;
}
.rpemb-left{
	font-size: 11px;
	color: #575757;
	border-right: 1px solid #9E9E9E;
	padding-right: 12px;
	font-weight: 600;
}
.pemb-time{
	color: #288CFE;
}
.rinc-pemb-limit-t{
	font-size: 11px;
	font-style: italic;
	color: #575757;
	padding-left: 7px;
}
ul.list-rincian-pemb-item{
	max-width: 350px;
	width: 100%;
}
ul.list-rincian-pemb-item li:first-child{
	/* padding-top: 0; */
}
ul.list-rincian-pemb-item li:last-child{
	border-bottom: 0;
}
ul.list-rincian-pemb-item li{
	list-style: none;
	border-bottom: 1px dashed #DBDCDF;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 12px;
	color: #575757;
	padding-left: 14px;
}
.rin-pemb-paid1{
	float: left;
	width: 70px;
}
.rin-pemb-paid2 span{
	margin-right: 7px;
}
.rin-pemb-paid2{
	margin-left: 70px;
}
ul.list-item-info-pemb-desc{}
ul.list-item-info-pemb-desc li{
	list-style: none;
	margin-bottom: 20px;
}
.item-list-pemb-desc{
	width: 140px;
	font-size: 11px;
	color: #575757;
	font-weight: 500;
	display: inline-block;
}
.item-list-pemb-desc2{
	margin-left: 0px;
	font-weight: 600;
	font-weight: 11px;
	font-size: 11px;
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	border-radius: 4px;
}
.list-pemb-green{
	background: #81D377;
}
.list-pemb-yellow{
	background: #FFC670;
}
.info-color-pemb{
	position: relative;
	text-align: right;
}
.item-info-color-pemb{
	display: inline-block;
	margin-left: 10px;
	font-size: 10px;
}
.circle-color-pemb{
	width: 10px;
	height: 10px;
	display: inline-block;
	margin-right: 5px;
	border-radius: 50%;
	vertical-align: middle;
}
.wrap-list-item-biaya-lainnya{
	position: relative;
}
.item-list-biaya-lainnya:last-child{
	margin-bottom: 0;
}
.item-list-biaya-lainnya{
	position: relative;
	margin-bottom: 25px;
}
.title-list-biaya-lainnya:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 5px;
    height: 100%;
    border-radius: 3px;
    background: #288CFE;
}
.title-list-biaya-lainnya{
	font-size: 12px;
	font-weight: 600;
	color: #252525;
	margin-bottom: 10px;
	padding-left: 15px;
	position: relative;
	padding-top: 2px;
	padding-bottom: 2px;
}
.list-biaya-lainya-col{
	position: relative;
	border-bottom: 1px dashed #DBDCDF;
	padding-left: 16px;
	padding-bottom: 17px;
}
h4.title-list-biaya-detail{
	font-size: 10px;
	font-weight: 400;
	color: #9E9E9E;
	margin-bottom: 4px;
}
h4.title-list-biaya-detail2{
	font-size: 10px;
	font-weight: 400;
	color: #252525;
	margin-bottom: 4px;
	font-weight: 600;
}
.title-list-biaya-detail2 span{
	color: #288CFE;
	margin-right: 5px;
}


.bt-cta-biaya-lainnya:hover{
	color: #185933;
}
.bt-cta-biaya-lainnya{
	font-size: 18px;
	color: #185933;
	cursor: pointer;
}


.bt-cta-biaya-lainnyar:hover{
	color: #185933;
}
.bt-cta-biaya-lainnyar{
	font-size: 18px;
	color: #185933;
	cursor: pointer;
}


.cta-input-currency-det-biaya-lainyar{
	position: absolute;
	top: -9px;
	right: 0;
	z-index: 1;
}
.save-bt-cta-det-biaya-lainyar:hover{
	background: #408638;
}
.save-bt-cta-det-biaya-lainyar{
	outline: none;
	border: none;
	background: #55A94B;
	color: #fff;
	border-radius: 4px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	display: inline-block;
	width: 60px;
	font-size: 10px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.cancel-bt-cta-det-biaya-lainyar:hover{
	background: #bdbdc4;
}
.cancel-bt-cta-det-biaya-lainyar{
	outline: none;
	border: none;
	background: #F5F5FD;
	color: #575757;
	border-radius: 4px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	display: inline-block;
	width: 70px;
	font-size: 10px;
	margin-left: 3px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}


.cta-input-currency-det-biaya-lainya{
	position: absolute;
	top: -3px;
	right: 0;
	z-index: 1;
}
.save-bt-cta-det-biaya-lainya:hover{
	background: #408638;
}
.save-bt-cta-det-biaya-lainya{
	outline: none;
	border: none;
	background: #55A94B;
	color: #fff;
	border-radius: 4px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	display: inline-block;
	width: 60px;
	font-size: 10px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.cancel-bt-cta-det-biaya-lainya:hover{
	background: #bdbdc4;
}
.cancel-bt-cta-det-biaya-lainya{
	outline: none;
	border: none;
	background: #F5F5FD;
	color: #575757;
	border-radius: 4px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	display: inline-block;
	width: 70px;
	font-size: 10px;
	margin-left: 3px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.test{
	color: red;
}
.f-input-edit-biaya-lainnya-show2{
	display: none;
}
h4.desc-promo-info{
	font-weight: 400;
	font-size: 10px;
	color: #252525;
	margin-bottom: 20px;
}
h4.heading-list-item-promo{
	font-weight: 700;
	font-size: 10px;
	color: #252525;
	margin-bottom: 7px;
}
.promo-sec-content{
	height: 210px;
	padding-right: 15px;
	margin-right: -15px;
	overflow-y: auto;
	margin-bottom: 15px;
}
.promo-sec-content::-webkit-scrollbar {
	width: 4px;
}
/* Track */
.promo-sec-content::-webkit-scrollbar-track {
	background: #f1f1f1; 
}
/* Handle */
.promo-sec-content::-webkit-scrollbar-thumb {
background: #CFD6DE; 
}
/* Handle on hover */
.promo-sec-content::-webkit-scrollbar-thumb:hover {
	background: #b0b5bb; 
}
.list-orange:before{
	background: #FF8964 !important;
}
.list-purple:before{
	background: #D980D5 !important;
}
h5.note-info-promo-cat{
	font-size: 10px;
	color: #9E9E9E;
	font-weight: 400;
	margin-bottom: 7px;
}
ul.list-item-promo-cat-li{}
ul.list-item-promo-cat-li li{
	list-style: none;
	display: inline-block;
	width: 49%;
	vertical-align: top;
	margin-bottom: 10px;
	clear: both;
}
.wrap-list-item-cat-promo .title-label-role{
	color: #575757;
}
.wrap-list-item-cat-promo{
	position: relative;
	margin-right: -15px;
	height: 230px;
	overflow-y: auto;
}


.wrap-list-item-cat-promo::-webkit-scrollbar {
	width: 7px;
}
/* Track */
.wrap-list-item-cat-promo::-webkit-scrollbar-track {
	background: #f1f1f1; 
}
/* Handle */
.wrap-list-item-cat-promo::-webkit-scrollbar-thumb {
background: #CFD6DE; 
}
/* Handle on hover */
.wrap-list-item-cat-promo::-webkit-scrollbar-thumb:hover {
	background: #b0b5bb; 
}


a.bt-add-more-biaya{
	border: 1px solid #55A94B;
	color: #55A94B;
	border-radius: 3px;
	font-size: 10px;
	font-weight: 400;
	text-align: center;
	width: 80px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 20px;
	display: block;
}
.item-list-biaya-lainnya:first-child .bt-delete-biaya-lainnya{
	/* display: none !important; */
}
.bt-delete-biaya-lainnya:hover{
	color: #F34239;
}
.bt-delete-biaya-lainnya{
	font-size: 15px;
    color: #F34239;
	margin-left: 20px;
}
.promotag{
	display: inline-block;
	margin-left: 3px;
	color: #008bff;
	font-size: 19px;
	vertical-align: middle;
}

.bg-status-pengajuan{
	background: rgba(236, 133, 0, 0.2);
	color: #EC8500;
}
.bg-status-quotation{
	border: 1px dashed rgba(17, 143, 151, 0.5);
	color: #118F97;
}
.bg-status-pembayaran{
	background: #FFF282;
	color: #575757;
}
.bg-status-dppaid{
	background: rgba(17, 143, 151, 0.2);
	color: #118F97;
}
.bg-status-batal{
	background: rgba(243, 66, 57, 0.2);
	color: #F34239;
}
.bg-status-proses{
	border: 1px dashed rgba(8, 118, 243, 0.5);
	color: #0876F3;
}
.bg-status-pengiriman{
	background: rgba(8, 118, 243, 0.2);
	color: #0876F3;
}
.bg-status-paid{
	background: rgba(85, 169, 75, 0.2);
	color: #16620D;
}
.bg-status-pengambilan{
	background: rgba(151, 71, 255, 0.2);
	color: #9747FF;
}
.bg-status-selesai{
	background: #DAFF73;
	color: #252525;
}
.wrap-bt-edit-role-bt{
	position: relative;
}
.cus-padding-role{
	padding-top: 20px !important;
}
.role-edit-edit:before{
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.role-edit-edit2:before{
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.mekanisme-disable-edit:before{
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.container-content-all-quotation.custom-report-padding{
	padding-top: 30px;
	padding-left: 30px;
	padding-right: 70px;
	padding-bottom: 20px;
}
.wrap-filter-report-pembiayaan{
	position: relative;
	margin-bottom: 30px;
}
ul.link-report-button-pem{
	border-bottom:3px solid #DBDCDF;
	margin-bottom: 10px;
}
ul.link-report-button-pem li.active{
	border-bottom: 2px solid #55A94B;
}
ul.link-report-button-pem li a{
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 7px;
	color: #252525;
}
ul.link-report-button-pem li{
	border-bottom: 3px solid transparent;
	list-style: none;
	display: inline-block;
	margin-right: 20px;
	position: relative;
	bottom: -2px;
	font-size: 14px;
	font-weight: 600;
}
.filter-select-method{
	position: relative;
	margin-bottom: 15px;
}
.filter-select-method .container-mekanism{
	position: relative;
	margin-bottom: 0;
	display: inline-block;
	vertical-align: top;
	margin-right: 30px;
}
.mekanism-option-tempo.report-pembiayaan-cus-mekanism .select-tempo-mk{
	width: 190px;
}
.mekanism-option-tempo.report-pembiayaan-cus-mekanism{
	padding-left: 0;
	padding-top: 0;
	display: inline-block;
	position: relative;
	top: -3px;
}
.report-pemb-select{
	position: relative;
    font-size: 12px;
    color: #252525;
    font-weight: 600;
    border: none;
	background: #F9FAFE;
    border-radius: 4px;
    width: 100%;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 6px;
    padding-right: 6px;
    outline: none;
}
.report-pemb-datepicker.datepickerformat{
	position: relative;
	opacity: 1;
	border: none;
}
.datepicrange-report{
	position: relative;
	display: inline-block;
	top: -3px;
	margin-left: 0px;
	width: 180px;
}
.datepicrange-report input{
	border: none;
	background: #F9FAFE;
	color: #252525;
	padding-right: 10px;
	font-size: 12px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.datepicrange-report i {
    position: absolute;
    top: 12px;
    right: 10px;
    color: #288CFE;
    font-size: 17px;
    z-index: 4;
}
a.bt-download-xls img{
	width: 15px;
	margin-right: 7px;
	vertical-align: middle;
	display: inline-block;
}
a.bt-download-xls{
	font-size: 11px;
	font-weight: 600;
	color: #55A94B;
	border: 1px solid #55A94B;
	display: inline-block;
	padding-left: 13px;
	padding-right: 13px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-radius: 4px;
}



.table-report-pemb0{
	width: 0 !important;
}
.disable-check-tab-cus th.dt-body-center.sorting.sorting_asc{
	width: 0 !important;
	display: none;
}
.disable-check-tab-cus table.dataTable.display>tbody>tr.odd>.sorting_1, table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_1{
	display: none;
}

.disable-check-tab-cus table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:after{
	display: none;
}
/* .table-report-pemb1{
	border-left: 1px solid #DBDCDF;
	padding-left: 25px !important;
}
.disable-check-tab-cus tr td:nth-of-type(2){
	padding-left: 25px !important;
} */
/* 
.table-report-pemb1{
	width: 100px !important;
}
.table-report-pemb2{
	width: 200px !important;
}
.table-report-pemb3{
	width: 300px !important;
}
.table-report-pemb4{
	width: 300px !important;
}
.table-report-pemb5{
	width: 300px !important;
}
.table-report-pemb6{
	width: 300px !important;
}
.table-report-pemb7{
	width: 300px !important;
}
.table-report-pemb8{
	width: 300px !important;
}
.table-report-pemb9{
	width: 300px !important;
} */
.overflow-report-tab{
	overflow-x: auto;
}
.select-filter-customer-c{
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}
.filter-after-select-customer-c{
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.filter-after-select-customer-c .search-input-quo-tab{
	background: #F9FAFE;
	border: none;
}
.filter-after-select-customer-c .searchbar-quotation-customer-cus{
	margin-right: 10px;
}
.bt-cari-data-cus i{
	margin-left: 20px;
}
.bt-cari-data-cus{
	font-size: 10px;
	display: inline-block;
	background: #55A94B;
	color: #fff;
	border-radius: 4px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 7px;
	padding-bottom: 7px;
	border: none;
	vertical-align: top;
}
.filter-deactive:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}
.filter-after-select-customer-c .search-input-quo-tab{
	color: #252525;
}
.filter-after-select-customer-c .datepickerformat{
	color: #252525;
}
.filter-deactive .bt-cari-data-cus{
	background: #F5F5FD;
	color: #9E9E9E;
}
.bt-download-xls.bt-download-xls-disable img{
	filter: grayscale(100%);
}
.bt-download-xls.bt-download-xls-disable{
	border: 1px solid #F5F5FD;
	background: #F5F5FD;
	color: #9E9E9E;
	cursor:not-allowed;
}

.filter-after-select-customer-c .select2-container--default .select2-selection--multiple{
	background: #F9FAFE;
    color: #252525;
	border: none;
	padding-left: 30px;
	font-size: 12px;
}
.filter-after-select-customer-c .select2-container .select2-selection--multiple{
	min-height: 30px;
}
.select2-results__option--selectable{
	font-size: 12px;
}
.select2-dropdown{
	border: 1px solid #F5F5FD;
}

.filter-after-select-customer-c .select2-container--default .select2-selection--single{
	padding-left: 25px;
	font-size: 11px;
	font-weight: 500;
	border: none;
	background: #F9FAFE;
	color: #9E9E9E;
}
.select2-results__option{
	font-size: 12px;
}
.filter-after-select-customer-c .select2-container .select2-selection--single{
	height: 34px;
}
.select2-search--dropdown .select2-search__field{
	font-size: 12px;
}
.note-modified-cur{
	position: relative;
	font-size: 9px;
	color: #9E9E9E;
	font-weight: 300;
}
.font-curency-red-deleted{
	color: #F34239 !important;
}

.item-box-notif-floating-active{
	display: block !important;
	/* -webkit-animation-name: fadeIn; */
	right: 0 !important;
    -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; */
}
.item-box-notif-floating{
	right: -200%;
	position: relative;
	/* display: none; */
	margin-bottom: 20px;
	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: 500px;
	border-left: 6px solid transparent;
	
    -webkit-transition:0.9s;
    -moz-transition:0.9s;
    -ms-transition:0.9s;
    -o-transition:0.9s;
    transition:0.9s;
}
.border-orange{
	border-left: 8px solid #EC9422;
}
.border-blue{
	border-left: 8px solid #288CFE;
}
.border-red{
	border-left: 8px solid #F34239;
}
.border-green{
	border-left: 8px solid #55A94B;
}


.item-notif-floating-icon{
	float: left;
	width: 40px;
}
.item-notif-floating-icon img{
	width: 100%;
}
.item-notif-floating-text{
	margin-left: 60px;
	margin-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: #9E9E9E;
	font-weight: 500;
}
.bt-close-floating-notif img{
	width: 10px;
	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;
}
/* 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; 
}

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

.wrap-notif-floating-dash{
	position: fixed;
	top: 80px;
	right: 50px;
	top: 70px;
	right:20px;
	z-index: 99;
	/* max-height: 100%;
	overflow-y: auto; */
}

.icon-verified-status-edit{
	position: relative;
	display: inline-block;
}
.icon-verified-status-edit label img{
	width: 20px;
	filter: grayscale(100%);
}
.icon-verified-status-edit{
	position: relative;
}
.icon-verified-status-edit input {
    /* opacity: 1;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; */
	display: none;
}
.icon-verified-status-edit input:checked ~ label img{
    filter: grayscale(0%);
}
.icon-verified-status-edit label {
    position: relative;
    display: block;
    margin: 0;
    cursor: pointer;
}
.custom-edit-tab-in{
	margin-top: -8px;
	position: relative;
}
.custom-edit-tab-in input{
	width: 100%;
}
.wrap-custom-edit-tab-in{
	position: relative;
	padding-right: 40px;
}
.custom-form-padding-edit .col-5 .icon-verified-status-edit{
	top: -8px;
}
.custom-form-padding-edit .bt-dokumen-img-verif.bt-dokumen-img-verif-cus{
	width: 100%;
}
.custom-form-padding-edit .item-row-verified-dokumen{
    padding-top: 29px;
    padding-bottom: 15px;
}
.custom-verif-edit.wrap-cta-button-create-topic button{
	width: auto;
	display: inline-block;
	padding-left: 15px;
	padding-right: 15px;
}
.custom-verif-edit.wrap-cta-button-create-topic{
	position: absolute;
	right: 20px;
	top: 4px;
}
.custom-upload-dok-data-diri .dropzone-desc h5{
	color: #55A94B;
	font-weight: 500;
	font-size: 10px;
}
.custom-upload-dok-data-diri .dropzone-wrapper{
	border: 1px solid #55A94B;
	border-radius: 4px;
	display: inline-block;
    color: #92b0b3;
    position: relative;
    background: transparent;
    overflow: hidden;
}
.custom-upload-dok-data-diri .dropzone-desc-info{
	margin-left: 0;
	padding-top: 0;
	cursor: pointer;
}
.custom-upload-dok-data-diri .dropzone-desc{
	margin-left: 0;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;
	cursor:  pointer !important;
}
.custom-upload-dok-data-diri{
	text-align: right;
}
.custom-form-padding-edit{

}
.img-icon-upload-dd{
	width: 15px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}
.img-icon-upload-dd img{
	width: 100%;
}
.box-img-bord-dd{
	border: 1px solid #DBDCDF;
	border-radius: 5px;
	display: inline-block;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
}
.custom-upload-dok-data-diri .box-body{
	clear: both;
    position: relative;
    padding-right: 100px;
	background: transparent;
}
.custom-upload-dok-data-diri .box-body p{
	font-size: 10px;
    font-weight: 400;
    color: #333333;
    word-wrap: break-word;
    text-align: left;
    margin-bottom: 0;
}
.custom-upload-dok-data-diri .remove-content-img-upload{
	width: 20px;
	height: 20px;
	color: #575757;
	border: none;
	border-radius: none;
	background: transparent;
}
.custom-upload-dok-data-diri .remove-content-img-upload:hover{
	color: red;
	background: transparent;
}
.custom-upload-dok-data-diri .preview-zone {
    text-align: left;
    overflow: hidden;
    background: #F4EFF2;
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: -15px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
.custom-upload-dok-data-diri .box-header {
    color: #444;
    position: absolute;
    top: -7px;
    right: -16px;
    z-index: 9;
}
.custom-upload-dok-data-diri .box{
	background: transparent;
}
.drop-your-doc-note{
	text-align: right;
}
.progress-bar-up {
    border-radius: 10px;
    background: #c0ddff;
    position: relative;
    overflow: hidden;
    width: 25%;
    position: absolute;
    right: 20px;
    top: 5px;
}
.progress-bar-up-in {
    height: 4px;
    background: #288CFE;
    border-radius: 10px;
    -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: slideInLeft;
    animation-duration: 0.5s;
}
.preview-zone-sw {
    text-align: center;
    overflow: hidden;
}
.box-sw {
    position: relative;
    background: #ffffff;
    width: 100%;
}
.box-header-sw{
	position: relative;
}
.box-tools-sw {
    position: absolute;
    right: 10px;
    top: 1px;
}
.pull-right-sw {
    float: right;
}

.remove-content-img-upload-sw {
    color: #575757;
    border: 0;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 0;
    text-align: center;
    padding-top: 0px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.remove-content-img-upload-sw:hover {
    color: #fff;
	background: red;
}
.remove-content-img-upload-sw i {
    font-size: 16px;
}
.box-body-sw {
    padding-right: 50px;
    text-align: right;
	overflow: hidden;
}
.box-img-bord-dd p{
	display: inline-block;
	vertical-align: middle;
	font-size: 10px;
	font-weight: 600;
	color: #575757;
	margin: 0;
	word-wrap: break-word;
}
.hidden {
    display: none;
}

.multiple-client-up {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 9;
}
#preview-container {
    clear: both;
    z-index: 10;
}
.preview-active {
    margin-top: 40px;
    position: relative;
}
/* item up csv */
.item-upload-file-preview-in{
	position: relative;
}
.item-upload-file-preview{
	position: relative;
	border: 1px solid #DBDCDF;
	border-radius: 4px;
	padding: 15px;
	margin-bottom: 20px;
}
.heading-title-upload-bar-csv{
	position: relative;
	font-size: 12px;
	font-weight: 700;
	text-align: left;
	margin-bottom: 7px;	
}
.f-importing{
	color: #333333 !important;
}
.f-failed{
	color: #F34239 !important;
}
.bt-cta-action-preview-box{
	position: absolute;
	right: 0;
	top: 0;
}
.bt-style-cta-prev i{
	font-size: 8px;
	line-height: 10px;
}
.bt-style-cta-prev:hover{
	background: #252525;
	color: #fff;
}
.bt-style-cta-prev{
	outline: none !important;
	border: 1px solid #575757;
	border-radius: 50%;
	color: #575757;
	width: 20px;
	height: 20px;
	text-align: center;
	padding-top: 0px;	
	margin-left: 5px;
	background: transparent;
	cursor: pointer;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.info-file-meta-desc{
	position: relative;
	padding-right: 80px;
	margin-bottom: 3px;
}
.info-file-meta-desc span{
	display: inline-block;
	font-size: 10px;
	font-weight: 500;
	color: #333333;
	word-wrap: break-word;
}
.seperator{
	margin-left: 3px;
	margin-right: 3px;
	vertical-align: middle;
	font-size: 16px !important;
	font-weight: 400 !important;
}
.bar-percent-text.bar-checklist-complete{
	color: #55A94B;
	font-size: 24px;
	top: 0;
}
.bar-percent-text{
	position: absolute;
	right: 0;
	top: 8px;
	font-size: 10px;
	font-weight: 500;
	display: none;
	color: #333333;
}
.progress-bar-up2 {
    border-radius: 10px;
    background: #deeacc;
    position: relative;
    overflow: hidden;
    width: 100%;
    position: relative;
	display: none;
}
.progress-bar-up-in2 {
    height: 6px;
    background: #84CC16;
    border-radius: 10px;
    -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: slideInLeft;
    animation-duration: 0.5s;
}
.failed-upload .progress-bar-up2{
	background: #DBDCDF;
}
.failed-upload .bar-percent-text{
	color: #F34239;
}
.custom-upload-csv.dropzone-wrapper{
	background: transparent;
	border: 2px dashed #E0E0E0;
	border-radius: 3px;
}
.custom-upload-csv .dropzone-desc-info{
	margin-left: 0;
	padding-top: 0;
}
.custom-upload-csv .dropzone-desc{
	padding-top: 50px;
	padding-bottom: 50px;
}
.custom-upload-csv .dropzone-desc-info{
	text-align: center;
}
.img-upload-scv-drag{
	width: 30px;
	margin: auto;
	margin-bottom: 20px;
}
.img-upload-scv-drag img{
	width: 100%
}

.wrap-customer-personal-box-cus-qontak{
	position: relative;
	width: 100%;
	padding-left: 0px;
	padding-right: 120px;
	margin: auto;
}

.custom-form-qontak .save-currency-rmb2{
	margin-left: 10px;
}
.custom-form-qontak .item-create-input-t:last-child{
	/* border-bottom: 0; */
	border-top: 1px solid #DBDCDF;
	margin-bottom: 30px;
	padding-bottom: 0;
	padding-top: 30px;
}
.custom-form-qontak .item-create-input-t{
	/* padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid #DBDCDF; */
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.custom-form-qontak-in .wrap-cta-edit-detail{
	top: -16px;
	right: -11px;
}
.custom-form-qontak-in{
	position: relative;
}
.custom-form-qontak .wrap-cta-button-create-topic{
	text-align: center;
	border-top: 1px solid #DBDCDF;
	margin-left: -30px;
	margin-right: -30px;
	padding-top: 30px;
}
.box-warning-q{
	position: relative;
	border: 1px solid #EC9422;
	background: #fff;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.box-warning-img{
	width: 25px;
	float: left;
}
.box-warning-img img{
	width: 100%;
}
.box-warning-desc{
	margin-left: 40px;
}
h4.box-warning-q1{
	color: #252525;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 5px;
}
h4.box-warning-q2{
	color: #252525;
	font-size: 10px;
	font-weight: 400;
	margin-bottom: 0px;
}

.wrap-customer-personal-box-cus-qontak.wrap-customer-personal-box-cus-notif{
	padding-right: 0;
}

.notification-tab{
	width: 100%;
	position: relative;
}
.notification-tab tr:nth-of-type(2n+1){
	background: #fff;
}
.notification-tab tr td{
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 13px;
	padding-bottom: 13px;
}
.heading-tab-notif-bar td{
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.heading-tab-notif-bar{
	background: #fff;
	border: 1px solid #DBDCDF;
	border-radius: 9px !important;
}
h4.title-notif-heading-tab{
	color: #9E9E9E;
	font-size: 11px;
	font-weight: 500;
}
h4.title-notif-tag{
	color: #575757;
	font-size: 11px;
	font-weight: 500;
}
.notification-tab .style-form-input-text{
	background: transparent;
}
.item-box-info-perusahaan-in-tab{
	overflow-x: auto;
}

.disable-button:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.disable-button{
	position: relative;
}
.disable-button button{
	cursor: auto;
	opacity: 0.6;
}

.img-icon-impo{
	width: 10px;
	display: inline-block;
	margin-left: 3px;
	vertical-align: middle;
}
.img-icon-impo2{
	width: 15px;
	display: inline-block;
	margin-left: 3px;
	vertical-align: middle;
}