/*
@font-face {
    font-family: 'aleoregular';
    src: url('fonts/aleo/Aleo-Regular-webfont.eot');
    src: url('fonts/aleo/Aleo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aleo/Aleo-Regular-webfont.woff') format('woff'),
         url('fonts/aleo/Aleo-Regular-webfont.ttf') format('truetype'),
         url('fonts/aleo/Aleo-Regular-webfont.svg#aleoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'aleobold';
    src: url('fonts/aleo/Aleo-Bold-webfont.eot');
    src: url('fonts/aleo/Aleo-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aleo/Aleo-Bold-webfont.woff') format('woff'),
         url('fonts/aleo/Aleo-Bold-webfont.ttf') format('truetype'),
         url('fonts/aleo/Aleo-Bold-webfont.svg#aleobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/**
 *
 * Apply your custom CSS here
 *
*/
@media (min-width: 1200px) {
	.login-container {
	  max-width: 420px;
	  margin: 0 auto;
	}
}
body {	
}

a {
}
.fr {
	float:right;
}
.clear {
	clear:both;
}
.btn.btn-orange.btn-icon-standalone i {
	background-color: #ED9729;
	border-right-color: #DB8E28;
}

.sidebar-menu {
  width: 280px;
}

.breadcrumb a {
  color: #979898;
  padding-left:10px;
  padding-right:10px;
}
.breadcrumb span {
  color: #646565;
  font-weight: 700;
  padding-left:10px;
}

.grid-view .button-column {
  text-align: center;
  width: 112px;
}
.grid-view table.items tr.selected td {
  background: #FCFFC8;
}

.import-form .col-sm-7 {
	border-right:1px solid #4BA502;
}
.import-form .xe-upper {
	  margin-top: 14px;
}

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}

input.form-control[type="file"] {
  border: none;
  border-radius: 0;
  box-shadow: none;
   padding: 6px 12px;
}

.panel .panel-body p {
  margin-bottom: 30px;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
  background-color: #C4C4C4;
  border-color: #FFFFFF;
}



/* BUTTON UNIVERSAL SYLES */

.button-wrapper {
    margin: 0 auto;
    padding: 20px 0;
    width: 320px;
	clear: both;
}

.button-wrapper a {
	color: #FFFFFF;
	text-decoration: none;
	font-family: 'Oswald',Arial,sans-serif;	
}

/* ################# BUTTON STYLE 2 ################# */

.a-btn-2{
	width: 270px;
	color: #777;
	font-size:20px;
	text-shadow: 1px 1px 0px white;
    background: #ffffff; /* Old browsers */  
    background: -moz-linear-gradient(top, #ffffff 0%, #dfdfdf 100%); /* FF3.6+ */  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */  
    background: -webkit-linear-gradient(top, #ffffff 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */  
    background: -o-linear-gradient(top, #ffffff 0%,#dfdfdf 100%); /* Opera11.10+ */  
    background: -ms-linear-gradient(top, #ffffff 0%,#dfdfdf 100%); /* IE10+ */  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */  
    background: linear-gradient(top, #ffffff 0%,#dfdfdf 100%); /* W3C */  
    -moz-border-radius: 3px;  
    -webkit-border-radius: 3px;  
    border-radius: 3px;  
    -moz-box-shadow: 0 1px 3px 0px rgba(0,0,0,0.4); 
    -webkit-box-shadow: 0 1px 3px 0px rgba(0,0,0,0.4); 
    box-shadow: 0 1px 3px 0px rgba(0,0,0,0.4);  
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 );
    padding-left: 60px;
    padding-right: 5px;
    display:inline-block;
    position:relative;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    float:left;
    clear:both;
    margin:10px 0px;
    -webkit-transition:box-shadow 0.3s ease-in-out;
    -moz-transition:box-shadow 0.3s ease-in-out;
    -o-transition:box-shadow 0.3s ease-in-out;
    transition:box-shadow 0.3s ease-in-out;
}
.a-btn-2 img{
    position:absolute;
	left: 2px;
	top: -1px;
	  width: 59px;
    border:none;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.a-btn-2 .a-btn-2-slide-text{
    position:absolute;
   font-size:12px;
    top:18px;
    left:18px;
    color:#bde086;
    text-shadow:0px 1px 1px rgba(0,0,0,0.3);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    opacity:0;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.a-btn-2-text{
    padding: 15px;
    display:block;
    font-size:14px;
	text-decoration:none;
}

.a-btn-2-icon-right{
    position:absolute;
    right:0px;
    top:0px;
    height:100%;
    width:80px;
    border-left:1px solid #CFCFCF;
    -webkit-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
    -moz-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
    box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
}
.a-btn-2-icon-right span{
    width:38px;
    height:38px;
    opacity:0.7;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    position:absolute;
    left:50%;
    top:50%;
    margin:-20px 0px 0px -20px;
    border:1px solid rgba(0,0,0,0.5);
    background:#5b5b5b url(http://design14.volusion.com/v/proofs/Hack_Day_CSS3/images/arrow_right.png) no-repeat center center;
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.3) inset, 0px 1px 2px rgba(255,255,255,0.5);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.3) inset, 0px 1px 2px rgba(255,255,255,0.5);
    box-shadow:0px 1px 1px rgba(255,255,255,0.3) inset, 0px 1px 2px rgba(255,255,255,0.5);
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.a-btn-2:hover{
    background: #ffffff; /* Old browsers */  
    background: -moz-linear-gradient(top, #ffffff 0%, #eee 100%); /* FF3.6+ */  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eee)); /* Chrome,Safari4+ */  
    background: -webkit-linear-gradient(top, #ffffff 0%,#eee 100%); /* Chrome10+,Safari5.1+ */  
    background: -o-linear-gradient(top, #ffffff 0%,#eee 100%); /* Opera11.10+ */  
    background: -ms-linear-gradient(top, #ffffff 0%,#eee 100%); /* IE10+ */  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eee',GradientType=0 ); /* IE6-9 */  
    background: linear-gradient(top, #ffffff 0%,#eee 100%); /* W3C */  
    -moz-box-shadow: 0 1px 3px 0px rgba(0,0,0,0.4); 
    -webkit-box-shadow: 0 1px 3px 0px rgba(0,0,0,0.4); 
    box-shadow: 0 1px 3px 0px rgba(0,0,0,0.4);  
}
.a-btn-2:hover .a-btn-2-slide-text{
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.a-btn-2:hover .a-btn-2-icon-right span{
    opacity:1;
    background-color:#bc3532;
}
.a-btn-2:active{
    position:relative;
    top:1px;
     background: #dfdfdf; /* Old browsers */  
    background: -moz-linear-gradient(top, #dfdfdf 0%, #f1f1f1 100%); /* FF3.6+ */  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfdfdf), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */  
    background: -webkit-linear-gradient(top, #dfdfdf 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */  
    background: -o-linear-gradient(top, #dfdfdf 0%,#f1f1f1 100%); /* Opera11.10+ */  
    background: -ms-linear-gradient(top, #dfdfdf 0%,#f1f1f1 100%); /* IE10+ */  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */  
    background: linear-gradient(top, #dfdfdf 0%,#f1f1f1 100%); /* W3C */  

    -webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.2) inset, 0px 1px 1px 0 rgba(255,255,255,1);
    -moz-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.2) inset, 0px 1px 1px 0 rgba(255,255,255,1);  
    box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.2) inset, 0px 1px 1px 0 rgba(255,255,255,1);  
}
.a-btn-2:active .a-btn-2-icon-right span{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg);
}

.xe-widget.xe-counter-block .xe-upper .xe-label span, .xe-widget.xe-progress-counter .xe-upper .xe-label span {
  color: #2D5F05;
}

.xe-widget.xe-counter .xe-label span, .xe-widget.xe-counter-block .xe-upper .xe-label span, .xe-widget.xe-progress-counter .xe-upper .xe-label span {
  display: block;
  font-style: normal;
  font-size: 12px;
  font-weight:bold;
}

.xe-lower .btn {
	font-weight:bold;
	background:#2E3525;
	padding: 5px 25px;
}

.xe-lower .btn:hover {
	background:#50524C;
}

.import-form .xe-widget.xe-counter-block .xe-upper, .xe-widget.xe-progress-counter .xe-upper {
  background: transparent;
}

#info {
	display:none;
}

.log {
background:#f8f4f1;
}

.login-page {
	background: url(../images/gedung-stain-bengkalis.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
	color: #fff;
	padding-top: 100px;
}


.button {
  background: #cdd2d4;
  background: -webkit-linear-gradient(top, #cdd2d4 0, #c4c9cc 100%);
  background: linear-gradient(to bottom, #cdd2d4 0, #c4c9cc 100%);
  border-radius: .3em;
  box-shadow: 0 2px 0 #4d4d4d;
  color: #4d4d4d;
  display: inline-block;
  font-weight: bold;
  margin-bottom: .8em;
  padding: .6em 1.3em;
  position: relative;
  text-decoration: none;
  border: 0;
}
a.button, a.button:hover {
  color: #fff;
}
.button-green {
  background: #70b500;
  background: -webkit-linear-gradient(top, #70b500 0, #64a200 100%);
  background: linear-gradient(to bottom, #70b500 0, #64a200 100%);
  box-shadow: 0 2px 0 #3b5e01;
  color: #fff;
}
.button-green:hover {
  background: #70b500;
  background: -webkit-linear-gradient(top, #70b500 0, #5A8C09 100%);
  background: linear-gradient(to bottom, #70b500 0, #5A8C09 100%);
  box-shadow: 0 2px 0 #3b5e01;
  color: #fff;
}
.button-green:focus {
  color
 }
 
.log-s {
	background:url('../images/log.jpg');
	height: 490px;
	padding:20px;
} 

.log-s h3 {
	font-weight:bold;
	font-family: 'aleobold';
} 

.log-s p {
	color: #91E69B;
}

.log {
	/*padding:0 80px;*/
	background:#fff;
	max-height: 490px;	
} 

.img-logo {
	background:#fff;
  /*padding:20px;
  mar*/gin-top:-20px;
	-webkit-box-shadow: 2px 12px 20px -8px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 12px 20px -8px rgba(0,0,0,0.3);
	box-shadow: 2px 12px 20px -8px rgba(0,0,0,0.3);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,efefef+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(239,239,239,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */

}

.box-log {
	 background: #fff;
    opacity: 0.95;
    -webkit-box-shadow: 0px 10px 35px 1px rgb(0 0 0 / 36%);
    -moz-box-shadow: 0px 10px 35px 1px rgba(0,0,0,0.36);
    box-shadow: 0px 10px 35px 1px rgb(0 0 0 / 86%);

}

.msg-icon-log{
	margin-top:70px;
}
.msg-icon-log ul{
	list-style:none;
}
.msg-icon-log ul li{
	margin-top:10px;
}

.login-header h3{
	font-family: 'aleobold';
	color: #199E71;
}

.errorMessage{
	color:red;
}

.sidebar-user-info .user-profile span strong {
display: block;
font-size: 16px;
color: #fff;
font-weight: 300;
}