/* Set blue background color, white text and some padding */
    footer {
      background-color: #058FBA;
      color: white;
      padding: 15px;
    }
	
	
	
	.wrapword{
		white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
		white-space: -pre-wrap;      /* Opera 4-6 */
		white-space: -o-pre-wrap;    /* Opera 7 */
		white-space: pre-wrap;       /* css-3 */
		word-wrap: break-word;       /* Internet Explorer 5.5+ */
		white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
		word-break: break-all;
		white-space: normal;

	}
	
	.declaration td:nth-child(2){text-align:right;padding:0%;}	
			
	.error {
		color: #FF0000;
		font-size: 12px;
	}
	
	
	
	
	.suggestion:hover	{
		background-color: #CBD9ED;
		display: block;
	}
	
	.modal-dialog{    
		max-width : 100% ;
	}

	/* To remove the radio button from the edit profile pic modal*/	
	.jcrop-keymgr {
	  opacity: 0;
	}
	/*
	.modal-body{    
    max-height : 100% ;
	}
	*/
	.jcrop img {
		max-width: none;
	}

	.homepage1 { 
	  background: url(../fxturf-images/FXTURFCoverTheme.jpg) no-repeat center fixed; 
	  background-size: cover;
	  background-origin: content-box;
	  opacity:1;	
	  margin: 0px;
	    
	}
	
	.homepage{height:100%;
	   width:100%;
	   background-image:url(../fxturf-images/FXTURFCoverTheme.jpg);/*your background image*/  
	   background-repeat:no-repeat;/*we want to have one single image not a repeated one*/  
	   background-size:cover;/*this sets the image to fullscreen covering the whole screen*/  
	   /*css hack for ie*/     
	   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.image.jpg',sizingMethod='scale');
	   -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.jpg',sizingMethod='scale')";
	}
	
	
	
	.navbar-footer-bottom {
    border-radius: 0;
    z-index: 1000;
    border-width: 0 0 1px;
    padding-right: 0;
    padding-left: 0;
    margin: 20px 0 0;
	width: 100%;
	position:absolute;
	bottom:0;		
	}
	
	body .imgModal {    
    width: 200px;
    margin-left:auto;
	margin-right:auto;    
	}
	
	
	.headermain {
    background-color:#058FBA;
    color:white;	
	opacity:0.8;
	}
	
	.homepagetag	{
	color:#058FBA;
	text-align:center;
	font-family: Angsana New, serif;
	font-size: 60px;
	font-weight: bold;	
	}
	
	

	.headersub {    
	float: right;	
	}

	.footermain {
    background-color:#058FBA;
    color:white;    
	opacity:0.8;
	
	}	
	
	
	.tablehomepage tr 	{
	
	background-color: inherit;
	border: none;	
	margin: 10px;
	}
	
	
	input[type=submit], #skiplink {
    background-color: #05799C;
    border: none;
    color: white;
    padding: 6px 10px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer;
	}
	
	#regsubmit, #logsubmit {
	background-color: #0077BE;
	}
	
	.concept {   
	  animation-duration: 800ms;
	  animation-name: blink;
	  animation-iteration-count: infinite;
	  animation-direction: alternate;
	}
	
	@keyframes blink {
	  from {
		color: silver;
	  }

	  to {
		color: gold;
	  }
	}
	
	@media screen and (max-width: 700px){
		.homepage{
			background-image:url(../fxturf-images/FXTURFCoverTheme-Mobile.png);/*your background image*/ 
		}	   
		.homepagetag{
			font-size:20px;
		}
		.navbar-footer-bottom {
			position:relative;
		}
		.concept {
			color:white;
		}
	}
	
	@media (max-width:767px) {
		.navbar-nav.navbar-collapse {
			margin-left: 0;
			margin-right: 0;
			padding-left: 0;
			padding-right: 0;
		}
	}
	.btn-primary {
    background: #05799C;    
	}	
	.btn-primary:hover {
	background: #04566F;
	}	
	.form-control:focus{   
    border-color: rgba(11, 76, 181, 0.8);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(11, 76, 181, 0.6);
	}	
	.active  a {
    background-color: #058FBA;
	   
	}
	
	
	
	
	.active {
		background-color: #083A8B;		
	}
	
	
	.imgcontainer {
		position: relative;
		margin: 0 auto;
	}
	
	

	.bottomtext {
		background-color:#059BC9;
		position: absolute;
		color:white;
		opacity: 0.7;		
		width: 200px;
		bottom:0%;
		margin:0 auto;
		text-align: center;
		font-size: 18px;
		left:0;
		right:0;
		
	}
		
	
	.bottomtext1 {
		background-color:#8FADDC;
		color:white;
		opacity: 0.7;
		position: absolute;
		left: 5px;
		bottom:0%;
		width: 200px;
		text-align: center;
		font-size: 18px;
		
	}
	
	.bottomtext:hover{
		background-color:#056E8D;
		color:white;
		opacity: 0.8;		
	}
	
	/* Show the dropdown menu on hover */
	.dropdown:hover .dropdown-menu {
		display: block;
	}

	.dropdown, .dropdown-menu{
		min-width:auto;
		width:100%;
	}
	
	.dropdown-menu{
		background-color: #D3F2FA;
	}
	
	.dropdown-menu > li > a:hover {
	background-color: #48D2FA;
	background-image: none;
	}
	
	.nav-stacked  {
    background-color: white ;
	color: #058FBA;   
	}
	
	
	.navbar	{
		background-color: #058FBA;
				
	}
	
	.navbar-toggle {
		background-color: #05BBF6;						
	}
		
	.navbar-inverse .navbar-toggle:hover,
	.navbar-inverse .navbar-toggle:focus	{
		background-color: #059AC9;
	}
	
	
	
	/*
	.navbar-default .navbar-inverse .navbar-toggle .icon-bar:hover,
	.navbar-default .navbar-inverse .navbar-toggle .icon-bar:active,
	.navbar-default .navbar-inverse .navbar-toggle .icon-bar:focus
	{
		background-color: #058FBA;
				
	}
	
	
	.navbar-inverse .nav li.dropdown.open > .navbar-toggle, .navbar-inverse .nav   li.dropdown.active > .navbar-toggle, .navbar-inverse .nav li.dropdown.open.active > .navbar-toggle {
	background-color: #D3F2FA;
	 }
       .navbar .nav li.dropdown.open > .navbar-toggle, .navbar .nav li.dropdown.active > .navbar-toggle, .navbar .nav li.dropdown.open.active > .navbar-toggle {
	background-color: #48D2FA;

	 }	
	*/
	
	@media screen and (max-width: 700px){  
	
		.navbar-footer-bottom {
			position:relative;
		}
		
	}
	
	@media (max-width:767px) {
		.navbar-nav.navbar-collapse {
			margin-left: 0;
			margin-right: 0;
			padding-left: 0;
			padding-right: 0;
		}
	}		

	@media (max-width: 2000px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}
	
	.centeralign {
		position:absolute;
		top:50%;
		left:50%;
		color:gold;		
		-webkit-transform:translate(-50%,-50%);
		transform:translate(-50%,-50%);
		margin-top:0%;		
	}
	
	
	
	/*
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus{
		background-color: #056E8D;
	}
	
	a.text-primary:focus,a.text-primary:hover{color:#058FBA;}
	a.bg-primary:focus,a.bg-primary:hover{background-color:#058FBA;}
	.btn-primary.focus,.btn-primary:focus{background-color:#058FBA;}
	.btn-primary:hover{background-color:#058FBA;}
	.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-color:#058FBA;}
	.label-primary[href]:focus,.label-primary[href]:hover{background-color:#058FBA;}
	*/