body {
	font-family: Tahoma;
	font-size: 11px;
}

#header {
	border-top: #263015 0px solid;
    border-bottom: #263015 0px solid;
    position: relative;
    padding: 5px 0;
    color: #000;
    *text-shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 0 30px rgba(0, 0, 0, .075);
    background: #EAEE9A;
    background-image: url("../img/bg_header_new.png");
    background-size: auto 100%;
    background-position: left center;
    background-repeat: no-repeat;
    -webkit-box-shadow: inset 0 3px 7px rgba(0, 0, 0, .2), inset 0 -3px 7px rgba(0, 0, 0, .2);
    -moz-box-shadow: inset 0 3px 7px rgba(0, 0, 0, .2), inset 0 -3px 7px rgba(0, 0, 0, .2);
    box-shadow: inset 0 3px 7px rgba(0, 0, 0, .2), inset 0 -3px 7px rgba(0, 0, 0, .2);
}

#header-container {
	position: relative;
}

#header-container_1 {
	float:left;
	width: 13%;
	text-align: right;
	padding-top:10px;
	padding-right: 40px;
}

#header-container_2 {
	float:left;
	width: 30%;
}

#header-container_3 {
	float:left;
	width: 15%;
	text-align: center;
	padding-top: 10px;
}

#header-container_4 {
	float:right;
	width: 25%;
	text-align: center;
	padding: 10px;
}


.clear {
	clear:both;
}

.footertext {
	text-align: center;
	font-size: 10px;
	padding-top: 8px;
}

.simrslogotext{
  margin-top: 20px;
  font-size: 12px;
  line-height: 1.2em;
}

.simrslogotext .cap{
  font-size: 95px;
  font-family: "upcll" !important;
  color: black !important;
  -webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,.5) 80%, rgba(0,0,0,1));
  -mask-image: -moz-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,.5) 80%, rgba(0,0,0,1));
  -webkit-mask-image: linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,.5) 50%, rgba(0,0,0,1));
  padding-bottom: 10px;
}
/* ray light untuk judul SIMETRIS*/
.ray{
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.81) 25%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.8) 75%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(25%,rgba(255,255,255,0.81)), color-stop(50%,rgba(255,255,255,0)), color-stop(75%,rgba(255,255,255,0.8)), color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.81) 25%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.8) 75%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.81) 25%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.8) 75%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.81) 25%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.8) 75%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.81) 25%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.8) 75%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );

    width:50px;
    height:44px;
    position:absolute;
    top:13px;
    opacity:0;

    transform-origin: ;
    -webkit-animation: torchAnimation linear 6s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-delay: 2s;
    -webkit-transform-origin: ;
    -moz-animation: torchAnimation linear 10s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-delay: 2s;
    -moz-transform-origin: ;
}
.ray-shadow{
    -webkit-animation-delay: 5s;
}

@-webkit-keyframes torchAnimation {
  0% {
    -webkit-transform:translateX(-20px) ;
    opacity:0;
  }
  20% {
    -webkit-transform:translateX(50px) ;
    opacity:0.50;
  }
  40% {
    -webkit-transform:translateX(120px);
    opacity:0.80;
  }
  60% {
    -webkit-transform:translateX(190px);
    opacity:0.50;
  }
  80% {
    -webkit-transform:translateX(260px);
    opacity:0;
  }
  100% {
    -webkit-transform:translateX(260px);
    opacity:0;
  }
}

@-moz-keyframes torchAnimation {
  0% {
    -moz-transform:translateX(-20px) ;
    opacity:0;
  }
  20% {
    -moz-transform:translateX(50px) ;
    opacity:0.50;
  }
  40% {
    -moz-transform:translateX(120px);
    opacity:0.80;
  }
  60% {
    -moz-transform:translateX(190px);
    opacity:0.50;
  }
  80% {
    -moz-transform:translateX(260px);
    opacity:0;
  }
  100% {
    -moz-transform:translateX(260px);
    opacity:0;
  }
}



@font-face {
  font-family: "upcll";
  src: url('../font/upcll.ttf');
}


@font-face {
  font-family: "Assassin";
  src: url('../font/Assassin.ttf');
}

@font-face {
  font-family: "Expansiva";
  font-weight: bold;
  src: url("../font/Expansiva_bold.otf") format("opentype");
}

@font-face {
  font-family: "Roboto";
  font-weight: bold;
  src: url("../font/RobotoCondensed-Bold.ttf");
}

.simrslogotext .green{
  color: green;
}

.simrslogotext .blue{
  color: blue;
}

.simrslogotext .black{
  color: #000;
}

.simrslogindiv {
  min-height: 71px !important;
}

.simrslogindiv h5{
  font-size: 11px;
  letter-spacing: 2px;
  margin-top: 5px !important;
  margin-bottom: 12px !important;
}

.simrslogotext {
    font-size: 10px !important;
    line-height: 1.2em !important;
}

.simrslogotext .subscript {
    font-family: serif;
    font-size: 36px;
}

#box-info {
	padding: 8px;
	line-height: 16px;
	text-align: center;
	font-size: 11px;
	width: 230px;
	-webkit-border-radius: 3px;
  	-moz-border-radius: 3px;
  	border-radius: 3px;
}

.btn-info {
  color: #800a0a;
  *text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #49afcd;
  background-image: -moz-linear-gradient(top, #d5d988, #d5d988);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d5d988), to(#d5d988));
  background-image: -webkit-linear-gradient(top, #d5d988, #d5d988);
  background-image: -o-linear-gradient(top, #d5d988, #d5d988);
  background-image: linear-gradient(to bottom, #d5d988, #d5d988);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #2f96b4;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}


.alert .alert-info{
  border: 1px solid #ff6600;
  padding: 5px;
  background: #EFEFEF;
}