body {
  background: #fff;
  font-family: 'Open Sans', sans-serif;
  color:#4e4e4e;
  line-height: 10px;
}

.formLogin {
	border-radius:8px;
	margin: 15px auto;
	box-shadow: 0px 0px 5px 1px #cbbbfb;
}

label.webix_inp_label {
	font-size:12pt;
	font-weight: bold;
}

.menuBar.webix_toolbar {
	border:0px;	
}

.menuKiri .webix_view{
	background-color: #ECEFF1;
}
.menuKiri .webix_tree_item{
	line-height: 35px;
	border-bottom-color: #ddd;
	cursor: pointer !important;
}

.webix_view.headerAtas {
	 background:#0f3753;
	 color: #ffffff;
}

/*MENU*/
.webix_view.menu {
	 background:#0f3753 !important;
	 color: #ffffff;
}

.webix_view.menu .webix_scroll_cont {
	 background:#0f3753 !important;
	 color: #ffffff;
}

.webix_view.menu .webix_scroll_cont .webix_list_item {
	 background:#0f3753 !important;
	 color: #ffffff;
}

.webix_view.kampus {
	 background:#0f3753;
	 color: #ffffff;
	 text-align: right;
}

.webix_view.footerBawah {
	 background:#0f3753;
	 color: #ffffff;
}

.webix_view.footerWaktu {
	 background:#0f3753;
	 color: #ffffff;
	  text-align: right;
}

.webix_view.footerWaktu span {
	 color: #f0fb22;
	 font-weight: bold;
	 font-size: 12pt;
}

h2.info {
	font-size: 13pt;
	font-weight: bold;
	color:#ee0000;
	margin: 2px;
	text-align: center;
}

.utama {
	background: #fff !important;
}

.pager {
	/*color:#ffffff !important;*/
}

.soal {
	font-size: 11pt !important;
	color: #00000;
}

.jawaban .webix_scroll_cont .webix_list_item{
	font-size: 11pt !important;
	color: #000000;
	cursor: pointer;
	overflow: visible;
	height: auto !important;
	padding-left: 20px;
       text-indent: -18px;
}

.jawaban .webix_scroll_cont .webix_selected{
	font-size: 11pt !important;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
	padding-left: 20px !important;
       text-indent: -18px !important;
}

.jawaban .webix_scroll_cont {
	margin-left: 5px;
}


.sudahDijawab .webix_dataview_item {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	background: #4d4d4d;
	color: #ffffff;
	padding: 2px !important;
	line-height: 35px !important;
	font-size: 12pt;
}


/* ANIMASI LOADER */
.preload-wrapper {
	z-index:9999999999;
	position: fixed;
	top:0;
	left: 0;
	right: 0;
	bottom:0;
	overflow: hidden;
}
#preloader_1{
    position:relative;
    width:60px;
    margin:23% auto;
}
#preloader_1 span{
    display:block;
    bottom:0px;
    width: 9px;
    height: 5px;
    background:#9b59b6;
    position:absolute;
    -webkit-animation: preloader_1 1.5s  infinite ease-in-out;
    animation: preloader_1 1.5s  infinite ease-in-out;

}
 
#preloader_1 span:nth-child(2){
left:11px;
-webkit-animation-delay: .2s;
animation-delay: .2s;
}
#preloader_1 span:nth-child(3){
left:22px;
-webkit-animation-delay: .4s;
animation-delay: .4s;
}
#preloader_1 span:nth-child(4){
left:33px;
-webkit-animation-delay: .6s;
animation-delay: .6s;
}
#preloader_1 span:nth-child(5){
left:44px;
-webkit-animation-delay: .8s;
animation-delay: .8s;
}
@-webkit-keyframes preloader_1 {
    0% {height:5px;transform:translateY(0px);background:#9b59b6;}
    25% {height:30px;transform:translateY(15px);background:#3498db;}
    50% {height:5px;transform:translateY(0px);background:#9b59b6;}
    100% {height:5px;transform:translateY(0px);background:#9b59b6;}
}
@keyframes preloader_1 {
    0% {height:5px;transform:translateY(0px);background:#9b59b6;}
    25% {height:30px;transform:translateY(15px);background:#3498db;}
    50% {height:5px;transform:translateY(0px);background:#9b59b6;}
    100% {height:5px;transform:translateY(0px);background:#9b59b6;}
}

.pertanyaan {
	margin-bottom: 5px !important;
	height: 180px !important;
}


/* UPLOADER*/
.overall{ height:40px; }
.name{ height:100%; float:left; overflow: hidden;}
.size{	padding: 0 10px; width: 100px; text-align: right; float: right;}
.remove_file{ float:right; width:15px; padding-left: 10px;}
.status{
	float: right;
	position: relative;
	margin-top: 4px;
	width: 80px;
	height: 16px;
	line-height: 16px;
	border: 1px solid #A4BED4;
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
}
.progress{ height: 100%; position: absolute; background-color: #b8e6ff;}
.message{ z-index: 1; width:100%; text-align:center; position: absolute;}
.message.error{ color: #e83b3b;}


.btnAngkatanSudahAktif,.btnInfo,.btnDetailPendaftaran,.btnPengumuman,.btnTambahSekolah {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  border: 0px; 
  color: #ffffff;
  font-size: 12px;
  background: #eb7a46;
  text-decoration: none;
  padding: 2px 5px;
}

.btnAngkatanSudahAktif:hover,.btnInfo:hover,.btnDetailPendaftaran:hover,.btnPengumuman:hover,.btnTambahSekolah:hover {
  background: #fbb43c;
  background-image: -webkit-linear-gradient(top, #fbb43c, #b4d70d);
  background-image: -moz-linear-gradient(top, #fbb43c, #b4d70d);
  background-image: -ms-linear-gradient(top, #fbb43c, #b4d70d);
  background-image: -o-linear-gradient(top, #fbb43c, #b4d70d);
  background-image: linear-gradient(to bottom, #fbb43c, #b4d70d);
  text-decoration: none;
  cursor: pointer;
  color: #230480;
}

.btnAngkatanAktif {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  border: 0px; 
  color: #ffffff;
  font-size: 12px;
  background: #62d0f4;
  text-decoration: none;
  padding: 2px 5px;
}

.btnAngkatanAktif:hover {
  background: #62d0f4;
  background-image: -webkit-linear-gradient(top, #62d0f4, #10b3e9);
  background-image: -moz-linear-gradient(top, #62d0f4, #10b3e9);
  background-image: -ms-linear-gradient(top, #62d0f4, #10b3e9);
  background-image: -o-linear-gradient(top, #62d0f4, #10b3e9);
  background-image: linear-gradient(to bottom, #62d0f4, #10b3e9);
  text-decoration: none;
  cursor: pointer;
  color: #93590b;
}

.webix_view .webix_fieldset fieldset {
    border: 1px solid #a6a4f4 !important;
    margin-bottom: 10px;
}

.fieldset fieldset legend {
	border : 1px solid #a6a4f4;
	background: #f9fdae;
	border-radius: 4px;
	font-size: 10pt;
	padding: 3px;
}

.jenis_daftar,.lulusan_lpk {
	height: 30px !important;
}

.rata_kanan {
	text-align: right;
}