@import "../jquery.ui.stars.web.css";
@import "../jquery.noty.css";
@import "datatable.css";

body {
}
h1 {font-size:30px;}
h2 {font-size:24px;}
h3.title {font-size: 24px; color: #007691; font-weight: bold;}

.side-title {font-weight: bold; font-size: 24px; color: #428bca}

.color2 {color:#00a7dd!important;}
.color3 {color:#428bca!important;}
.orange {color:orange;}
.pageTitle {font-size: 30px; font-weight: bold; color: #74787A; text-transform: uppercase;}

.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt40 {margin-top:40px;}
.mt80 {margin-top:80px;}
.mb10 {margin-bottom:10px;}
.mb40 {margin-bottom:40px;}
.mb80 {margin-bottom:80px;}

.m20 {margin:20px;}

.bold {font-weight:bold;}
.highlight {background-color:#a9eefa;}

.pr10 {padding-right:10px;}
.noclick {cursor:default;}

.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.relative {position:relative;}
.center-panel{float: none;margin-left: auto;margin-right: auto;}

.asterisk{color:#FF0000;}
.clr {clear:both;}
.nopadding {padding:0!important;}
.shadow {box-shadow: 2px 2px 2px #AAA;}
.btn-disabled {background-color:#AAA!important; border:solid 1px #AAA!important;}

.fb-like-box * { width: 100% !important; }
.content-wrapper {background-color: #FFFFFF; font-size: 20px; border-radius: 10px 10px 10px 10px; box-shadow: 2px 2px 2px #AAA; margin-top: 10px; border: 1px; border-style: solid; border-color: #DFDFDF; padding: 60px;}

.section-title {background-color: #FFFFFF; color: #007691; height: 40px; padding-top: 8px; padding-left: 20px; padding-bottom: 40px; font-weight: bold; font-size: 26px; border-radius: 10px 10px 0px 0px; border:solid 1px #DFDFDF; border-bottom:0px;}
.small-info {font-size:12px;}
.bg-wifi {background-image: url('../../images/web_v2/Wifi_Banner_BG.png'); background-size: cover; padding: 20px;}

/* header */
#navbar {background-color: #363C4D; border-radius: 5px 5px 0px 0px; font-size: 14px; font-weight: bold;}
#navbar .nav-pills li {padding-left: 35px; padding-right: 35px;}
#navbar .nav-pills a {color: #FFFFFF;}
.top-links a{margin-left: 4px; padding-top: 10px; font-weight: bold; color: white;}

.highlight-bar {background-color: #DBF2FC; font-size: 24px; padding-left: 20px; padding-right: 20px; color: orange;}

.highlight-bar .col-sm-2 {padding:10px;}
.highlight-bar-link {width: 100%; height: 54px; font-size: 16px;}
.highlight-bar-link a{color:#2a6496}

.search-input {border: 0; border-radius: 5px 0px 0px 5px; padding-left: 4px;}
.search-btn {border: 0; border-radius: 0px 5px 5px 0px; background-color: #363C4D; color: #FFFFFF;}

/* CMS CONTENT */
.cmsContent { padding-top:5px; font-size:1.0em!important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important; word-wrap:break-word; color:#333!important;}
.cmsContent h1,.cmsContent h2,.cmsContent h3,.cmsContent h4,.cmsContent h5 {font-size:1.0em;  color:#333!important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important;}
.cmsContent h4 {margin:5px 0 10px 0;}
.cmsContent p, .cmsContent pre { margin:9px 0; color:#333!important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important; font-size:1.0em!important;}
.cmsContent ul { list-style:disc; margin-left:0px; padding-left:15px;color:#333!important;}
.cmsContent li {font-size:1.0em!important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important;}
.cmsContent ol { list-style:decimal; margin-left:0px;}
.cmsContent span, .cmsContent div { color:#333!important; font-size:1.0em!important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important; margin:0!important;}
.cmsContent a {color:#43b3cf!important; text-decoration:underline;}

.cmsContent .fineprints span, .cmsContent div.fineprints, .cmsContent .fineprints p, .cmsContent .fineprints pre,.cmsContent .fineprints li { color:#333!important; font-size:0.9em!important; margin:0!important; font-style:italic!important; }


/* tab */
.tab {color: #007691; padding-left: 20px; padding-right: 20px; font-weight: bold;}
.tab-content {background-color: #FFFFFF;}
.tab-content-divider {float: left; width: 1%; border-right: 2px solid #35C6E0; }
.tab-pane .row {padding:20px;}

.fleft {float:left; width:99%;}
.fright {float:left; width:99%;}

.boxup {box-shadow: 2px 2px 2px #AAA; border-radius: 10px;}
.product_grid {margin-top: 40px;}
.product_thumbnail {width: 100%; border-radius: 10px 10px 0px 0px;}
.product_name {background-color: #FFFFFF; height: auto; padding: 8px 20px; font-weight: bold; border-radius: 0px 0px 10px 10px; overflow:hidden;  }


/* form input */
.validator { position:absolute; top:-5px; right:15px; text-align: center; background: url(../../images/backgrounds/numberBg.png) repeat-x; display: inline-block; padding: 1px 5px; color: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; float: right; margin: 0; font-size: 11px; line-height: 14px; width: auto; height: auto!important; color:White!important; }
.man { background: url(../../Images/icons/mandatory.png) no-repeat right top;}

.form-info {color: #A69598; font-weight: bold; padding-left: 4px;}
.form-label {color: #6D6E71; font-weight: bold; padding-top:8px; }
.form-element {position:relative; }
.form-button, .formButton {text-align:center; clear:both;}

.formNote {font-size:12px;}

.datepicker, .datepicker-style {
    border: 1px;
    border-style: solid;
    border-color: #CCC;
    border-radius: 5px 5px 5px 5px;
    background: url('../../images/web_v2/calendar-small.png') no-repeat scroll 4px 2px;
    padding-left: 32px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-weight: bold;
    background-color:#FFF;
}

.datepicker-style:read-only, .datepicker-style:disabled{background-color:#FFF!important; cursor:default!important;}
.datepicker-style[readonly].form-control {background-color:#FFF!important; cursor:default!important;}

.cb {margin-left:15px;}
.cb label input{margin-left:-15px; margin-right:3px;}
.cb label {}

.ddl {margin-top: 4px; border: 1px; border-style: solid; border-color: #35C6E0; border-radius: 5px 5px 5px 5px; font-weight: bold; height: 30px;}

/* ===== Notification messages ===== */

.nNote { cursor: pointer; margin: 22px 0px  25px 0px; box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; }
.nNote strong { margin-right: 5px; }
.nNote p { font-size: 1.0em; padding: 10px 25px 10px 54px; margin: 0px; color: #565656; }
.nMessage p { font-size: 11px; }
.nWarning { background: #ffe9ad url(../../images/icons/notifications/error.png) no-repeat 15px center; border: 1px solid #eac572; color: #826200; }
.nWarning p {color:#826200;}
.nSuccess { background: #effeb9 url(../../images/icons/notifications/accept.png) no-repeat 15px center; border: 1px solid #c1d779; color: #3C5A01; }
.nSuccess p {color:#3C5A01;}
.nFailure { background: #fccac1 url(../../images/icons/notifications/exclamation.png) no-repeat 15px center; border: 1px solid #e18b7c; color: #AC260F; }
.nFailure p {color:#AC260F;}
.nInformation { background: #deeefa url(../../images/icons/notifications/information.png) no-repeat 15px center; border: 1px solid #afd3f2; color: #235685; }
.nLightbulb { background: #FEF0CB url(../../images/icons/notifications/lightbulb.html) no-repeat 15px center; border: 1px solid #D3A350; color: #835F21; }
.nMessages { background: #9DDFFF url(../../images/icons/notifications/email.html) no-repeat 15px center; border: 1px solid #42B4FF; color: #835F21; }



/* deal */
.deal-name { font-weight: bold; color: #74787A; text-transform: uppercase;}
.deal-price {font-size: 38px; font-weight: bold;}

.boxup-shadow {background-color: #FFFFFF; font-size: 12px; border-radius: 10px; box-shadow: 2px 2px 2px #AAA; border: 1px; border-style: solid; border-color: #DFDFDF; padding: 20px; margin-top: 10px; margin-bottom: 40px;}
.addThisBox {float: right; text-align: right;}

.thumbnail-image {width: 100%; border-radius: 10px 10px 0px 0px;}
.thumbnail-name {background-color: #FFFFFF; padding: 8px 20px; font-weight: bold; border-radius: 0px 0px 10px 10px;}


/* happenings */
.happening-boxup-shadow {
    background-color: #FFFFFF;
    font-size: 12px;
    border-radius: 10px;
    box-shadow: 2px 2px 2px #AAA;
    border: 1px;
    border-style: solid;
    border-color: #DFDFDF;
    padding: 20px;
    margin-top: 10px;
    margin-bottom: 40px;
}


/* flight */
.flight-count { margin-top:10px;}

/* responsive */
/* xs */
@media (max-width: 767px) {
  .tab-content-divider {border:0; border-bottom: 2px solid #35C6E0; clear:both; display:block; width:99%; margin:20px 0; height:1px!important; }  
  .highlight-bar {font-size:1.0em; margin:0 -15px;}
  .highlight-bar .container {padding:0;}
  .highlight-bar-link{font-size:18px; height:auto;}
  .highlight-bar-link td{padding:0 3px; display:block; width:100%; text-align:center;}
  .highlight-bar .col-sm-3 {text-align:center; padding:5px;}

  .body-content{padding-top:0px;}
    .section-title { font-size: 18px; }

    h1 {font-size:20px;}
}
/* sm */
@media (min-width: 768px) {
   
}
@media (max-width: 991px) {
   #navbar .nav-pills li {padding-left: 0px; padding-right: 0px;}
   #navbar .nav-pills li a{padding: 10px 5px;}
   .tab-content-divider {border:0; border-bottom: 2px solid #35C6E0; clear:both; display:block; width:99%; margin:20px 0; height:1px!important; }
   .highlight-bar .col-sm-2 {padding:10px 0 10px 10px; font-size:20px;}
    .highlight-bar-link{font-size:18px;}
}
/* md */
@media (min-width: 992px) {
   #navbar .nav-pills li {padding-left: 5px; padding-right: 5px;}
   
}
@media (max-width: 1199px) {

}
/* lg */
@media (min-width: 1200px) {
    
   #navbar .nav-pills li {padding-left: 20px; padding-right: 20px;}
}


@media (max-width: 560px) {
    .happening-boxup-shadow { padding: 4px; }
    #items-andrea .item { width: 92%; }
}

@media (min-width: 560px) {
    .happening-boxup-shadow { padding: 4px; }
    #items-andrea .item { width: 46%; }
}

@media (min-width: 640px) {
    .happening-boxup-shadow { padding: 4px; }
    #items-andrea .item { width: 40%; }
}

@media (min-width: 750px) {
    .happening-boxup-shadow { padding: 4px; }
    #items-andrea .item { width: 30%; }
}

@media (min-width: 974px) {
    .boxup-shadow { padding: 4px; }
    #items-andrea .item { width: 31%; }
}

@media (min-width: 1200px) {
    .happening-boxup-shadow { padding: 4px; }
    #items-andrea .item { width: 23%; }
}