.dropdown-menu .show > .dropdown-toggle::after{
    transform: rotate(-90deg);
}
@media only screen and (min-width: 992px) {

	/*27/8/2019 - izzat added page-break
	.page-break	{ 
		display: block; 
		page-break-before: always; 
	}
	*/
	
	.nav-item {
		padding-right: 4px;
	}
	.nav-tabs .nav-link.active {
		background-color: #fff !important;
	}
	.nav-tabs .nav-link.important {
		background-color: #ffc107 !important;
	}
	.nav-tabs .nav-link {
		background-color: #efefef !important;
		border-bottom: 1px solid #c8ced3;
	}
}

/*.menu-area{background: #d61a5e}
.dropdown-menu{padding:0;margin:0;border:1 solid transition!important;border:1 solid rgba(0,0,0,.15);border-radius:0;-webkit-box-shadow: 1px solid !important;box-shadow:1px solid !important}
.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a , .navbar-expand-lg .navbar-nav .nav-link{color:#fff;font-size:16px;text-transform:capitalize;padding:16px 15px;font-family:'Roboto',sans-serif;display: block !important;}
.mainmenu .active a,.mainmenu .active a:focus,.mainmenu .active a:hover,.mainmenu li a:hover,.mainmenu li a:focus ,.navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:focus, .navbar-default .navbar-nav>.show>a:hover{color: #fff;background: #4CAF50;outline: 0;}*/
/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a{background: #4CAF50;}
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover{background: #4CAF50;}
.mainmenu .collapse ul ul ul > li:hover > a{background: #4CAF50;}

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background:#1565C0;}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{background:#1E88E5}
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{background:#64B5F6}

/******************************Drop-down menu work on hover**********************************/
.mainmenu{background: none;border: 0 solid;margin: 0;padding: 0;min-height:20px;width: 100%;}
@media only screen and (min-width: 767px) {

/*27/8/2019 - izzat added page-break
.page-break	{ display: block; page-break-before: always; }
*/

.mainmenu .collapse ul li:hover> ul{display:block}
.mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul li{position:relative}
.mainmenu .collapse ul ul li:hover> ul{display:block}
.mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul ul li{position:relative}
.mainmenu .collapse ul ul ul li:hover ul{display:block}
.mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}

}/*
@media only screen and (max-width: 767px) {
.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 35px}
.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 45px}
}*/

/*27/8/2019 - izzat added page-break
.page-break	{ 
	display: block; 
	page-break-before: always; 
}
*/

.app-body .main {
	background: white;
}
.header h1, main h1 {
	font-size: 1.5rem;
	font-family: 'Oswald', sans-serif;
	color: #27488e;
	font-weight: bold;
	text-transform: uppercase;
}
.page_menu {
	background: #efefef;
	padding: 4px;
}
.button, input[type='button'] {
	display: inline-block;

	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	border: 1px solid transparent;
	background-color: #27488e;
	color: gold;
	margin:0 2px;
	padding: 0.375rem 0.75rem;
	font-size: 0.875rem;
	line-height: 1.5;
	border-radius: 0.25rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
thead th {
	background-color: #258;
	border: 1px solid #258;
	font-size: .9rem;
	padding: 4px;
	color:gold;
}
@media (min-width: 992px) {

  /*27/8/2019 - izzat added page-break
  .page-break { 
	display: block; 
	page-break-before: always; 
  }
  */

  .modal-lg {
    width: 1000px;
  }
  .modal-full {
  		margin-right:auto;
		margin-left:auto;
        width: 92.5% !important;
        height: 92.5% !important;
        min-height: 92.5%;
        padding: 0;
	  max-width: 1200px;
  }
}
.modal-dialog .modal-full {
  		margin-right:auto;
		margin-left:auto;
        width: 92.5% !important;
        height: 92.5% !important;
        min-height: 92.5%;
        padding: 0;
		max-width: 1200px;
}
th {
  background: #ccc;
  text-align: inherit;
	font-size:0.8rem;
}
.field {
	background: #ececec;
	width:20%;
}
label.error {
	color: red;
	/*background: gold;*/
	padding:10px 4px;
	left: -28000px;
	top: -28000px;
	display: none;

	max-width: 100%;
	min-width: 50px;

	font-size: .7rem;
	line-height: 10px;

	direction: ltr;

	box-shadow: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	z-index: 10;
	margin-bottom: 0;
}
.modal-body {
	overflow-y: scroll;
}
.progress {
	background-color: #258 !important;
}
.red {
	color:red;
}
th.head{
	background-color: black !important;
}
button:disabled{
	background-color: grey !important;
}
.green {
	color: forestgreen;
}
.red {
	color: firebrick;
}
.main .container-fluid {
	padding: 0 15px;
}
.dataTables_length,.dataTables_info {
	float: left;
}
.table thead th, .table th, .table td {
	border: 0 !important;
}
.list_kursus {
    height: 45vh;
    overflow-y: scroll;
}
.list_kursus_selesai {
    height: 55vh;
    overflow-y: scroll;
}
::-webkit-scrollbar { 
display: none; 
}


/* DivTable.com */
.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}
.blur  {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  width: 100vw;
  height: 100vh;
  background-color: #ccc;

}
.not-active {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: black;
  opacity: 0.6;
}