@font-face {
  font-family: Montserrat-Regular;
  src: url(font/Montserrat-Regular.ttf);
}
@font-face {
  font-family: Montserrat-Bold;
  src: url(font/Montserrat-Bold.ttf);
}

@font-face {
  font-family: Montserrat-Medium;
  src: url(font/Montserrat-Medium.ttf);
}

body{
	font-family: Montserrat-Regular;
}

h5{
	font-family: Montserrat-Bold;
}

.card-header{
	color: #282828;
	text-transform: uppercase;
	/*font-size: 30px;*/
}
a{
	color:#4881ea;
}

.page-header{
	margin-bottom: 10px;
	padding: 20px 50px 10px;
}
h2.cust-name{
	display:inline;
	padding-bottom: 10px;
}
.cust-qua{
	display:inline;
	margin: 10px;
}
.tag{
	margin-top: 10px;
}
.tag-content{
	margin-left: 10px;
}

#category_table_filter {
	display: block !important;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination{
	margin: auto 0 auto auto;
}

.action_button_container{
	margin-bottom: 5px;
}

#form_delete_data label .custom-select{
	float: none;
}

.bootstrap-datetimepicker-widget.dropdown-menu{
	visibility: visible;
	opacity: 1;
	height: auto;
}
/* .dropdown-menu{margin-top:15px;visibility:hidden;opacity:0;height:0;display:block!important;-webkit-transition:margin-top .3s,opacity .3s;-o-transition:margin-top .3s,opacity .3s;-moz-transition:margin-top .3s,opacity .3s;transition:margin-top .3s,opacity .3s;border-top:1px solid #eee!important} */

.datepicker table td, .datepicker table th{
	padding: 0 !important;
}

/* 
ARROW STEP 
https://codepen.io/polinovskyi/pen/embZmw?__cf_chl_jschl_tk__=4ba6ebf9b7d94f851e1172653f7625ababbc95c2-1601079170-0-AULsZjzpcxAsI39h7eH6adgOKOxEoPv1nn62Pt_uQMYNGzpCpnKsAs1azQ-ZgyMxIRPOeXO64mqforKjCULXtZUbn56o3VBuNh8g7wCu3zEN2eGONPBu_JZdaBmN9p1xDTJF2fIY8PQQ9Iyrt6Mal6WzTi0uh2xAn5nhoEcA-gyuUsn6EPPv_JVC6cqrvuD-kkpDw5zRKm69ea-OVo40fn5R_A3LAMbtXlStyTkFFdqrgm4og1uJt7i_y9e4sK_fS21-nS-3WzTprRDCi9xmTw4-Cj5LNqGHlpooXUfKewcAWmfZiRFeODMsHc_xuJRkQ4TFBFTVKI76Eza72y6SItHFBh9m02JldAT0Lpqqq_Tb 
*/

.arrow-steps .step {
	font-size: 14px;
	text-align: center;
	color: #666;
	cursor: default;
	margin: 0 3px;
	padding: 10px 10px 10px 30px;
	min-width: 180px;
	float: left;
	position: relative;
	background-color: #d9e3f7;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 
	transition: background-color 0.2s ease;
	cursor: pointer;
}

.arrow-steps .step:after,
.arrow-steps .step:before {
	content: " ";
	position: absolute;
	top: 0;
	right: -17px;
	width: 0;
	height: 0;
	border-top: 21px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 17px solid #d9e3f7;	
	z-index: 2;
	transition: border-color 0.2s ease;
}

.arrow-steps .step.done::after{
	border-left-color: #23468c;
}

.arrow-steps .step:before {
	right: auto;
	left: 0;
	border-left: 17px solid #fff;	
	z-index: 0;
}

.arrow-steps .step:first-child:before {
	border: none;
}

.arrow-steps .step:first-child {
	padding-left: 15px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.arrow-steps .step span {
	position: relative;
}

/* .arrow-steps .step span:before {
	opacity: 0;
	content: "✔";
	position: absolute;
	top: -2px;
	left: -20px;
} */

.arrow-steps .step.done span:before {
	opacity: 1;
	-webkit-transition: opacity 0.3s ease 0.5s;
	-moz-transition: opacity 0.3s ease 0.5s;
	-ms-transition: opacity 0.3s ease 0.5s;
	transition: opacity 0.3s ease 0.5s;
}

.arrow-steps .step.done{
	color: #fff;
	background-color: #23468c;
}

.arrow-steps .step.done:hover, .arrow-steps .step.current:hover{
	color: #d9e3f7;
}

.arrow-steps .step.current {
	color: #fff;
	background-color: #23468c;
}

.arrow-steps .step.current-danger {
	color: #fff;
	background-color: #dc3545;
}

.arrow-steps .step.current-success {
	color: #fff;
	background-color: #28a745;
}

.arrow-steps .step.current-danger::after{
	border-left-color: #dc3545;
}

.arrow-steps .step.current-success::after{
	border-left-color: #28a745;
}

.arrow-steps .step.current:after {
	border-left: 17px solid #23468c;	
}

.bot-button{
	text-align: right;
}

body.form-membership .form-wrapper1 {
    background-color: #fff;
    padding: 3rem;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 500px;
    margin: 50px auto;
    text-align: center;
}

textarea.form-control{
	min-height: 100px !important;
}

th{
	text-align: center;
}

.select2-container--default .select2-selection--single .select2-selection__clear{
	margin-right: 10px;
	font-size: 1.2em;
}

.invoice-summary td:last-child{
	padding-left:  50px;
}

#report_table_wrapper.dataTables_wrapper .dataTables_length select{
	float: none;
}

#report_table_filter{
	display: inline !important;
	float: right;
}

.action_button{
	margin:10px;
}
.card table a{
	text-decoration: underline !important;
}

.header{
	background-color:black !important;
}
.logo-light{
	height:50px;
}

.btn.btn-black{
	background: #0c0c0c;
	border-color: #0c0c0c;
	color: white;
	/*padding: 20px;*/
}
.btn.btn-black:not(:disabled):not(.disabled):active, .btn.btn-black:not(:disabled):not(.disabled):focus, .btn.btn-black:not(:disabled):not(.disabled):hover {
	background: #46555c;
	border-color: #46555c;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before, .custom-radio .custom-control-input:checked~.custom-control-label::before, .custom-switch .custom-control-input:checked~.custom-control-label::before {
	border-color: #0c0c0c;
	background-color: #0c0c0c;
}

.card table .btn-primary{
	color: white !important;
}

a.btn{
	color: white !important;
}

#checkbox_div li{
	list-style: none;
}

ul.list-angka li{
	list-style: decimal;
}