/*! Place your custom styles here */

.nowrap {
  white-space: nowrap!important;
}

body {
  
  color:#000!important;
}
table.dataTable thead th, table.dataTable thead td {
  padding: 5px 5px!important;
}

th , td{
  vertical-align: top;
}

table.dataTable tbody th, table.dataTable tbody td {
    /*padding: 7px 5px 0px 5px!important;*/
}
table.dataTable {
    margin: 10px auto!important;
}
.orange {
	color:#ff3d00!important;
}

.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em;
}

.typeahead,
.tt-query,
.tt-hint {
	padding: 8px 12px;
	font-size: 13px;
	line-height: 30px;
	border: 2px solid #ccc;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	outline: none;
	background-color: #fff;
	position: absolute;
	width: 90%;
	z-index: 10;
}

.typeahead a {
	color:#666666!important;
}

.typeahead {

}

.typeahead:focus {
  border: 2px solid #0097cf;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-dropdown-menu {
  width: 422px;
  margin-top: 3px;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
  color: black;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;
}

.tt-suggestion p {
  margin: 0;
  font-size: 18px;
  text-align: left;
}

.twitter-typeahead {
	width: 100%;
}

.col-md-12 {
	margin-top:5px;
}

.input-group-addon-left {
    margin-top: -30px;
    text-align: right;
    margin-right: 5px;
    font-size: 10px;
}
.input-group-addon-right {
	margin-top: -30px;
    text-align: left;
    margin-left: 5px;
    font-size: 10px;
}

.buttoncontrol {
  width: 120px!important;
  margin: 10px 0px;
  font-size: 14px!important;
}

.pad-10 {
  padding:10px 0px;
}

.mar-10 {
  margin: 10px 0px;
}

.btncontroldiv {
  background-color:#e6e6e6;
  padding:5px;
}

.font20 {
  font-size:20px!important;
  padding:0px 3px!important;
}

.detail_track_table {
  min-width: 250px;
  font-size: 11px;
  line-height: 11px;
  width: 72px;
  padding: 5px 2px!important;
  margin-bottom: 0px!important;
}

.detail_track_table th {
  text-align: center;
  width: 72px;
  padding: 5px 2px!important;
}

.detail_track_table td {
  text-align: center;
  padding: 3px!important;
}

.cursor {
  cursor: pointer;
}


 h1,h2,h3,h4,h5, h3 strong {
    font-family: 'Kanit', sans-serif!important;
}


.uploadmultiplelist {
  float:left;
  margin: 8px;
}

.uploadmultiplelist i {
  margin: -5px;
  margin-top: -6px;
  float: right;
  z-index: 9;
  position: relative;
}

.dataTable {
  line-height: 21px!important;
  font-size: 13px!important;
}