html {
	position: relative;
	min-height: 100%;
}

body {
	min-height: 100%;
	font-family: Segoe UI, Tahoma, Times New Roman, sans-serif;
}

.navbar-default {
	background-color: rgb(41, 35, 48);
	//border-color: #E7E7E7;
}

@media screen and (min-width: 768px) { 
	.modal:before {
		display: inline-block;
		vertical-align: middle;
		content: " ";
		height: 100%;
	}
}

/*
html, body{height:100%;}
*/
.m100 {
    height:100%;
    min-height:100%;
}

.modal {
  text-align: center;
}

.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

.modal-header, .close {
	//background-color: #5cb85c;
	background-color: #a3d37c;
	color: white !important;
	text-align: center;
	font-size: 30px;
}

.cus-form{
	background-color: #f5f5f5; 
	border: 1px solid #e3e3e3; 
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
}

.cus-tab{
	//background-color: #f5f5f5; 
	border: 1px solid #e3e3e3; 
	border-radius: 4px;
	//box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
}

.cus-lgi {
	padding-top:5px;
	padding-bottom:5px
}

.cus-row{
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 0px;
	border-bottom: 1px solid #ddd; 
}

.cus-row2{
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.cus-row3{
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	border-bottom: 1px solid #ddd; 
}

.cus-row4{
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd; 
}

.cus-col {
	margin-bottom: -15px;
	margin-right: 10px;
	margin-left: 10px;
}

.cus-col2 {
	margin-top: 10px;
	margin-bottom: 20px;
	margin-right: 10px;
	margin-left: 0px;
}

.cus-col3 {
	margin-bottom: -10px;
	margin-right: 10px;
	margin-left: 10px;
}

.cus-label {
	text-align: left;
}

.cus-radio {
	border: 1px solid #ccc; 
	border-radius: 4px; 
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; 
	line-height: 30px; 
	background: #fff;
}

.cus-radio label {
	display: inline; 
	width: 100%; 
	vertical-align: middle;
	font-weight: normal;
	padding-right : 28px;
	margin: 10px;
}

.cus-checkbox {
	//display: inline; 
	border: 1px solid #ccc; 
	border-radius: 4px; 
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; 
	//line-height: 30px; 
	background: #fff;
}

.cus-checkbox label {
	//display: inline; 
	width: 100%; 
	vertical-align: top;
	font-weight: normal;
	padding-right : 28px;
	margin: 10px;
}

.select2-container, .select2-choices, .select2-selection, .select2-drop, .select2-search, .select2-search-field input {  
	width: 100% !important;
	font-family: Segoe UI, Tahoma, Verdana, Times New Roman, sans-serif;
	font-size: 12px !important;
}

select[readonly].select2-hidden-accessible + .select2-container {
	pointer-events: none;
	touch-action: none;
}

select[readonly].select2-hidden-accessible + .select2-container  .select2-selection {
	background: #eee;
	box-shadow: none;
}

/*
select[readonly].select2-hidden-accessible + .select2-selection {
	background: #eee;
	box-shadow: none;
}
*/

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow, select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
	display: none;
}

.table tbody>tr>td.text-middle{
	vertical-align: middle;
}

.marginBottom-0 {
	margin-bottom:0;
}

.dropdown-submenu{
	position:relative;
}

.dropdown-submenu>.dropdown-menu{
	top:0;
	left:100%;
	margin-top:-5px;
	margin-left:0px;
	-webkit-border-radius:0 6px 6px 6px;
	-moz-border-radius:0 6px 6px 6px;
	border-radius:0 6px 6px 6px;
}

.dropdown-submenu>a:after{
	display:block;
	content:" ";
	float:right;
	width:0;
	height:0;
	border-color:transparent;
	border-style:solid;
	border-width:5px 0 5px 5px;
	border-left-color:#cccccc;
	margin-top:5px;
	margin-right:-10px;
}

.dropdown-submenu:hover>a:after{
	border-left-color:#555;
}

.dropdown-submenu.pull-left{
	float:none;
}

.dropdown-submenu.pull-left>.dropdown-menu{
	left:-100%;
	margin-left:10px;
	-webkit-border-radius:6px 0 6px 6px;
	-moz-border-radius:6px 0 6px 6px;
	border-radius:6px 0 6px 6px;
}

.pagination {
	display: inline !important;
}

.footer {
	position: absolute;
	margin: 0px;
	width: 100%;
	bottom: 1px;
	height: 50px;
	padding-top: 0px;
	line-height: 50px;
	background: #efefef;
	text-align: center;
	border-top: 1px solid #ddd;
}

.conbre{
	margin-top: -10px;
}

.breadcrumb {
	background-color: #E0E0E0;
}

.btn-mykad {
	position: relative;
	overflow: hidden;
}

.btn-mykad input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	outline: none;   
	cursor: inherit;
	display: block;
}

.bottom-align-text {
    position: absolute;
    bottom: 0;
    right: 0;
}
  
.ajax-container {
	position: fixed; 
	z-index: 1000; 
	left: 50%; 
	top: 50%; 
	margin: -75px 0px -75px 0px; 
	display: none;
}

.ajax-loader {
	width: 150px; 
	height: 150px;
}  

/*
::-ms-clear {
  display: none;
}

.form-control-clear {
  z-index: 10;
  pointer-events: auto;
  cursor: pointer;
}
*/

/*****************************************************************************/
/*  Additional color classes for striped tables (Bootstrap Standard Colors)  */
/*****************************************************************************/

.table-striped-error tbody > tr:nth-child(odd) > td,
.table-striped-error tbody > tr:nth-child(odd) > th {
    background-color: #f2dede; /* red-bar */
}

.table-hover-error > tbody > tr:hover > td,
.table-hover-error > tbody > tr:hover > th {
    background-color: #edd9d9 !important;
}

/*****************************************************************************/

.table-striped-success tbody > tr:nth-child(odd) > td,
.table-striped-success tbody > tr:nth-child(odd) > th {
    background-color: #dff0d8; /* green-bar */
}

.table-hover-success > tbody > tr:hover > td,
.table-hover-success > tbody > tr:hover > th {
    background-color: #daebd3 !important;
}

/*****************************************************************************/

.table-striped-info tbody > tr:nth-child(odd) > td,
.table-striped-info tbody > tr:nth-child(odd) > th {
    background-color: #d9edf7; /* blue-bar */
}

.table-hover-info > tbody > tr:hover > td,
.table-hover-info > tbody > tr:hover > th {
    background-color: #d4e8f2 !important;
}

/*****************************************************************************/

.table-striped-warning tbody > tr:nth-child(odd) > td,
.table-striped-warning tbody > tr:nth-child(odd) > th {
    background-color: #fcf8e3; /* yellow-bar */
}

.table-hover-warning > tbody > tr:hover > td,
.table-hover-warning > tbody > tr:hover > th {
    background-color: #f7f3de !important;
}