@charset "utf-8";
/* CSS Document */


#form-filter {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
}
#form-filter div.inner{
    width: 480px;
    float: left;
    background: #FFF;
    padding: 10px;
    position: relative;
    border: 1px solid #CCC;
}

#form-filter div.button-search{
    position: absolute;
    left: 0;
    width: 480px;
    height: 30px;
    background: #B72427;
}





#lockwindow{
	position:fixed;
	width:100%;
	left:0;
	top:0;
	height:300px;
	z-index:10001;
	apacity:0.5;
}
#locker{
	position:fixed;
	width:100%;
	left:0;
	top:0;
	height:300px;
	z-index:10000;
	background:#000;
}
#loading,.transparent_class{
	position:fixed;
	z-index:999999;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#000;
	
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	
	/* IE 5-7 */
	filter: alpha(opacity=50);
	
	/* Netscape */
	-moz-opacity: 0.5;
	
	/* Safari 1.x */
	-khtml-opacity: 0.5;
	
	/* Good browsers */
	opacity: 0.5;
}


/* loading spinner */
.lds-facebook {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-facebook div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  background: #fff;
  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
  left: 56px;
  animation-delay: 0;
}
@keyframes lds-facebook {
  0% {
    top: 8px;
    height: 64px;
  }
  50%, 100% {
    top: 24px;
    height: 32px;
  }
}



.text{
	padding: 4px 6px;
}
.form-horizontal .control-group{
	margin-bottom:10px;
}

.btnDivSearch{
	position:absolute;
	right:0;
	top:0;
	z-index:100;
	display:none;
}
.btnSpace{
	float:left;
}
.formSearch{
	float:left;
	background:#fff;
	border:1px solid #EDEDED;
	padding:5px;
	width:480px;
	position:relative;
	padding-bottom:30px;
}
.frmBtnSearch{
	position:absolute;
	bottom:0;
	right:0;
	background:#EFEFEF;
	border-top:1px solid #EDEDED;
	width:478px;
	padding:5px;
}

@media only screen and (max-width: 480px) {
	.formSearch{width:250px;}
	.frmBtnSearch{width:248px;}
}



/* tambahn amdash */

.switcher-body{
  height: 100%;
  overflow-y: auto;
  padding: 70px 1.25rem;
  z-index: 10;
}

.switcher-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding: 1.25rem 1.25rem 0 1.25rem;
  z-index: 11;
  background-color: white;
  border-bottom: 1px solid #ccc;
}

.switcher-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding: 0 1.25rem;
  z-index: 12;
  background-color: white;
  border-top: 1px solid #ccc;
}

.logo-icon{
	/* width: 150px; */
	height: 50px;
	width: auto;
}




.control-sidebar-header{
	padding: 0 15px;
	font-weight: 400;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #ccc;
}
.control-sidebar-body{
	margin: 0 15px 0 50px;
	padding: 0;
}
.control-sidebar-footer{
	padding: 0 15px;
	background: #BF171A;
	height: 50px;
	line-height: 50px;
	position: absolute;
	bottom: 0px;
	right: 0px;
}