.content {
	/* background : #fff; */
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
	margin: 0;
	padding: 0;
	border: 1px solid #ebeff6;
	color: #999;
	-webkit-border-radius: 4px;
}
.content .panel{
	margin-bottom : 0;
}
.title{
	vertical-align : middle;
	font-size : large;
	font-weight : 400;
	letter-spacing : 1px;
	text-transform : uppercase;
}
.tg  {border-collapse:collapse;border-spacing:0; width:100%;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal; color:#333; text-align: center; text-transform:uppercase;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg .tg-e2r3{font-weight:bold;font-size:12px;background-color:#cd9934;color:#efefef;text-align:center}
.tg .tg-z7hh{font-size:10px;background-color:#cd9934;color:#efefef;text-align:center;vertical-align:top}
.tg .tg-u1co{font-weight:bold;font-size:12px;background-color:#cd9934;text-align:center}

.tg .tg-e2r3.mid {
	line-height : 5em;
}
.login-mail select{
	border: none;
	outline:none;
	font-size: 0.9em;
    color: #999;
    width: 89%;
    font-family: 'Muli-Regular';
}
h1 a.navbar-brand {
	background : goldenrod;
}
.navbar-default .navbar-brand:hover {
	background-color : darkgoldenrod;
}
.banner h2 a {
    color: #daa520;
}
.nempel {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    display: table-cell;
    vertical-align: middle;
}

.input-file {
    position: relative;
    overflow: hidden;
}

.input-file input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    text-align: right;
    opacity: 0.1;
    background: none repeat scroll 0 0 transparent;
    cursor: inherit;
    display: block;
}
.text-input {
    text-align: center;
	padding: 0;
	left: 16px;
}
.input-group {
    padding-bottom: 0;
}
#daftar_ulang .form-control {
	text-transform : capitalize;
	height : 40px;
}
#daftar_ulang button.form-control[type="submit"] {
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
	vertical-align: middle;
	/* line-height: 2em; */
}
button.form-control[type="submit"] i.fa {
	margin-left: 10px;
	height: 20px;
	font-size: medium;
}
#daftar_ulang input.form-control[type="text"] {
    background: lightgoldenrodyellow;
    padding: 5px 10%;
    border: 1px solid darkgoldenrod;
	letter-spacing : 1px;
	text-align : center;
}
#daftar_ulang .input-group > input.form-control[type="text"] {
	border-right : none;
}

#daftar_ulang .select {
	position :relative;
	display :inline-block;
	margin-bottom :0;
	width :100%;
}
#daftar_ulang select > option {
	color : #999;
}
#daftar_ulang select {
	display : inline-block;
    width :100%;
    cursor: pointer;
    padding :5px 10%;
    outline :0;
    border: 1px solid darkgoldenrod;
    border-radius :0;
    background :ghostwhite;
    appearance :none;
    -webkit-appearance :none;
    -moz-appearance :none;
	letter-spacing : 1px;
	text-align : center;
}

#daftar_ulang select option:checked,
#daftar_ulang select.lc option:hover {
    box-shadow: 0 0 10px 100px goldenrod inset;
}

&::-ms-expand {
      display : none;
}
    &:hover,
    &:focus {
      color: darkgoldenrod;
      background :red;
	}
    &:disabled {
      opacity :1;
      pointer-events : none;
	}
      
.select__arrow{
  position :absolute;
  top :16px;
  right: 15px;
  width :0;
  height :0;
  pointer-events :none;
  border-style: solid;
  border-width :8px 5px 0 5px;
  border-color :#999 transparent transparent transparent;
 }
  .select select:hover ~ &
  .select select:focus ~ &{
    border-top-color : darkgoldenrod;
}
.select select:disabled ~ & {
    border-top-color : goldenrod;
}

#daftar_ulang input[type="text"].form-control::-moz-placeholder {
	color : darkgoldenrod;
}
#daftar_ulang .file-caption-main .form-control{
	background-color : lightgoldenrodyellow;
	border : 1px solid darkgoldenrod;
	border-left : 0;	
}
#daftar_ulang .file-caption-name{
	line-height : 2em;
}
#daftar_ulang .btn.btn-warning.btn-file{
	padding : 9px;
	min-width : 45px;
}
#daftar_ulang .form-group{
	/* padding-top :5px; */
	padding-bottom :8px;
}
#daftar_ulang .input-group-addon {
	min-width : 45px;
    padding: 0;
    font-size: 16px;
    /* font-weight: 400; */
    line-height: 1.5em;
    color: #fff;
    /* text-align: center; */
    background-color: goldenrod;
    border: 1px solid darkgoldenrod;
    border-radius: 0;
}
#daftar_ulang select[disabled], #daftar_ulang input[type][disabled] {
    background: lightgray;
    cursor: not-allowed;
    border: none;
    color: #333;
}
.info_kk {
	border : 5px solid darkgoldenrod;
	background : beige;
	display:inline-block;
	padding : 0 10% 10px;
	/* padding-top : 0; */
	border-radius : 8px;
}
.info_kk > .title{
	padding : 10px;
	margin : 0 auto 20px;
	background : darkgoldenrod;
	color : lightgoldenrodyellow;
	text-align : center;
}
.font12 {
	font-size : 12px;
	line-height : 2em;
}
.kanan {
	text-align : right;
}
.tombol{
	position : relative;
}
.content-box > ul > li.approval > span > a {
    color: lightgoldenrodyellow;
    display: inline-block;
    float: right;
    background: #449d44;
    border-radius: 4px;
    font-size: 0.7em;
    line-height: 1em;
    text-align: center;
}
.content-box > ul > li.approval >span{
	background : #fff;
	color : #999;
	font-size : 1em;
}
.content-box > ul > li.approval {
	border-bottom : 1px solid #E9E9E9;
}
.info-approval {
	margin-bottom : 10px;
}
.navbar-default.sidebar {
    background-color: darkgray;
}
.sidebar {
    height: 100%;
	border-right: 1px solid antiquewhite;
}
.sidebar > .sidebar-nav > ul.nav {
	background : #f7f7f7;
}
.info-collapse {
	background: beige;
	height: 2.5em;
	display : table;
	text-transform : capitalize;
}
.info-collapse > span {
    line-height: 2.4em;
}
#daftar_ulang section {
margin : 20px;
}
.banner h2 i {
    vertical-align: unset !important;
}
img.img-formulir {
    height: 10em;
    width: auto;
    margin: 10px auto;
}
td span {
    padding: 0;
}
.dropdown-menu.option-button {
	left:0;
}	
.dropdown-menu.option-button > li > a:hover {
	background-color : #f5f5f5 !important;
}
a.navbar-brand > span{
	margin-left : -5%;
}
a.navbar-brand > img{
    position: relative;
    height: 60px;
    padding: 5px 0 5px 5px;
    margin: -20px 0;
    float: left;
}
@media(max-width:767px){
	
	a.navbar-brand > span{
		margin-left : 10%;
	}

	.content{ margin : 0;}
	.info_kk {padding:0; margin:0;border:0px solid darkgoldenrod;}
	.panel-body{ padding :0;}
	#daftar_ulang .form-group > .input-group{padding: 0;}
	/* #daftar_ulang .form-control { height : 34px;} */
	#daftar_ulang input.form-control[type="text"] {padding : 0;margin:0;}
	.info_kk > .title {margin: 0 auto 8px; padding:10px 0;}
	#daftar_ulang .form-group{padding: 0px;}
	.banner {margin:0;padding: 5px 4px 1px;font-size:smaller;};
	.btn {margin-bottom : 0;}
	.navbar-default .navbar-toggle {
		border-color: darkgoldenrod;
		background-color: cornsilk !important;
	}
	.navbar-header{
		background-color : goldenrod;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: darkgoldenrod;
	}
	.navbar-toggle{
		padding : 9px 10px !important;
	}
	#daftar_ulang .file-caption-main .form-control{
		background: lightgoldenrodyellow;
		opacity: 0.7;	
	}
	#daftar_ulang input[type][disabled] {
		background: lightgoldenrodyellow;
		cursor: not-allowed;
		border: 1px solid darkgoldenrod;
		border-right: none;
}
	
	.tombol {
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 8;
		width: 100%;
		margin : 0;
	}
	footer {
		margin-bottom : 40px;
	}
}