/*--------------------------------------------------------------
- Fonts Web
--------------------------------------------------------------*/
@font-face {
    font-family: 'SukhumvitBold';
    src: url('fonts/sukhumvitbold.eot');
    src: url('fonts/sukhumvitbold.eot') format('embedded-opentype'),
         url('fonts/sukhumvitbold.woff2') format('woff2'),
         url('fonts/sukhumvitbold.woff') format('woff'),
         url('fonts/sukhumvitbold.ttf') format('truetype'),
         url('fonts/sukhumvitbold.svg#SukhumvitBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SukhumvitRegular';
    src: url('fonts/sukhumvitreg.eot');
    src: url('fonts/sukhumvitreg.eot') format('embedded-opentype'),
         url('fonts/sukhumvitreg.woff2') format('woff2'),
         url('fonts/sukhumvitreg.woff') format('woff'),
         url('fonts/sukhumvitreg.ttf') format('truetype'),
         url('fonts/sukhumvitreg.svg#SukhumvitRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'SukhumvitSet-Text';
  src: url('fonts/SukhumvitSet-Text.eot');
  src: url('fonts/SukhumvitSet-Text.eot?#iefix') format('embedded-opentype'),
       url('fonts/SukhumvitSet-Text.woff2') format('woff2'),
       url('fonts/SukhumvitSet-Text.woff') format('woff'),
       url('fonts/SukhumvitSet-Text.ttf') format('truetype'),
       url('fonts/SukhumvitSet-Text.svg#SukhumvitSet-Text') format('svg');
  font-weight: normal;
  font-style: normal;
}


/*--------------------------------------------------------------
- Elements
--------------------------------------------------------------*/
html{font-family: 'SukhumvitSet-Text';}
body{font-family: 'SukhumvitSet-Text';background-color: #DDD;}
h1{font-family: 'SukhumvitBold';}
h2{font-family: 'SukhumvitBold';}
h3{font-family: 'SukhumvitBold';}
h4{font-family: 'SukhumvitBold';}
h5{}
p{}


/*--------------------------------------------------------------
- Links
--------------------------------------------------------------*/
a{color: red;}
a:hover{text-decoration: none;}
.table{  background-color: #fff;}
.btn{font-family: 'SukhumvitBold';}
.header{padding: 20px 0;background-color: #eee;  border-bottom: 2px solid #666;}
.box-login{}
.box-login .form-group{margin-bottom: 0;}
.button-blue{  background-color: #2FA8F2;color: #fff;font-family: 'SukhumvitBold';}
.button-blue:hover{color: #fff !important;}
.nav{}
.nav ul, .box-today ul{margin: 0;list-style: none;padding: 0;}
.nav ul ul{display: none;position: absolute;width: 180px;left: 0;text-align: left;background: #444;z-index: 3;}
.nav ul ul > li{display: block;border-bottom: 1px solid #fff;}
.nav ul ul > li a{color: #fff;display: block;}
.nav ul ul > li a:hover{background-color: #000;}
.nav ul > li, .box-today li{display: inline-block;vertical-align: middle;position: relative;}
.nav ul > li a, .box-today li a{font-family: 'SukhumvitBold';color: #333;padding: 6px 15px;display: block;font-size: 17px;}
.nav ul > li:hover > ul{display: block;}
.box-today{background-color: #333; color: #fff;padding: 5px 20px;}
.btn-danger{color: #fff !important;}
.table-head{color: #fff;background: #333;border: 1px solid #333 !important;}
.box-head{  padding: 20px;margin-top: 20px;background-color: #FFFFFF;border-radius: 10px;}
.box-user{background-color: #333;padding: 10px;margin-top: 20px;border: 2px solid;color: #fff;}
.box-user .name{text-align: center;font-size: 17px;border: 1px solid;padding: 10px 0;}
.box-user .name span{color: #5CB85C;}
.box-user .money{font-size: 19px;text-align: center;padding: 10px 0;background-color: #fff;color: #FF0700;font-family: 'SukhumvitBold';}
.box-user h4{text-align: center;border-bottom: 1px solid #fff;border-top: 1px solid #fff;padding: 10px 0;} 
.box-user-detail{font-size: 13px;}
.box-user-detail .list-group-item, .box-user-detail .panel{color: #000;font-size: 12px;}
.box-user-detail .list-group{margin-bottom: 0;}
.item-step{margin-bottom: 5px;background-color: #DFF0D8;}
.table > tbody > tr > td, .table th{vertical-align: middle;font-size: 12px;}
.table select{vertical-align: middle;font-size: 11px;}
.list-mini{background-color: #fff;color: #000;padding: 5px;margin-bottom: 5px;}
.list-mini .head{cursor: pointer;}
.list-mini:hover{background-color: #eee;}
.list-mini .detail, .box-league{display: none;}
.box-league{margin-top: 20px;}
.dropdown-menu li{display: block !important;}
/*--------------------------------------------------------------
- Smooth transition
--------------------------------------------------------------*/

a{  transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;}

/*--------------------------------------------------------------
- Fix IE
--------------------------------------------------------------*/
.ie7 .your-class{}
.ie8 .your-class{}
.ie9 .your-class{}


/*--------------------------------------------------------------
- Responsive
--------------------------------------------------------------*/
@media (max-width: 1200px) {
  /*Your code*/
}
@media (max-width: 992px) {
  /*Your code*/
}
@media (max-width: 768px) {
  /*Your code*/
}
@media (max-width: 568px) {
  /*Your code*/
}