/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/

.page-lock{
margin-top:80px;
}

.page-lock .page-logo{
text-align:center;
margin-bottom:25px;
}

.page-lock .page-footer{
color:white;
}

.relogin a, .page-footer-custom, .page-lock-info, .nav-tabs li a{
color:white;
}

@media screen and (max-width: 768px) {
.gray-container{
margin-right:20px !important;
margin-top:-10px !important;
}
}

@media screen and (max-width: 990px) and (min-width:769px) {
.gray-container{
margin-right:59px !important;
margin-top:-20px !important;
}
}

.gray-container{
background:url('../img/gray-container.png');
background-size:100%;
	background-repeat:no-repeat;
	width:330px;
	height:350px;
	position:absolute;
	float:right;
	z-index:200;
	right:0;
	margin-right:31px;
	margin-top:-30px;
	display:none;
}

.gray-text{
text-align: center;
vertical-align: middle;
word-wrap:break-word;
display:table-cell;
padding:40px;
padding-top:170px;
}

#icon-kotak{
margin-right:10px;
}

.tabbable a{
color:#337AB7 !important;
}

.tabbable .active a{
color:#555 !important;
}