/*
Credits:
Code snippet by @maridlcrmn (Follow me on Twitter)
Images by Nike.com (http://www.nike.com/us/en_us/)
Logo by Sneaker-mission.com (http://www.sneaker-mission.com/)
*/
@import url(fonts/th_niramit_as.css);
h2{color:#51B500;   font-family: THNiramitAS, sans-serif; font-weight:550;}
.header{background:#8FB247; margin-top:-19px; padding:0px 15px 0px 15px;}
.modal-header{background:#8FB247;color:#fff;/**/}
.navbar-brand { 
  /*width: 70px;*/
  height: 50px;
  background: url('http://www.sneaker-mission.com/uploads/3/1/2/7/31279819/5617441.png') no-repeat center center;
  background-size: 50px;  
}

.nav-tabs {
  /*display: inline-block;
  border-bottom: none;
  padding-top: 15px;
  font-weight: bold;*/
}
/*.nav-tabs > li > a, 
.nav-tabs > li > a:hover, 
.nav-tabs > li > a:focus, 
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border: none;
  border-radius: 0;
}*/
body
{
    width:100%;
  height:100%;
  height:calc(100% - 1px);
  background-image:url('../images/header-background3.jpg');
  background-size:cover;
   background-position: center;
    }

.nav-list { border-bottom: 1px solid #eee; }
.nav-list > li { 
  padding: 20px 15px 15px;
  border-left: 1px solid #eee; 
}
.nav-list > li:last-child { border-right: 1px solid #eee; }
.nav-list > li > a:hover { text-decoration: none; }
.nav-list > li > a > span {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
}

.footer-menu{background: #8FB247;
             font-size:12px;
             color:#fff;
             padding:17px;}
.footer-menu h5 {color:#333}
.footer-menu a,.footer-menu p {color:#fff}
.footer-menu ul { list-style:none;}

.mega-dropdown { position: static !important; }
.mega-dropdown-menu {
  padding: 20px 15px 15px;
  text-align: center;
  width: 100%;
}


/*like box------------------------------------------------*/
.like, .dislike {    
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background: lightgreen;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 4px 7px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 4px;
}

.qty1, .qty2 {
    border: none;
    width:20px;
    background: transparent;
}
/*like box------------------------------------------------*/
.navbar-brand {
	margin-left:0px;
	}
.navbar-brand.logo{
	position :relative;
	margin-left:0px;
	}
.navbar-brand.logo img{
	    position: absolute;
    width: 70px;
    left: -45px;
    top: 0px;
	
	}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
    margin-right: 0;
    margin-left: 0;
    padding-left: 37px;
}
.title a
{
    text-decoration: none;
}
.title h3
{
    margin-top: 10px;
    color:#fff;
}
.title h4.minor
{
    color:#595959;font-size: 17px;/*b3b3b3;*/
}
.eng
{
    color:#669900;
    }
.presentdata .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
}

.presentdata .form-group .input-group 
{
    padding-top:7px;
    padding-right:15px;
 }
 .page-head-title-sm{display:none;}
 @media (max-width: 480px) 
 {
     .page-head-title{display:none !important;}
     .page-head-title-sm{display:block !important;}
     .navbar-brand {font-size:small; width:150px !important;}
     }
  .additional-table-container{max-height:250px;  overflow:auto;}
  .text-white{color:#fff;}

.box-widget {
    border: none;
    position: relative;
}


.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

.box-comments {
    background: #f7f7f7;
}


.box-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #f4f4f4;
    padding: 10px;
    background-color: #fff;
}

.box-comments .box-comment {
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}
.box-comments .box-comment:first-of-type {
    padding-top: 0;
}
.img-sm, .img-md, .img-lg, .box-comments .box-comment img, .user-block.user-block-sm img {
    float: left;
}
.img-sm, .box-comments .box-comment img, .user-block.user-block-sm img {
    width: 30px !important;
    height: 30px !important;
}


.box-comments .box-comment img {
    float: left;
}

.box-comments .box-comment {
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}
.box-comments .box-comment:last-of-type {
    border-bottom: 0;
}

.box-comments .username {
    color: #444;
    display: block;
    font-weight: 600;
}
.box-comments .text-muted {
    font-weight: 400;
    font-size: 12px;
}
.box-comment-reply
{
    margin-left:22px;
    background:#f0f5f5;
    
}
.box-comment-reply .comment-text
{
    padding:10px;
    
}
footer {
     margin: 0; 
}
.top-buffer { margin-top:20px; }
.bottom-buffer { margin-bottom:20px; }
/*---search style in index page*/
#custom-search-input{
    padding: 3px;
    border: solid 1px #E4E4E4;
    border-radius: 6px;
    background-color: #fff;
}

#custom-search-input input{
    border: 0;
    box-shadow: none;
}

#custom-search-input button{
    margin: 2px 0 0 0;
    background: none;
    box-shadow: none;
    border: 0;
    color: #666666;
    padding: 0 8px 0 10px;
    border-left: solid 1px #ccc;
}

#custom-search-input button:hover{
    border: 0;
    box-shadow: none;
    border-left: solid 1px #ccc;
}

#custom-search-input .glyphicon-search{
    font-size: 23px;
}

/*---end search style in index page*/
.relative{position:relative;}
.overlay{position:absolute; z-index:999; top: 0px;}
.thumb-text{font-size: large; margin:10px; margin-right:20px;}
.db-thumb a{color: white;}
.db-thumb a:visited{color: white;}
.db-thumb a:hover{color: white;}
.db-thumb a:active{color: white;}
.thumb-text-white a{color: white;}
.thumb-text-black a{color: black;}
.thumbnail{padding: 4px;}