.card-stats .card-body .numbers .card-category{
	color: #2286c3;
}

.card-stats .card-footer hr{
	border: 2px solid #2286c3;
}

/* Tooltip */
.tooltip > .tooltip-inner {
	background-color: #2286c3;
	color: #FFFFFF;
	border: 1px solid #2286c3;
}

/* Tooltip on top */
.tooltip.top > .tooltip-arrow {
	border-top: 5px solid #2286c3;
}

.appraisalBtn{
	cursor: pointer;
}

/*summernote lite fix*/
.note-editor .dropdown-toggle::after {
	all: unset;
}

.note-editor .note-dropdown-menu {
	box-sizing: content-box;
}

.note-editor .note-modal-footer {
	box-sizing: content-box;
}

div.note-editor.note-frame{
	font-family: Arial !important;
}

/*end summernote lite*/
nav .dropdown-menu{
	width: 200px !important;
}

.dropdown-divider{
	border-color: #bdbdbd !important;
}

.off-canvas-sidebar .nav li>a, .sidebar .nav li>a{
	/*margin-left: 5px !important;*/
}

.off-canvas-sidebar .nav i, .sidebar .nav i{
	/*margin-right: 0px !important;*/
}

.sidebar-wrapper .nav li:hover{
	cursor: pointer;
	background-color: #dee2e6 !important;
}

.sidebar-wrapper .nav li a{
	color: #444 !important;
	font-weight: bold;
}

.sidebar-wrapper .nav li a:hover{
	color: #fff !important;
}

.sidebar-wrapper .nav li:hover{
	color: #fff !important;
	background-color: #0078D7 !important;
}

.main-panel{
	background-color: #ECF0F1;
}

.loanBtn{
	font-weight: bold !important;
	text-decoration: none !important;
}

.description{
	font-size: 12px !important;
	color: #444;
}

input[type=text]:focus{
	color: #676c61 !important;
}

input[type=password]:focus{
	color: #676c61 !important;
}

textarea:focus{
	color: #676c61 !important;
}


select:focus {
	color: #66615b !important;
}

#loader {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	background: rgba(0,0,0,0.15);
	z-index: 10000;
}

.loader-text{
	background-color: #444;
	color: #fff;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}

a{
	text-decoration: none;
	color: #2286c3;
}

.userFullName{
	vertical-align: bottom !important;
}

.userimage{
	height: 25px;
	width: 25px;
}

.main-panel .content{
	margin-top: 80px;
}

.logo img{
	width: 100px;
	height: auto;
}

.report-logo img{
    height: 80px;
    width: auto;
    margin-right: 5px !important;
}

.report-logo-name{
    /*margin-top: 10px;*/
    font-size: 26px;
    line-height: 90%;
    color: forestgreen;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

.report-logo-place{
    font-size: 26px;
    font-family: 'Montserrat', sans-serif;
}

.report-logo-address{
    font-size: 14px;
}

.btn-xs{
	font-size: 10px;
	border-radius: 3px;
	padding: 3px 10px;
}

.card .image{
	height: 150px !important;
}

.card-user .card-body{
	min-height: 200px !important;
	padding-bottom: 0px !important;
}
.card-header:not(.collapsed) .rotate-icon {
  transform: rotate(180deg);
}

.mute-link {
    text-decoration: none !important;
    color: #2286c3 !important;
    text-transform: capitalize !important;
    font-weight: normal !important;
}

.mute-link:focus, .mute-link:hover {
    color: #51cbce !important;
    cursor: pointer;
}

.btn-outline-secondary {
    color: #6c757d;
    border: 2px solid #6c757d;
    background: transparent;
}

.btn-outline-secondary:hover {
	background-color: #6c757d !important;
	border: 1px solid #6c757d !important;
}

.btn-outline-white {
    color: #fff;
    border: 2px solid #fff;
    background: transparent;
}

.btn-outline-white:hover {
	background-color: #fff !important;
	border: 1px solid #cecece !important;
}

.btn-outline-red {
    color: #CD201F;
    border: 2px solid #CD201F;
    background: transparent;
}

.btn-outline-red:hover {
	background-color: #CD201F !important;
	border: 1px solid #CD201F !important;
}

.btn-outline-blue {
    color: #1DA1F2;
    border: 2px solid #1DA1F2;
    background: transparent;
}

.btn-outline-blue:hover {
	background-color: #1DA1F2 !important;
	border: 1px solid #1DA1F2 !important;
}

.btn-outline-green {
    color: #1ABC9C;
    border: 2px solid #1ABC9C;
    background: transparent;
}

.btn-outline-green:hover {
	background-color: #1ABC9C !important;
	border: 1px solid #1ABC9C !important;
}

.btn-outline-orange {
    color: #F57D00;
    border: 2px solid #F57D00;
    background: transparent;
}

.btn-outline-orange:hover {
	background-color: #F57D00 !important;
	border: 1px solid #F57D00 !important;
}

.border-blue{
	border: 5px solid #1DA1F2 !important;
}

.border-top-blue{
	border-top: 5px solid #1DA1F2 !important;	
}

.bg-blue{
	background-color: #1DA1F2 !important;;
	color: #fff;
}

.bg-red{
	color: #fff !important;
	background-color: #CD201F !important;
}

.queue-num{
	font-weight: 900;
	 font-size: 10em;
}

.queue-kiosk-num{
	font-weight: 800;
	font-size: 4em;
}

.display-queue img{
	width: auto;
	height: 100px;
}

.display-title{
/*	color: #1DA1F2;*/
/*	text-shadow: 3px 3px 3px gray;*/
	font-size: 2em;
	font-weight: 900;
}

.fakelink{
	color: #1DA1F2;
	cursor: pointer;
}

.bg-gray{
	/*background-color: #cecece;*/
	/*background-size: cover;*/
}

.btn-outline-blue {
    color: #1DA1F2;
    border: 2px solid #1DA1F2;
    background: transparent;
}

.btn-outline-blue:hover {
	background-color: #1DA1F2 !important;
	border: 1px solid #1DA1F2 !important;
}


.btn-outline-primary:hover {
	background-color: #1BA1E2 !important;
	border: 1px solid #1BA1E2 !important;
}

.btn-outline-primary {
    color: #1BA1E2 !important;
    border: 2px solid #1BA1E2 !important;
    background: transparent;
}

.crud-title{
	font-size: 16px;
	color: #2286c3;
}

.title-small{
	font-size: 19px !important;
}

.form-control-isexist::placeholder{
	color: #444 !important;
}

input::placeholder{
	color: #afafaf !important;
}


/*select.form-control{
	color: #afafaf !important;
}

select.form-control option{
	color: #444 !important;
}

select.form-control option:checked{
	color: blue !important;
}*/

.input-check input::placeholder{
	color: #677365 !important;
}

.table thead th.sort:hover{
	background-color: #cecece;
	cursor: pointer;
}

.table>:not(:first-child){
	border-top: 1px solid #dee2e6 !important;
}

.table-sm th{
	font-size: 12px !important;
}

.table-sm tr td{
	padding: 5px !important;
	vertical-align: top !important;
}

.btn-outline-disabled{
	background-color: #fff !important;
  	border: 2px solid #bdbdbd !important;
	color: #bdbdbd !important;
}

.infocontent img{
	margin : 5px 5px 0px 5px;
}

.badge-blue{
	background-color: #1877F2;
}

.badge-red{
	background-color: #CD201F;
}

.badge-orange{
	background-color: #F57D00;
}

.badge-green{
	background-color: #1ABC9C;
}

.badge-gray{
	background-color: gray;
}

.badge-notif{
	padding: 4px;
	font-weight: bolder !important;
}

.help-block{
	color: #ef8257;
}

.badge-light-blue{
	background-color: #2286c3;
}

.text-justify{
	text-align: justify !important;
}

.nav-tabs li.bv-tab-success > a {
    color: blue !important;
}

.input-editable::placeholder{
	color: #66615b !important;
}

.font-28{
	font-size: 28px !important;
}

.font-26{
	font-size: 26px !important;
}

.font-24{
	font-size: 24px !important;
}

.font-22{
	font-size: 22px !important;
}

.font-20{
	font-size: 20px !important;
}

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

.font-16{
	font-size: 16px !important;
}

.font-14{
	font-size: 14px !important;
}

.font-13{
	font-size: 13px !important;
}

.font-12{
	font-size: 12px !important;
}

.font-10{
	font-size: 10px !important;	
}

.dropdown-title{
	padding: 10px 0px 10px 15px;

}

.hr-0{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

a.nav-link:hover{
	background-color: #f5f5f5;
	color: #444;
}

.text-green{
	color: #1ABC9C !important;
}

.text-orange{
	color: #F57D00 !important;
}

.text-red{
	color: #B92B27 !important;
}

.text-blue{
	color: #1e88e5 !important;
}

.text-purple{
	color: purple !important;
}

.dropdown-notif{
	min-width:300px !important;
}

.dropdown-notif-item{
	padding: 10px;
}

.dropdown-notif-item:hover{
	background-color: #f5f5f5;
	color: #444;
}

.expired-notif{
	font-size: 10px;
}

.poin-wrapper{
	padding: 20px !important;
}

.poin-title{
	background-color: limegreen;
	padding: 10px;
	color: #fff;
	border-radius: 15px 15px 0px 0px;
	text-align: center;
	font-size: 14px;
}

.poin-body{
	margin-top: 20px;
}

.userphoto img{
	width: 60px;
	height: 60px;
}

.queue-badge{
	font-size: 14px !important;
}

.totalpoin-nominal{
	color: limegreen;
	font-size: 24px;
}

.barchart-container{
	height: 620px !important;
}

.piechart-container{
	height: 610px !important;
}

.barchart-legend-green{
	color: rgb(29, 233, 182);
}

.barchart-legend-yellow{
	color: rgb(255, 205, 86);
}

.barchart-legend-red{
	color: rgb(255, 99, 132);
}

.sipadu-title{
	font-size: 24px !important;
	font-weight: bold;
	font-family: arial;
	color: #444;
/*	line-height: 130%;*/
}

.polnep-title{
	font-size: 28px !important;
	color: #444;
	font-family: arial black;
	line-height: 130%;
}

.polnep-address-title{
	font-size: 15px !important;
	color: #444;
	font-family: arial;	
	line-height: 150%;
}

@media screen and (max-width: 1368px) {
	.piechart-container{
		height: 340px !important;
	}

	.barchart-container{
		height: 350px !important;
	}

	.navbar-brand {
		font-size: 16px !important;
	}

	.userFullName{
		font-size: 10px !important;
	}

	.dropdown-menu a{
		font-size: 10px !important;
	}

	.sidebar-wrapper ul li a{
		padding: 3px !important;
		font-size: 9px !important;
	}
	.card-header{
		font-size: 10px !important;
	}
	
	.table thead th{
		font-size: 10px !important;
	}

	.table tbody td{
		font-size: 10px !important;
	}

	label{
		font-size: 11px !important;
	}

	.form-control{
		font-size: 11px !important;
	}

	.pagination-sm a{
		font-size: 10px !important;
	}

	.queue-badge{
		font-size: 10px !important;
	}

	.dashboard .card-category{
		font-size: 12px !important;
	}

	.dashboard .card-title{
		font-size: 24px !important;
	}

	.dashboard .card-footer{
		font-size: 12px !important;
	}

	.dashboard .icon-big{
		font-size: 32px !important;
	}

	.dashboard .crud-title{
		font-size: 12px !important;
	}

	.btn-sm{
		font-size: 10px;
		border-radius: 3px;
		padding: 3px 10px;
	}

	.btn-xs{
		font-size: 8px;
		border-radius: 3px;
		padding: 3px 7px;
	}

	.footer{
		font-size: 11px !important;
	}

	.login-logo img{
		margin-top: -50px !important;
		height: 100px !important;
		width: auto !important;
	}

	.login-title{
		font-size: 16px !important;
	}

	.form-signin{
		font-size: 12px !important;
	}

	.form-signin .form-control{
		font-size: 12px !important;
	}

	.login-btn{
		font-size: 12px !important;
	}

	.login-footer{
		font-size: 9px !important;
	}

	.sidebar-wrapper {
		overflow: hidden !important;
	}

	.fa-icon{
		font-size: 16px !important;
	}

	.form-disposition{
		font-size: 10px !important;
	}

	.small{
		font-size: 10px !important;
	}

	.modal{
		font-size: 10px !important;
	}

	.modal .fs-5{
		font-size: 14px !important;
	}
}