.containers {
	min-height:725px;
	background-color: #FFFFFF;
	border-radius: 15px; 
	box-shadow:15px 20px 0px rgba(0,0,0,0.1);
	font-size:10pt;
	padding:20px;
}
.login-block{
	background: #1b4461;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom, #	, #2a6162 );  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, #1b4461, #2a6162); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	float:center;
	width:auto;
	padding-top:2%;
	padding-bottom:3%;
	padding-right:2%;
	padding-left:2%;
}

.dx-treeview {
	height: 85% !important;
}

.menus-container {
	height: 685px;
	width: 100%;
	border-right: solid 1px #496780;
	padding-right: 10px;
}

.contents-container {
	height: 655px;
	width: 100%;
	padding-left: 10px;
}

.dx-item-content {
	cursor: pointer;
}

.dx-menu-size {
	font-size:10pt !important;
}

.dx-item.dx-treeview-item.dx-state-hover {
	background-color: #496780;
	color:#ffffff;
}

.dx-page-size.dx-selection {
	background-color: #1b4461 !important;
	color:#ffffff !important;
}

.dx-page.dx-selection {
	background-color: #1b4461 !important;
	color:#ffffff !important;
}

.dx-datagrid .dx-link {
	color:#1b4461 !important;
}

.dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused>.dx-treeview-item {
    background-color: #1b4461;
    text-decoration-color:#000000 !important;
}
.some-grid {
	height:645px;
}

.hide {
	display: none;
}

#menu_profile {
	width: 100%;
    padding-bottom: 11px;
    font-size: 6px;
    margin-top: -52px;
}

#photo-profile {
	width: 25%;
}

.dx-button-text {
    line-height: normal;
    font-size: 12px;
}

.dx-item.dx-list-item.dx-state-hover {
	background-color: #eee !important;
} 
.hr-content{
    margin-top: 0.5rem !important;
}

.right-contents {
	padding-left:0px !important;
	height: 642px;
	/*overflow-y: scroll !important;*/
}

.card-border {
	border-color:#1b4461 !important;
	border-radius: 10px;
}

.card-border:hover {
	border-color:orange !important;
	cursor: pointer;
}

.card-body-custom20 {
	width: 14rem;
	padding-right:0px;
	padding-bottom:10px;
}

.card-title {
	color:#1b4461 !important;
}

.img50 {
	width:50%;
	align-self: center;
}

.card-title {
	font-size:15px;
}

.card-text {
	font-size:12px;
}

.dx-list-group-header {
	padding-top:10px;
	border: 0px !important;
}

.form-container {
	background-color:#fafafa;
	padding-top:10px;
	border-radius:10px;
	border:1px solid #1b4461;
}

.dx-datagrid-summary-item {
	color:black !important;
	font-weight: bold !important;
}

.tab-content {
	padding: 10px;
}

.dx-tabpanel.dx-state-focused .dx-multiview-wrapper {
	border-color:#496780 !important;
}

.dx-tabpanel.dx-state-focused>.dx-tabpanel-tabs .dx-tab.dx-tab-selected {
	-webkit-box-shadow:inset 0 1px #496780,inset -1px 0 #496780,inset 1px 0 #496780 !important;
	box-shadow:inset 0 1px #496780,inset -1px 0 #496780,inset 1px 0 #496780 !important;
}

.dx-tabpanel.dx-state-focused>.dx-tabpanel-tabs .dx-tabs {
	-webkit-box-shadow:inset 0 -1px #496780,inset -1px 0 #496780,inset 1px 0 #496780 !important;
	box-shadow:inset 0 -1px #496780,inset -1px 0,inset 1px 0 !important;
}

.dx-tabpanel.dx-state-focused>.dx-tabpanel-tabs .dx-tab{
	-webkit-box-shadow:inset 0 1px,inset 0 -1px #f05b41;box-shadow:inset 0 1px,inset 0 -1px #496780 !important
}

[role~="menubar"] {
  border: 0px !important;
}

[role~="listbox"] {
  border: 0px !important;
}

.dx-widget{
	font-size:12px !important;
}
.dx-field-item-label-text{
	color: #000 !important;
	font-weight: bold;
}
.some-grid-keluarga {
	height:490px;
}
.report-grid {
	height:635px;
}
.btn-ceknik {
	margin-top:27px;
}