/* Twitter Typeahead */

.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: 12px;
  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;
  line-height: 24px;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;

}

.tt-suggestion p {
  margin: 0;
}

.twitter-typeahead {
    width: 100%;
    position: relative;
}
.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
    margin-bottom: 0;
    width:100%;
    height: 34px;
    position: absolute;
    top:0;
    left:0;
}

/* Labels */

.label-DR {
  background-color: #999999;
}
.label-SENT {
  background-color: #3A87AD;
}
/*.label-viewed {
  background-color: #F89406;
}*/
.label-PAID {
  background-color: #468847;
}
.label-approved {
  background-color: #468847;
}
.label-rejected, .label-overdue {
  background-color: #B94A48;
}
.label-CN {
  background-color: #333333;
}

.form-box .header {
    background: none repeat scroll 0 0 #0073B7;
}

.skin-blue .navbar .dropdown-menu > li > a:hover {
  color: #fff;
}

.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}

#item-table tr.item {cursor: move; }

.small-box h3 {
    font-size: 32px;
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        background-color: #ffffff;
    }
}

.equal, .equal > div[class*='col-'] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
}

.pull-right .dropdown-menu:after {
    left: auto;
    right: 13px;
}
.pull-right .dropdown-menu {
    left: auto;
    right: 0;
}





/* ---- header css ------*/

.header-contianer {
	width: 100%;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	height: auto;
	margin: 0px;
	min-height: 125px;
	background: url(http://siamdivers.com/booking/css/images/header-bg.png) repeat-x;
}
.cont-wrpr {
	width: 1052px;
	margin: 0 auto;
}
.cus-frm-logo {
	width: auto;
	margin-top: 25px;
	display: inline-block;
}

.header-rt {
	width: 82%;
	display: inline-block;
	margin: 21px 0 0;
	vertical-align: top;
	padding: 0px;
}
.footer-rt {
	width: 82%;
	display: inline-block;
	margin: 21px 0 0;
	vertical-align: top;
	padding: 0px;
}
.cont-details {
	width: 100%;
	max-width: 165px;
	display: inline-block;
	margin-left: 5%;
	margin-top: 3px;
}
.header-rt h4 {
	color: #003f3a;
	font-size: 13px;
	text-align: left;
	line-height: 18px;
	margin: 0px;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}
.header-rt h4 span {
	color: #775099;
	font-size: 14px;
}

.footer-rt h4 {
	color: #003f3a;
	font-size: 13px;
	text-align: left;
	line-height: 18px;
	margin: 0px;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}
.footer-rt h4 span {
	color: #775099;
	font-size: 14px;
}

.det-left {
	float: right;
	max-width: 430px;
	width: 100%;
}


.det-left-lt {
	border-right: 1px solid #b8be14;
	display: inline-block;
	margin-right: 15px;
	max-width: 270px;
	padding-right: 15px;
	width: 100%;
}
.det-left-lt h5 {
	color: #003f3a;
	font-size: 13px;
	text-align: right;
	line-height: 19px;
	margin: 0px;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}
.det-left-lt h5 span {
	color: #775099;
}
.det-left-rt {
	display: inline-block;
	width: auto;
	vertical-align: top;
}
.det-left-rt h6 {
	color: #775099;
	font-size: 13px;
	text-align: left;
	line-height: 19px;
	margin: 0px;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}


/* ---- updated css ----- */

.form-control
{
	height:32px;
	border: 1px solid #63dcf3 !important;
  border-radius: 6px !important;
  -webkit-box-shadow: -2px -1px 0 0 #76d9f3 !important;
  -moz-box-shadow: -2px -1px 0 0 #76d9f3 !important;
  box-shadow: -2px -1px 0 0 #76d9f3 !important;

  background: #63fff9; /* Old browsers */
  background: -moz-linear-gradient(top,  #63fff9 0%, #ffffff 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #63fff9 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #63fff9 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63fff9', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */	  
}

.form-group {
    margin-bottom: 30px;
}


.form-control:focus {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6) !important;
  -weblit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6) !important;
         
}


.redes-tab, .panel-heading  {
	background: #63a3d8 !important;
    border-radius: 6px 6px 0 0;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: normal; 
	height: 45px;
	border-bottom:2px solid #fff; 
	border-color:#fff !important;	
	font-family: 'Droid Sans', sans-serif;
	font-weight: normal;
	display: inline-block;
    width: 100%;
}

/*#cus-bk-frm{padding-top:30px;}*/

#cus-bk-frm .table{background:#ddf6fc; margin-bottom:0px !important; width:100%; display:inline-block;}

#cus-bk-frm .redes-tab > tr {
    display: inline-block;
    height: 100%;
    width: 100%;
}

#cus-bk-frm .redes-tab th {
    display: inline-block;
    height: 100%;
    padding: 12px 8px !important;
    text-align: center;
    width: 18%;
}

#cus-bk-frm .no-marg .table > thead > tr, #cus-bk-frm .table-responsive .table > tbody {
    display: inline-block;
    width: 100%;
	height:100%;
}
#cus-bk-frm .no-marg .table > thead > tr > th {
    display: inline-block;
    padding: 12px 8px;
    text-align: center;
    vertical-align: middle;
    width: 46%;
}

#cus-bk-frm .table > thead > tr > th, .panel-title {
	border:none;
    vertical-align: middle; 
	color:#fff; font-size:14px; font-family: 'Droid Sans', sans-serif;  font-weight: normal;
}
#cus-bk-frm .table-responsive {
    border-radius: 6px 6px 0 0;
	display: inline-block;
    width: 100%;
}

#cus-bk-frm .table-responsive .table > tbody > tr, .no-marg .table > tbody > tr {height:42px; border-bottom: 2px solid #ffffff;  display: inline-block; width:100%;}
#cus-bk-frm .table-responsive .table > tbody > tr > td { border: medium none; display: inline-block; padding: 11px 8px; text-align: center; width: 18%; }

#cus-bk-frm .no-marg { margin-right: 4%;
    padding: 0 !important;
    width: 46%;}

#cus-bk-frm .no-marg .table > thead {background: #63a3d8 !important;
    border-radius: 6px 6px 0 0;
	display:inline-block;
    color: #ffffff !important;
    font-size: 14px;
	font-family: 'Droid Sans', sans-serif;
	font-weight: normal;
    font-weight: normal; 
	height: 45px;
	width:100%;
	border-bottom: 1px solid #fff;}

#cus-bk-frm .no-marg .table > tbody, #cus-bk-frm .no-marg .table > tbody > tr {
    display: inline-block;
    width: 100%;
}
#cus-bk-frm .no-marg .table > tbody > tr > td {
    display: inline-block;
    height: 100%;
    padding: 12px 8px;
    text-align: center;
    width: 46%;
	border:none;
}

.panel-primary {border:none; background:#ddf6fc;  margin: 40px 0;}
.panel-title {
    padding: 4px 0 0 15px;
}
.panel-body {
    padding: 12px 0 12px 29px;
}
.panel{box-shadow:none;}

.col-xs-9 {
    padding: 0;
}
button, input, optgroup, select, textarea, label { color:#3b6e62; font-size:13px; font-family: 'Droid Sans', sans-serif;  font-weight: normal;}

h3.box-title {
    background: url("http://siamdivers.com/booking/css/images/underline-img.png") no-repeat left bottom / 100% auto;
	color:#3b6e62 !important;
    font-size: 16px !important;
	font-family: 'Droid Sans', sans-serif;
	font-weight: normal !important;
    margin: 20px 0 !important;
    padding: 0 0 20px !important;
    width: 100%;
}

td, .panel-body { color:#3b6e62; font-size:13px; font-family: 'Droid Sans', sans-serif;  font-weight: normal;}
label.error {color:#ff0000; font-size:12px !important; font-family: 'Droid Sans', sans-serif;  font-weight: normal !important;}

.btn-success{
	background: #cc2c2d; /* Old browsers */
background: -moz-linear-gradient(top, #cc2c2d 0%, #cc5b43 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #cc2c2d 0%,#cc5b43 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #cc2c2d 0%,#cc5b43 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc2c2d', endColorstr='#cc5b43',GradientType=0 ); /* IE6-9 */

box-shadow: 0 5px 0 0 #b94841 !important;
    color: #ffffff;
    font-weight: bold;
	border: none !important;
	border-radius:9px;
    padding: 10px 46px !important;
	font-size:15px;
	margin-top:25px;
}

.btn-success:focus {box-shadow: 0 2px 0 0 #b94841; outline: none !important;
    position: relative;
    top: 3px;}

.footer-contianer { display:none; width: 100%;
	margin: 0px;
	padding: 0px;
	height: auto;
	margin: 0 0 30px;
	min-height: 125px;
	background: url(http://siamdivers.com/booking/css/images/header-bg.png) repeat-x;}

.nw-btn{border:none !important;}

.nw-btn a { background: #64a3d8 none repeat scroll 0 0;
    border: medium none !important;
    border-radius: 6px;
	font-family: droid sans;
    box-shadow: 0 5px 0 0 #4483b8;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 10px;
    margin-left: 20px;
    padding: 8px 20px !important;
    width: 176px;}


.nw-btn a:hover{background: #5897cc !important;}

.nw-btn a:focus{background: #5897cc !important; box-shadow: 0 2px 0 0 #4483b8 !important;  position: relative;
    top: 3px;}

.blnk-prop { font-family: droid sans; font-size: 13px; color: red; padding-bottom: 10px;}

/*tbody > tr:nth-child(even) {background: #b5e6fc}
tbody > tr:nth-child(odd) {background: #ddf6fc}*/


.chk-ctr, span.chk-ctr {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.col-md-3.B
	{
		min-height:112px;
	}


.box.box-primary { padding: 10px 15px 0 !important;}

h3.box-title {
    background: url("http://siamdivers.com/booking/css/images/underline-img.png") no-repeat;
	background-position:left bottom;
	background-size:100% auto;
	color:#3b6e62 !important;
    font-size: 16px !important;
	font-family: 'Droid Sans', sans-serif;
	font-weight: normal !important;
    margin: 20px 0 !important;
    padding: 0 0 20px !important;
    width: 100%;
}




@media screen and (-webkit-min-device-pixel-ratio:0) { 

   
 /* Safari and Chrome */

    .box-title h3 {
     color:#3b6e62 !important;
	 border-bottom:1px solid #99F !important;
    }
	


    /* Safari only override */

    ::i-block-chrome,.box-title h3 {
    background: url("http://siamdivers.com/booking/css/images/underline-img.png") no-repeat scroll left bottom / 100% auto;

	color:#3b6e62 !important;
    }
	
	
}


.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 16s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;

    -moz-animation-name: blinker;
    -moz-animation-duration: 16s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;

    animation-name: blinker;
    animation-duration: 16s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
	50% { opacity: 1.0; }
    100% { opacity: 0.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
	50% { opacity: 1.0; }
    100% { opacity: 0.0; }
}

@keyframes blinker {    
    0% { opacity: 1.0; }
	50% { opacity: 1.0; }
    100% { opacity: 0.0; }
}



/* ----- responsive css -------- */


@media screen and (max-width:1080px) {
.cont-wrpr {
	width: 95%;
}
.header-rt {
	width: 78%;
}
button, input, optgroup, select, textarea, label {
    font-size: 11px;}
}

@media screen and (max-width:994px) {
	 
body.outerbody > .header, body.outerbody .left-side, body.outerbody .navbar {

 position:relative;
}	 


body.fixed .sidebar-offcanvas {
  left: 0px;
  margin-top: 50px;
  top:10px;
  width: 100%;
}
 body.outerbody > .outerbody, body.outerbody .sidebar-offcanvas {
  margin-top: 0px !important;
}

.nw-btn {
    border: medium none !important;
    display: inline-block;
    margin-top: 10px !important;
    text-align: center;
    width: 48%;
}

.nw-btn a {display:inline-block !important;}

button, input, optgroup, select, textarea, label {
    font-size: 13px;}
}





@media screen and (max-width:852px) {
	
.header-contianer {
	background-size: 100% 100%;
	padding: 0 0 36px;
}

.cus-frm-logo {
	width: 82%;
	text-align: center;
}
.header-rt {
	width: 100%;
}
.btn-success {margin-bottom:30px;}

.col-md-3.B
	{
		min-height:80px;
}

}


@media screen and (max-width:660px) {
.header-rt h4, .header-rt {
	text-align: center;
}

.footer-rt h4, .footer-rt {
	text-align: center;
}
.cus-frm-logo {
	width: 100%;
}
.cont-details {
	display: block;
	margin: 0 auto;
	max-width: inherit;
	text-align: center;
	width: 165px;
}
.det-left {
	float: none;
	margin-top: 20px;
	max-width: inherit;
}

#cus-bk-frm .no-marg {
    width: 100%;
}
#cus-bk-frm .col-xs-6 {
    width: 100%;
}
#cus-bk-frm .col-xs-3 {
    width: 100%;
}
#cus-bk-frm .table-responsive .table {
    max-width: 700px;
    width: 700px;
}

h3.box-title {  background: url("http://siamdivers.com/booking/css/images/underline-img.png") no-repeat left bottom / 100% 14%;}

.footer-contianer {
	background-size: 100% 100%;
	padding: 0 0 36px;
	margin:0px;
	 text-align: center;
}

.footer-contianer{display:block;}
.header-rt {display:none;}
}



 @media screen and (max-width:521px) {
.det-left-lt {
	border-bottom: 1px solid #b8be14;
	border-right: medium none;
	margin: 0 0 15px;
	padding: 0 0 15px;
}
.det-left-rt h6, .det-left-lt h5 {
	text-align: center;
}
.det-left-rt {
	width: 100%;
}

.nw-btn {
    text-align: center;
    width: 45%;
}


}
 
 @media screen and (max-width:410px) {
.nw-btn a {
    font-size: 13px;
    margin-left: 20px;
    padding: 6px 18px !important;
    width: 147px;
}
}



 @media screen and (max-width:320px) {
.nw-btn a {
    font-size: 11px;
    margin-left: 20px;
    padding: 6px 15px !important;
    width: 128px;
}

}

@media screen and (max-width:240px) {
	 
#cus-bk-frm .table > thead > tr > th, .panel-title {font-size: 11px;}	 
}