Start Index*/

		.logo
		{
			padding:20px;
		}
		.logo1 h1
		{
			text-align:center;
			color:#ffffff;
			font-size:50px;
			font-family: 'Gelasio', serif;
		}
		.next-timing
		{
			background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7));
			opacity:0.9;
			padding:20px;
		}
		.next-timing h4
		{
			color:#ffffff;
			font-weight:800;
			text-align:center;
			font-size:24px;
		}
		.next-timing h1
		{
			text-align:center;
			color:#ff6600;
			font-size:50px;
		}
		.form-fields
		{
			border-radius: 0px;
		}
		.btn-warning {
			width:150px;
			border-radius:0px;
		}
		.odometer 
		{
		  height: 28px;
		  text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
		  color: rgba(255, 255, 255, 0.9);
		  display: inline-block;
		  background: #123;
		  -moz-border-radius: 2px;
		  -webkit-border-radius: 2px;
		  border-radius: 2px;
		  -moz-box-shadow: inset 0 2px 8px -2px #000;
		  -webkit-box-shadow: inset 0 2px 8px -2px #000;
		  box-shadow: inset 0 2px 8px -2px #000;
		  overflow: hidden;
		}

		.digit 
		{
		  display: inline-block;
		  height: 28px;
          width:60px;
		  overflow: hidden;
		  border-right: 1px solid rgba(255, 255, 255, 0.5);
		  padding: 5px 5px;
		}
		.digit:first-child 
		{
		  border-left: none;
		}

		.digit-container 
		{
		  line-height:20px;
		  -webkit-animation: slide infinite linear;
		  animation: slide infinite linear;
		}

		.digit-one 
		{
		  -webkit-animation-duration: 500ms;
		  animation-duration: 500ms;
		}

		.digit-ten 
		{
		  -webkit-animation-duration: 500ms;
		  animation-duration: 500ms;
		}

		.digit-hundred 
		{
		  -webkit-animation-duration: 500ms;
		  animation-duration: 500ms;
		}
		@-webkit-keyframes slide 
		{
		  from {
		    -webkit-transform: translateY(-5em);
		  }
		  to {
		    -webkit-transform: translateY(0em);
		  }
		}
		@keyframes slide 
		{
		  from {
		    transform: translateY(-5em);
		  }
		  to {
		    transform: translateY(0em);
		  }
		}
		#elevendata, #onedata, #fivedata, #sevendata
		{
			text-align:center;
		}
		.bootstrap-datetimepicker-widget td, .bootstrap-datetimepicker-widget th, .bootstrap-datetimepicker-widget p, .bootstrap-datetimepicker-widget a
		{
			font-size:12px !important;
		} 
/*End Index*/

/*Start History*/
.goback 
	{
		margin-top:25px;
		margin-bottom:25px;
	}
	.goback a
	{
		margin:0 auto;
		display:table;
	}
	.table-center
	{
		width: 60% !important;
		margin:0 auto;
	}
/*End History*/

/*Start Login*/
.form 
    {	
        padding:20px;   
        background:rgb(255, 255, 255);
        opacity:0.9;
    }
.title 
    {
		color:#31486f;
		font-size:45px;
    	text-align:center;
    	font-family: 'Gelasio', serif;
	}
.form_label
    {
        font-family: 'Source Sans Pro', sans-serif;
        font-size:16px;
    }
/*End Login*/

/*Start Main*/
.mainform1
	{
		background-color: rgba(255, 255, 255, 0.8);
		box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);
		padding:25px;
	}
.data_gap
    {
        padding-top:30px;
    }
.mainform1 h3
{
   	color:#31486f;
    font-family: 'Gelasio', serif;
    font-size:25px;
}
.mainform2 h3
    {
        color:#31486f;
        background-color: rgba(255, 255, 255, 0.8);
        box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);
        font-family: 'Gelasio', serif;
        padding:20px;
        text-align:center;
    }
.modal-dialog
    {
        max-width: 70% !important;
    }
.modal-body
	{
       padding-right: 50px !important;
       padding-left: 50px !important;
    } 
.header
	{
		background:#31486f;
		padding:10px;
	}
.header h3
    {
        font-family: 'Gelasio', serif;
        color:#ffffff;
        padding-top:2px;
    }
/*End Main*/