@font-face {
	font-family: 'Futura';
	font-style: normal;
	font-weight: normal;
	src: local('Futura LT Book'), url(../futura/FuturaLT-Book.woff) format('woff2');
}
html, body{
	margin:0;
	padding:0;
	font-family: 'Futura' !important;
	font-size: 10pt;
}
.futura{
	font-family: 'Futura' !important;			
}
.newicon{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
}
.newicon.rating-5:before {
	content: "\f005 \f005 \f005 \f005 \f005";
	color: #ffc107 !important;
}
.newicon.rating-4:before {
	content: "\f005 \f005 \f005 \f005";
	color: #ffc107 !important;
}
.newicon.rating-3:before {
	content: "\f005 \f005 \f005";
	color: #ffc107 !important;
}
.newicon.rating-2:before {
	content: "\f005 \f005";
}
.newicon.rating-1:before {
	content: "\f005";
}
.ajax-container{
	padding:80px 50px;
	z-index: 10;
	position:fixed;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
}
.ajax-container .card-body{
	padding:0.5rem 1rem;
}
.ajax-container .card-header{
	padding: 0.25rem 1rem;
}
.ajax-container .card{
	margin-bottom:13px;
}
.ajax-container .card table tr, .ajax-container .card table tr td{
	border: none;
}
.subheader{
	font-size: 10pt;
}
.subheader a{
	color: #fff;
}
.subheader a:hover{
	color: #fefefe;
}
.subheader .sidebar{
	list-style: none;
}
.hidden_content{
	position: absolute;
	width: 300px;
	height: auto;
	max-height: 300px;
	overflow-y: auto;
	right: 0px;
	background-color: white;
	z-index: 2;
	padding: 10px;
	border: 2px solid #ccc;
	border-radius: 5px;
	box-shadow: inset 0px 0px 5px 5px #f3f3f3;
	word-break: break-all;
}
.t_div{
	z-index: 3;
}
.t_div_content{
	max-height: calc(100vh - 140px);
	overflow-y: scroll;
}
.ket-remarks{
	width: 75px;
}
.breakword{
	word-break: break-word;
}
.copy-this{
	padding:2px 5px;
	background-color:#ddd; 
	border-radius: 5px; 
	font-size: 10px;
}
.copy-this:hover{
	cursor: pointer;
	background-color: #eee;
}
.copy-this:active{
	background-color: #f6f6f6;
}
.expandable{
	padding: 2px 5px;
	background-color: #9fcdf4;
	border-radius: 5px;
	font-size: 10px;
}
.expandable:hover{
	cursor: pointer;
	background-color: #c0def7;
}
.expandable:active{
	background-color: #8fc4f1;
}
.pointer:hover{
	cursor: pointer;
}
.pointer.table-month:hover, .show-detail{
	background-color: #d7d7d7 !important;
}
.pointer.table-month:active, .show-detail:active{
	background-color: #cdcdcd !important;
}
.pointer.table-detail:hover{
	background-color: #aaf0f5 !important;
}
.search_selector{
	padding: 2px 0px;
}
.has_content{
	background-color: #f3f3f3;
	padding: 3px 10px;
	border: 1px solid $ccc;
	border-radius: 5px;
	margin-bottom: 20px;
}
.has_content:hover{
	cursor: pointer;
	background-color: #ccc;
}
.data_subdiv, .menu_subdiv{
	display: none;
}
.main_section{
	height: calc(100vh - 122px);
}
/*///////////////////// accounting /////////////////////////*/
.bg-noentry{
	background-color: #e697a0 !important;
}
.mixtable dt,.mixtable dd{
	display: table-cell;
	padding: 0px 5px;
}
.mixtable dd{
	display: table-cell;
	width: 20px;
}
.entry{
	padding: 2px 5px;
	border-radius: 3px;
	background-color: #f3f3f3;
}
.entry:hover{
	cursor: pointer;
	background-color: #f6f6f6;
}
.w-75px{
	width: 75px;
	padding: 2px 5px;
}
.monthlytable{
	display: block; margin: 0 auto;
	width: fit-content;
}
.multiplechoices tr:hover{
	background-color: #f2f2f2;
}
.bg-gray{
	background-color: #f3f3f3;
}
.tablecell{
	padding: 2px 5px;
	border-bottom: 1px solid #f3f3f3;
	display: inline-block;
}
.td_date, .td_price{
	min-width: 100px;
	//width: 80px;
}
.td_price{
	text-align: right;
}
.td_detail{
	min-width:225px;
	width: 325px;
	max-width: 425px;
}
.category{
	width: 237px;
}
/*.detail{width: 350px;}*/
.uang{
	width: 90px;
	text-align: right;
}
.total{
	width: 662px;
}
table td{
	border: 1px solid #ccc;
	font-size: 11px;
	padding: 1px 3px;
}
table th{
	border: 1px solid #ccc;
	text-align: center;
	font-size: 12px;
	background-color: #aaa;
	padding: 0px 5px;
}
table .table-month {
	background: #EAEAEA;
}
table .table-detail td, table .table-microdetail td {
	display: none;
}
table .table-detail td .div-sub, table .table-microdetail td .div-sub {
	display: none;
}
.description{
	width: 300px;
}
.check_detail:hover{
	cursor:pointer;
	background-color: #f9f9f9 !important;		
}
.check_detail:active{
	background-color: #f0f0f0 !important;		
}