.option-common { display: inline-block; width: 30%; overflow: hidden; padding-top: 10px; float: left; margin: 10px;}
.option-common>.tieude-box {display: block; text-align: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
background: #2c343c; color: silver; padding: 4px 10px;
-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;
border-bottom: 1px solid #4F4F4F;
}

.option-common>select {
  outline: 0;
  overflow: hidden;
  height: 30px;
  background: rgba(0,0,0,0.7);
  color:white;
  border:#2c343c ;
  margin: 0; 
  width: 100%;
  display: inline-block;
  padding-left: 8px;

}
.option-common:hover select{background: darkgreen;}

.option-common img {border: none; width: 100%;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
height: 150px;

}
.nutchitiet { display: block; width: 100%; text-align: left; font-size: 10px; height: 15px;}
  
.option-common h2 {margin-top: 0px;}

.option-common select option {border:1px solid #000; background:#010; display: inline-block; }
#chitiettubep {clear:both; margin-top: 0px; padding-left:10px; padding-right: 10px; padding-bottom: 10px;}
.chitiet-noidung{padding-left: 40px;padding-bottom: 200px;}
.nutok {clear:both; margin-top: 0px; margin: 5px;}
.chieudaitu {clear:both; color:green; font-weight: bold;}

 
 
.tieudebep1 {clear:both;  height: 30px; padding-top: 13px; padding-left: 10px;}
 
.tieudebep1 h1 {color:white}
.tieudebep1 h2 {color:white}

.tieudebep  {clear:both; padding-bottom: 5px;}
.tieudebep h2 {color:black}
img {border: none;}

.chieudaibep {font-weight: bold;}

 
td a {text-decoration: none; font-size: 0.8em;}

/* News 2013 */
#h1tinhgia {font-weight: bold; line-height: 30px; font-size: 14px; margin-left: 20px; padding-top: 10px; color: #FF8000;}
#boxthongtinkhachhang,#boxcacthanhphannoithatphong,#chitiettubep {background: #FBFBFB; padding: 15px; margin: 5px; display: block; margin-top: 10px;
   border: 1px solid #EEEEEE;
}
#boxthongtinkhachhang table {padding: 10px; background: #DCDCED;}
#tableresult {background: #EAEAEA; padding: 15px; margin: 5px; display: block; margin-top: 10px;}
.tieudebox {font-weight: bold; line-height: 35px; font-size: 14px; clear: both;}
#thanhtienthietkebox { background: #FBFBFB; display: block; height: 60px; width: 300px; text-decoration: none !important;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 5px 5px 5px black;
-webkit-box-shadow: 5px 5px 5px black;
box-shadow: 1px 1px 1px black;
padding: 5px;

padding-top: 20px;
text-align: center;
margin: 5px;


}
#thanhtienthietkebox  span.tieude {font-size: 16px; font-weight: normal; text-transform: uppercase;}
#thanhtienthietke { font-size:16px;text-shadow:1px 1px 0 #B5B5B5;font-weight:bold;color:black; display: block; color: #004080; margin-top: 10px;}
#tableresult tr {background: #DCDCED; line-height: 20px;}
#sotienketqua {font-weight: bold;}
#sotienboxid {margin-left: 20px; font-size: 14px;}
#idthongtinthem {padding: 20px; background: #F9FCFF;}
#idthongtinthem p {padding: 5px; line-height: 20px;}
#idthongtinthem p span {color: red;}
#idboxselect_chitietbep {margin: 5px; text-align: center; background: #DCDCED; padding: 5px; padding-bottom: 15px;
display: inline-block; clear: both;
}


#box-user-info {overflow: auto}        
#box_guest_info {display: inline-block; float: left; width: 100%; overflow: auto; }
#box_guest_info h3 {font-size: 20px; border-bottom: 1px solid silver; padding-bottom: 5px}
#box_guest_info>div {width: 95%; padding: 2px 10px;}
#box_guest_info>div>label {width: 25%; margin-right: 10px; text-align: right;}
#box_guest_info>div>input {width: 65%; border: 1px solid #EEEEEE; padding: 2px; border:none}
#block-option,#block-result {margin-top: 5px; display: inline-block; width: 100%;}
#bar-prices-top { background: red; z-index: 1000;
	position:fixed;
	width:100%;
	top:300px;
	left:0;
    color: white;
	background:rgba(0,0,0,0.8);
	padding:15px;
	-webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 5px;
text-align: center ;
    
}
#bar-prices-top>span {color: silver; margin-left: 20px;}
#bar-prices-top>strong {text-transform: uppercase; color: yellow;}
.leng-title>strong {text-transform: uppercase; font-weight: normal; font-size: 16px !important;}
.leng-title>input {width: 70px; text-align: center; margin-left: 10px; border: 1px solid whitesmoke; font-weight: bold; font-size: 20px !important;}
@media (max-width: 600px)
{
    .option-common { width:98% !important;  margin: 1%; }
     
    
}


.categoryCard {
  float: left;
  display: block;
  width: 100%;
  height: 228px;
  background-color: #FFF;
  padding: 0px;
  color: #4198FF;
  text-decoration: none;
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);
  transition: box-shadow 0.3s ease-out;
  margin-bottom: 20px;
  margin-right: 2.5%;
  position: relative;
  text-align: left;
}
.categoryCard:hover
{
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.4);

}
    
.cardImage {
    height: 135px;
    width: 100%;
}
.cardContainer, .text.card-title, .card-description.text {
  padding: 6px 10px;
  position: relative;
  background-color: #ffffff;
  }
.categoryCard h2 {     
    font-size: 1em;
    color: #727272;
    margin-top: 5px;
    margin-bottom: 5px;
}
.categoryCardFooter {
    border-top: 1px solid #EAEAEA;
    bottom: 0;
    color: #000;
    height: 30px;
    position: absolute;
    text-decoration: none;
    width: 100%;
}
.categoryCardFooter {padding-top: 5px; padding-left: 10px; }
.categoryCardFooter>span {border-left:1px solid #EAEAEA; float: right; margin-right: 10px; padding-left: 10px;}