/* CSS Document */
h1{
    font-size:30px;
    margin-bottom:30px;
    padding-left:50px;
    font-family: 'Poppins', sans-serif;
}
.brandnm
{
	font-size: 50px;
	font-weight: bold;
	position: relative;
	margin-bottom: 5px;
}
.version
{
	position: absolute;
	right: 2%;top: 40%;
	font-size:20px;
}
@media screen and (max-width: 786px) {
	.brandnm{
		font-size: 30px;
		font-weight: bold;
		position: relative;
	}
	.version{
		position: absolute;
		right: 7%;
		bottom:10%;
		font-size:15px;
	}
}

.fa{
    padding:20px 0px;
}


.login-box{
    background:#FFF;
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    padding:10px;
	padding-bottom:20px;
    border-radius:8px;
}

.form-control{
    margin:20px 0px;
}



.panel-front { /* Only for this preview */
    margin-bottom:20px;
    margin-top:20px;
}

.panel-front .panel-heading .panel-title img {
	border-radius:3px 3px 0px 0px;
	width:100%;
}

.panel-front .panel-heading {
	padding: 0px;	
}

.panel-front .panel-heading h4 {
	line-height: 0;
}

.panel-front .panel-body h4 {
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 15px;
}
.leftrightbtn
{
	background: none !important;
}
.sliderdot
{
	bottom:0 !important;
}
.sliderdot .sliderdotli
{
	border:1px solid #46b8da; !important;
}
.sliderdot .active
{
	background:#46b8da !important;
}

.text-right {
    margin-top: 10px;
}
.footer
{
	text-align:center;
}






 


/* carousel */
.media-carousel 
{
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
  margin-top: 30px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -12px;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -12px !important;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
  background: #333333;
}
.media-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */