#list-content {
  font-size:15px;  
  font-family: "Arial","Helvetica","sans-serif";  
  border:1px solid #b6ccca;
}
#list-content .bd{
    
}
#list-content .col-xs-1, #list-content .col-sm-1, #list-content .col-md-1, #list-content .col-lg-1, 
#list-content .col-xs-2, #list-content .col-sm-2, #list-content .col-md-2, #list-content .col-lg-2, 
#list-content .col-xs-3, #list-content .col-sm-3, #list-content .col-md-3, #list-content .col-lg-3, 
#list-content .col-xs-4, #list-content .col-sm-4, #list-content .col-md-4, #list-content .col-lg-4, 
#list-content .col-xs-5, #list-content .col-sm-5, #list-content .col-md-5, #list-content .col-lg-5, 
#list-content .col-xs-6, #list-content .col-sm-6, #list-content .col-md-6, #list-content .col-lg-6, 
#list-content .col-xs-7, #list-content .col-sm-7, #list-content .col-md-7, #list-content .col-lg-7, 
#list-content .col-xs-8, #list-content .col-sm-8, #list-content .col-md-8, #list-content .col-lg-8, 
#list-content .col-xs-9, #list-content .col-sm-9, #list-content .col-md-9, #list-content .col-lg-9, 
#list-content .col-xs-10, #list-content .col-sm-10, #list-content .col-md-10, #list-content .col-lg-10, 
#list-content .col-xs-11, #list-content .col-sm-11, #list-content .col-md-11, #list-content .col-lg-11, 
#list-content .col-xs-12, #list-content .col-sm-12, #list-content .col-md-12, #list-content .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
#list-content .box{
  padding-right: 0;
  padding-left: 0;
}
#list-content form * {  
  /*border-radius:0 !important;*/
}  
#list-content button.btn {
  font-size:15px; 
}     
#list-content .tips-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}    
#list-content .inner-bg {

}               
#list-content .form-top h2 {
  color: #007770;   
  font-size: 24px;     
  font-weight:bold;       
}   
#list-content input.form-control,
#list-content select.form-control{
  font-size:15px;
  color:#000;  
}
#list-content .desc h4 {
  line-height: 140%;     
  font-size: 15px;      
}     
#list-content .desc {
  padding: 10px 0 0 0;     
}        
#list-content .desc p {
  color: #555;
  font-size:15px;
}
#list-content .desc i {
  color: #555;
  font-size:13px;
  font-style:normal;
}
#list-content label{
  font-weight:normal;
  font-size:15px;
  color:#000;
}
#list-content span.tips-block{
  font-size:15px;
  color:#555;  
}
#list-content label.right {
  vertical-align: bottom; 
  padding-left:10px;
  padding-top:10px;
}
#list-content label.left {
  vertical-align: bottom;
  padding-top:10px; 
}
#list-content .ln{
  float:right;
  margin-top:10px;
}
#list-content .ln a{  
  background: #888;
  color:#fff;
  padding: 4px;
  font-size:13px;
}
#list-content .form-top {
	overflow: hidden;
	padding: 15px 25px 15px 25px;
	background: #fff;                       	
	text-align: left;
  -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
}
#list-content .form-middle {         
	overflow: hidden;
	padding: 20px 10px 10px 10px;
	/*background: #f6f6f6;*/
  background:#fff;
	text-align: left;
}
#list-content .form-bottom {
	padding: 25px 25px 30px 25px;
	background: #ddd;
	text-align: left;
  -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
}              
#list-content .notes {
  padding: 10px 0 0 0;
  color: #666;
  font-size:13px;
}
#list-content button.glyphicon{
  font-size:14px;
}
#list-content .glyphicon {
  top:0;  
}
#list-content fieldset {
  margin: 20px 0 0 0;      
}

#list-content legend {        
  border-bottom: 1px solid #aaa; 
  color:#007770; 

}       
#list-content legend p{
  font-size:50%;  
}    
#list-content .space{
  padding-left:10px;
}                

#list-content input.rent{
  width:120px;
  display:inline-block;
}
#list-content .ctn-date {
  width:160px;
  display: inline-table;
  vertical-align: bottom;
  margin-left:10px;
}
#list-content .ctn-date .date input, #list-content .ctn-date .date span {
  background:#fff;
}
#list-content .inline-block {
  display:inline-block;
}
#list-content textarea.remark {
  height:80px;
}
#list-content .modal-header .close {
  margin-top: -22px;
}
#list-content .form-control[readonly],
#list-content fieldset[disabled] .form-control {
  background-color: #fff;
  opacity: 1;
}           
#list-content .modal-title {
  font-size:17px;
  color:#007770;         
}
#list-content .modal label.btn {
  text-align:left;
  font-size:15px;
}     
#list-content .modal .btn:hover {     
  background:#eee;
  -webkit-box-shadow: none;
          box-shadow: none;
}                      
#list-content .modal .btn:active,
#list-content .modal .btn.active {
  color:#fff;
  background:#265a88;
  -webkit-box-shadow: none;
          box-shadow: none;
}            
#list-content .modal h4{
  padding: 20px 0 0 0;
  color:#007770;
  background:#fff;             
}
#list-content .modal h4.top{
  padding: 0 0 0 0;  
}                   
#list-content .star{
  color:#f00;
}      
#list-content .complete{
  padding-bottom:100px;
}        
#list-content .complete b{
  color:#f00;
  font-size: 140%;
  font-weight:normal;
}        
#list-content .complete u{
  text-decoration:none;
  border-bottom:1px solid #000;
  padding-bottom: 2px;
}
#list-content .complete p.t1 {
  margin-top: 20px; 
}   
#list-content .complete p.t3 {
  margin-top: 30px; 
}              
#list-content .complete p.red{
  color:#f00;
  margin: 30px 0 30px 0;  
}

/* typeahead*/
#list-content .empty-message {
  padding: 5px 10px;
  text-align: center;
}   
#list-content .twitter-typeahead, 
#list-content .tt-hint, 
#list-content .tt-input, 
#list-content .tt-menu { 
  width: 100%;      
}  

#list-content .tt-query,
#list-content .tt-hint {       
  color:#ccc;     
}             

.twitter-typeahead .tt-hint
{
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border: 1px solid transparent;
    border-radius:4px;   
}

      
#list-content .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);
}       
#list-content .tt-menu {
  margin: 2px 0;
  padding: 6px 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);
}  
#list-content .tt-suggestion {
  padding: 3px 20px;
}               
#list-content .tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: #337ab7;
}                
#list-content .tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #337ab7;      
}
/* typeahead*/

#list-content .fileinput-button {
  font-size:15px;
}

#list-content .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f6f6f6;
}

#list-content label.photo {
  width: 80px;
}
#list-content tr.template-download td.col-dragdrop {
  width: 10%;   
  vertical-align:middle;           
  background: url(../images/dragdrop.gif);
  background-repeat: no-repeat;
  background-position: center; 
} 
#list-content tr.template-download td.col-preview {
  width: 15%;
}

#list-content tr.template-download td.col-name {
  width: 30%;
}

#list-content tr.template-download td.col-size {
  width: 20%;
}

#list-content tr.template-download td.col-control {
  width: 25%;
}     

#list-content .fileupload {
  padding: 10px 10px 0 10px;  
  border:2px dashed #ccc;  
}

#list-content .fileupload-border-leave {
  border:2px dashed #ccc;
}

#list-content .fileupload-border-over {
  border:2px dashed #666;  
  background:#ffffdc;
}

#list-content span.fileinput-button{
  position: relative;
  float:left;
  z-index:9999;
}

#list-content p.txt {
  color:#777;
  font-size: 15px;
  text-align: center;
  position: relative;
  margin: 18px 0 30px 0;
}
         
#list-content .btn.active {
  color: #fff;
}
#list-content .modal-header{
  background:#fff;
}

#list-content h5{
  background:#fff;
}

.datepicker {
  background:#fff;
}
#complete-form #top{
  border:0;
  width:0;
  height:0;
}
b.whatsapp{
  background-image: url(../images/ic_whatsapp_24x25.gif);
  background-size: 24px 25px;
  width: 24px;
  height: 25px;
  padding:4px 13px;
  background-repeat: no-repeat;
}
input.upper { 
  text-transform: uppercase; 
}

@media (max-width: 767px) {
  #list-content tr.template-download td.col-name {
    width: 45%;    
  }   
  #list-content tr.template-download td.col-control {
    width: 10%;
  }  
/*  
  .btn{
    padding: 0.8vw 0.8vw 0 0.8vw;    
  }
  */
  button.btn {
    font-size: 13px;
  }
  .btn-group .btn{
    padding:5px 10px;
  }
}