/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Apr 8, 2016, 4:57:50 PM
    Author     : CHGolf
*/

body {
     padding-top: 0px; 
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
        outline: 0 px auto -webkit-focus-ring-color; 
        outline: #FEC31D;
      }
.btn-default:focus, .btn-default.focus {
    color: #333;
     background-color: #FEC31D;
    border-color: #FEC31D;
}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background-color: #FEC31D; border-color: #FEC31D;
}

.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
    color: #333;  background-color: #FEC31D;
    border-color: #FEC31D;
}
.btn-default:hover {
    color: #333;
    background-color: #FEC31D;
     border-color: #FEC31D ; 
     }
    .navbar {
    min-height: 60px;
 margin-bottom: 0px;
margin-bottom: 0px;
    }
 .navbar-default{ 
  background: #152636;
 margin-bottom: 0px;
 }
 
 
h3, .h3 {
    font-size: 20px;
}
 
.navbar {
    min-height: 0px;
 }
 
    .navbar-brand
{
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    margin:0 auto;
}
.navbar-toggle {
    z-index:3;
}

.navbar-toggle-left {
    position: relative;
    float: left;
    margin-right: 15px;
    padding: 9px 10px;    
    margin-top: 7px;
     margin-bottom: 0px; 
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.navbar-toggle {
    margin-top: 9px;
    margin-bottom: 0px;
}
.navbar-default{ 
  background: #fec31d;}

@font-face {
    font-family: THSarabunNew;
    src: url(../font_THSarabunNew/THSarabunNew.ttf);
}

div {
    font-family: THSarabunNew;
}



body {
   font-family: THSarabunNew;
  font-size: @font-size-base;
  line-height: @line-height-base;
  color: @text-color;
  background-color: @body-bg;
}body
{
        font-size: 20px;
    }

.nav_footer{
    font-size: 40px;
}

.btn-nav-footer{
     font-size: 18px;
    
}
label {
    font-size: 18px;
}
.col-centered{
    float: none;
    margin: 0 auto;
}

.nav-tabs>li>a {
    background-color: #8baf33;
    border-color: #dfd7ca;
    color: #FFFFFA;font-size: 20px;
}

.nav-tabs>li>a:hover {
  background-color:#73902B;    color: #FFFFFA;
}


.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #FFFFFA;
       background-color: #6B8629;
    border: 1px solid #dfd7ca;
    border-bottom-color: transparent;
    cursor: default;
}

li-image{
    padding: 0px;
 }.image-size{
     max-width:100%;
                                               max-height:100%;
 }
.image-description{
  font-size: 20px;
 }
 
 .list-group-item {
    padding: 3px 3px;
}.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}


.col-centered{
    float: none;
    margin: 0 auto;
}










    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #E8B72B;
}
            .navbar-default .navbar-toggle {
    border-color: #FEC31D;
}
       .nav_footer .btn:hover
        {
            
                background: #FEC31D;
                color: #443939;    font-weight: 900;
            }
        .nav_footer  .btn
        {
            
                background: #312E2E;
                color: whitesmoke;
                font-weight: 900;
        }
         
        .page-header {
    padding-bottom: 9px;
    margin: 15px 0 0px;
    border-bottom: 1px solid #f8f5f0;
}

.navbar-toggle-left {
       padding: 0px;
    padding-left: 5px;
    padding-top: 3px;
    color: #777777;}
    
    
         
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #333;
    background-color: #EAB41B;
}



.navbar-brand
{

    z-index: 1;
    font-weight: 900;
    font-size: 24px;
    }