html,body{ height:100%; }
body {
    /*padding-top: 60px;*/
    /*padding-bottom: 40px;*/
    /*line-height: 140%;*/
    /*-webkit-print-color-adjust:exact;*/
}

.flex{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flex-wrap{
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-nowrap{
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.flex-direction-col{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

/*
table.image-cols{ width:100%; table-layout:fixed; }
table.image-cols > tbody > tr > td > img,
table.image-cols > tr > td > img{
    object-fit:cover; display:block; width:100%; height:100%;
}
*/

.mobile-only,
.mobile-only-inline{ display:none; }
body.is-mobile .mobile-only{ display:block; }
body.is-mobile .mobile-only-inline{ display:inline-block; }

table.table-center{ margin: 0 auto;  float: none; }
table.table-noborder td,table.table-noborder th{ border:none; }
table.table-borderbottom td,table.table-borderbottom th{ border-bottom: 1px solid #dddddd; }
table.table-rowselectable{ user-select: none; -moz-user-select:none; -webkit-user-select:none; -khtml-user-select:none; }
table.table-rowselectable tr.selected td{ background-color:#adbfd1; } /*: rgba(0,51,102,.5); }*/
td.calendar-invalid{ /*background-color:#fcc;*/ }
td.calendar-valid{ background-color:#ccf; }

ul.nav li.dropdown-hover ul.dropdown-menu{ display: none; top:90%; }
ul.nav li.dropdown-hover:hover ul.dropdown-menu{ display: block; }

img.panorama{ width:100%; height:100px; margin-left:auto; margin-right:auto; }
form.config span.help_text{ font-size:smaller; color:#999; padding-left:10px; }
form.config a.selector-chooseall{ font-size:11pt; }
/*.config-title{ font-weight:bold; }*/

.pre_wrap{
	white-space: pre-wrap; /* css-3 */    
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */    
    white-space: -o-pre-wrap; /* Opera 7 */    
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.ellipsis {white-space: nowrap; overflow: hidden;
text-overflow:ellipsis; -o-text-overflow:ellipsis;
}
.ellipsis.multiline { white-space: normal; }


/* input{ position:relative; top:-3px; } 
a.btn{ padding-left:0; padding-right:0; } */
a.brokenlink{ color:#900; }
.slide-toggle-button{ cursor:pointer; padding-top:25px; float:right; }

.border-box{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}


i.icon{ line-height:100%; }
/*
div.contents-line{ margin-left:10px; }
div.contents > div.contents-line{ margin-top:10px; }
div.contents > div.contents-line > div.contents-line{ margin-top:3px; }
/*div.contents > div.contents-line > div.contents-line > div.contents-line{ margin-top:2px; }
/*
.no-boundary, input[type="text"].no-boundary{
    border:0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
*/
/* div.navbar_title{ font-size:30px; font-weight:bold; } */

.short-selector{ width: 88px; }
/*select.short-selector{ position:relative; top:-3px;}*/

/* .page-developer{ color:transparent; text-align:right; margin:10px; cursor:help;} */


.navbar-collapse.no-transition{
	-webkit-transition: height 0;
 	-moz-transition: height 0;
  	-ms-transition: height 0;
  	-o-transition: height 0;
  	transition: height 0;
}
/*.trip-guide-title>h1{ font-size: 25pt; font-weight:bold; color:black;}*/

.collapsed-hidden,
.collapsed > .collapsed-visible,
.collapsed > .collapsed-style-wrapper > .collapsed-visible
{ display:initial; }

.collapsed-visible,
.collapsed > .collapsed-hidden,
.collapsed > .collapsed-style-wrapper > .collapsed-hidden{ display:none; }

.caret.caret-reversed {
    border-top-width: 0;
    border-bottom: 4px solid #000000;
}

/* div.map-container>div{ height:100%; y-scroll:auto; } */


div.trip-guide-frame{ max-width:650px; margin-left:auto; margin-right:auto; }
div.trip-guide-frame.two-col{ max-width:900px; min-width:700px;  margin-left:auto; margin-right:auto; }

.trip-guide-map-frame{ border-top:2px #666 solid; border-bottom:2px #666 solid; page-break-inside:avoid; }
div.trip-guide-o_list h3,
div.trip-guide-o2o_path h3{margin:0px;}

div.trip-guide-frame h1,
div.trip-guide-frame h2,
div.trip-guide-frame h3,
div.trip-guide-frame h4 { margin-top:0px; margin-bottom:0px; }

table.summary-map{ page-break-inside:avoid; }
table.summary-map>tbody>tr>td{ vertical-align:top; }

.toc a:hover{ text-decoration:none; }
div.fullpage{ height:850px; page-break-inside:avoid; }
.toc_content{ border:1px silver solid;}
.toc_title{ font-size:16pt; margin-bottom:5px;}
.toc_H2{ margin-left:0px; margin-top:10px; font-size:12pt; font-weight:bold; }
.toc_H3{ margin-left:10px; font-size:10pt; }
.toc_H4{ margin-left:40px; font-size:9pt; display:inline; }


.stretch { width: 100%; display: inline-block; font-size: 0; line-height: 0; }

/** new CSS **/
.framed-center{ width:1000px; margin-left:auto; margin-right:auto; }

.hand-when-hover:hover{ cursor:pointer; }

.affix{
	z-index:1020;
	background-color:white; width:100%;
}
.shadow-bottom-affix.affix{
	box-shadow: rgba(0, 0, 0, 0.498039) 0px 6px 2px -2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.498039) 0px 6px 2px -2px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.498039) 0px 6px 2px -2px;
}

.trevii-named_photo{
	width:100%;
	height:100%;
	
	/* width:150px;
	height:150px; */
	position:relative;
	overflow:hidden;
	/* background-size:cover; */
}
.trevii-named_photo-name{
	line-height:100%;
	background-color:rgba(0,0,0,0.6);
	color:white;
	font-weight:bold;
	padding:5px;
	font-size:14px;
	
	position:absolute;
	bottom:0px;
	width:100%;
	white-space:normal
}

/*
.body-padding-top{ padding-top:30px;}
.body-padding-bottom{ padding-bottom:30px; }
*/

.account-profile-table th {
  width:100px;
  font-weight:normal;
}

.content .span10 {
  padding-left: 50px;
}
.account-profile-table th, .account-profile-table td {
  padding-top:15px;
  padding-bottom:15px;
}

.accounts-header {
  padding-bottom: 16px;
  margin: 0px 0 15px;
  border-bottom: 1px solid #8a8a8a;
}

/** CSS for masslow **/]
.trevii-box{ bow-shadow: inset 0 0 0 1px silver; padding:10px; }
/* .trevii-box{ border:1px #eee solid;  padding:10px; } */
.trevii-button{
	text-align:center; background-color:#eee; color:#333; cursor: pointer; display:inline-block;
	border:0px; vertical-align:inherit;
}
.trevii-button:hover,
.trevii-button:focus{ color:#000; background-color:#ccc; text-decoration:none;}

.trevii-button-next{ width:200px; padding:2px 0px; font-size:25px; font-weight:bold; margin-bottom:10px; }
.trevii-button-next-small{ width:130px;font-size:17px;}
.trevii-button-jump{ background-color:#ddf; }
.trevii-button-jump:hover{ background-color:#bbe; }

.button-edit{ width:90px; padding:5px; font-size:15px; font-weight:bold; }


div.page-header h3{ font-size:20px; }
/* .page-header{ font-size:larger; font-weight:bold;} */
div.page-title h3{ color: #14b2d7; font-size:20px; font-weight:bold; }


.form-input-pretty select,
.form-input-pretty textarea,
.form-input-pretty input[type="text"],
.form-input-pretty input[type="password"],
.form-input-pretty input[type="datetime"],
.form-input-pretty input[type="datetime-local"],
.form-input-pretty input[type="date"],
.form-input-pretty input[type="month"],
.form-input-pretty input[type="time"],
.form-input-pretty input[type="week"],
.form-input-pretty input[type="number"],
.form-input-pretty input[type="email"],
.form-input-pretty input[type="url"],
.form-input-pretty input[type="search"],
.form-input-pretty input[type="tel"],
.form-input-pretty input[type="color"],
.form-input-pretty .uneditable-input{
    /*margin-bottom:0px;*/
    font-size:16px;}

.fullwidth{
	width: 100%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;    
}
input.fullwidth{ height:30px; }
/*
form .form-horizontal-show{ display:none; }
form .form-horizontal-hide{ display:initial; }
form.form-horizontal .form-horizontal-show{ display:initial; }
form.form-horizontal .form-horizontal-hide{ display:none; }
*/

/*.form-control-trevii{ display:inline-block; }*/
textarea.trevii-textarea-vertical-resize-only{ resize:vertical; }
.suffix-trevii{ color:#333; }

.nav > li > a.important-trevii{ color: #933; font-weight: bold; }
.nav > li > a.important-trevii:hover,
.nav > li > a.important-trevii:focus{ color:white; background-color: #933; }

div.form-horizontal-trevii-compact > .from-group { margin-bottom:0px; }

.collapsing.collapse-notransition {
    -webkit-transition: none;
    transition: none;
}

.btn-toggle:hover, .btn-toggle:focus{ background-color:grey; }
.btn-toggle.active, .btn-toggle.active:hover, .btn-toggle.active:focus, .btn-toggle:active{ background-color:rgb(117, 117, 117); color:#ff0; }

.btn-primary.btn-toggle:hover, .btn-primary.btn-toggle:focus,
.btn-default.btn-toggle:hover, .btn-default.btn-toggle:focus{ background-color:#fff; color:#333; }

.btn-primary.btn-toggle.active, .btn-primary.btn-toggle.active:hover, .btn-primary.btn-toggle.active:focus, .btn-primary.btn-toggle:active
.btn-default.btn-toggle.active, .btn-default.btn-toggle.active:hover, .btn-default.btn-toggle.active:focus, .btn-default.btn-toggle:active{ background-color:#ebebeb;  color:#333;}

.btn-white.btn-toggle, .btn-white.btn-toggle:hover, .btn-white.btn-toggle:focus{ background-color:white; color:#333; }
.btn-white.btn-toggle.active, .btn-white.btn-toggle.active:hover, .btn-white.btn-toggle.active:focus, .btn-white.btn-toggle:active{ background-color:rgb(117, 117, 117); color:#ff0; }

.btn-success.btn-toggle:hover, .btn-success.btn-toggle:focus{ background-color:#5cb85c; }
.btn-success.btn-toggle.active, .btn-success.btn-toggle.active:hover, .btn-success.btn-toggle.active:focus, .btn-success.btn-toggle:active{ background-color:#2A442A; }

.btn-info.btn-toggle:hover, .btn-info.btn-toggle:focus{ background-color:#5bc0de; }
.btn-info.btn-toggle.active, .btn-info.btn-toggle.active:hover, .btn-info.btn-toggle.active:focus, .btn-info.btn-toggle:active{ color:#f99; background-color:#4D5BBE; }

.btn-trevii-fake{ border:1px solid transparent; vertical-align:middle; }
.btn-trevii-fake, .btn-trevii-fake:hover, .btn-trevii-fake:focus{ background-color:transparent; color:#333; }
.btn-trevii-fake.active, .btn-trevii-fake.active:hover, .btn-trevii-fake.active:focus, .btn-trevii-fake:active{ box-shadow:none; -webkit-box-shadow:none; } /* color:red; } */

.btn-trevii-fake.btn-toggle.active[btn-toggle-active-color="#ff0"],
.btn-trevii-fake.btn-toggle.active:hover[btn-toggle-active-color="#ff0"],
.btn-trevii-fake.btn-toggle.active:focus[btn-toggle-active-color="#ff0"],
.btn-trevii-fake.btn-toggle:active[btn-toggle-active-color="#ff0"]{ box-shadow:none; -webkit-box-shadow:none; color:#ff0; }

.btn-yellow{ border:1px solid transparent; vertical-align:middle; }
.btn-yellow.btn-toggle:hover, .btn-yellow.btn-toggle:focus{ background-color:#fff; color:#333; }
.btn-yellow.btn-toggle.active, .btn-yellow.btn-toggle.active:hover, .btn-yellow.btn-toggle.active:focus, .btn-yellow.btn-toggle:active{ background-color:rgb(117, 117, 117); color:#ff0; }

.trevii-info{ border-left: #cc6 5px solid; background-color: #dd9; }


.btn-group.btn-group-hover:hover ul.dropdown-menu{ display: block; }
.btn-group.btn-group-hover ul.dropdown-menu{ margin-top: 0px; }

.btn-group.btn {   border: 0;   padding: 0; }
.btn-group.btn > .btn { border-radius: 0 }
.btn-group.btn > .dropdown-menu {  text-align: left; }
.btn-group.btn:first-child > .btn {
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.btn-group.btn:last-child > .btn {
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.input-group .form-control{ z-index:initial; } 


/* .crossed:before {
    background: 
       linear-gradient(to top left,
           rgba(0,0,0,0) 0%,
           rgba(0,0,0,0) calc(50% - 1px),
           rgba(255,0,0,1) 50%,
           rgba(0,0,0,0) calc(50% + 1px),
           rgba(0,0,0,0) 100%),
       linear-gradient(to top right,
           rgba(0,0,0,0) 0%,
           rgba(0,0,0,0) calc(50% - 1px),
           rgba(255,0,0,1) 50%,
           rgba(0,0,0,0) calc(50% + 1px),
           rgba(0,0,0,0) 100%);
} */
.cross-top-right:after {
	position: absolute;
	display: block;
	left:0;
	top:0;
	width:100%;
	height:100%;
	content:'';
	
    background: linear-gradient(to top left,
    	   rgba(0,0,0,0) 0%,
           rgba(0,0,0,0) calc(50% - 1.5px),
           rgba(0,0,0,1) calc(50% - 1.3px),
           rgba(0,0,0,1) calc(50% + 1.3px),
           rgba(0,0,0,0) calc(50% + 1.5px),
           rgba(0,0,0,0) 100%);
           
    background: -webkit-linear-gradient(to top left,
    	   rgba(0,0,0,0) 0%,
           rgba(0,0,0,0) calc(50% - 1.5px),
           rgba(0,0,0,1) calc(50% - 1.3px),
           rgba(0,0,0,1) calc(50% + 1.3px),
           rgba(0,0,0,0) calc(50% + 1.5px),
           rgba(0,0,0,0) 100%);
           
    background: -o-linear-gradient(to top left,
    	   rgba(0,0,0,0) 0%,
           rgba(0,0,0,0) calc(50% - 1.5px),
           rgba(0,0,0,1) calc(50% - 1.3px),
           rgba(0,0,0,1) calc(50% + 1.3px),
           rgba(0,0,0,0) calc(50% + 1.5px),
           rgba(0,0,0,0) 100%);
           
    background: -moz-linear-gradient(to top left,
    	   rgba(0,0,0,0) 0%,
           rgba(0,0,0,0) calc(50% - 1.5px),
           rgba(0,0,0,1) calc(50% - 1.3px),
           rgba(0,0,0,1) calc(50% + 1.3px),
           rgba(0,0,0,0) calc(50% + 1.5px),
           rgba(0,0,0,0) 100%);
}
.double-redline {
    font-size: inherit;
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    top: 30%;
    bottom: 30%;
    border-top: 2px solid red;
    border-bottom: 2px solid red;
}

.icon-decorator{
	position: absolute;
	display: block;
	border-radius: 50%;
	
	font-weight: bold;
	text-align: center;
	color: white;
	background-color: black;
	font-family: sans-serif;
	
	z-index:500;
}
.icon-decorator-top-left{ left: -5px; top: -5px; }
.icon-decorator-bottom-right{ bottom: -5px; right: -5px; }

.icon-decorator-sm{
	height: 10px;
	width: 10px;
	font-size: 10px; 
	line-height: 90%;
}
.icon-decorator-md{
	height: 30px;
	width: 30px;
	font-size: 24px; 
	line-height: 130%;
}

.gray-scale {
    filter: url(/static/svg/filter.svg#gray-scale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}
.gray-scale:hover{
	filter: url(/static/svg/filter.svg#no-gray-scale); /* Firefox 3.5+ */
    filter: none; /* IE6-9 */
    -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */
}


.trevii-color-button,
.trevii-color-button:focus{ background:#ebebeb; color:#333; }
.trevii-color-button:hover{ background-color:white; }

.attraction-box.selected .trevii-color-button-red,
.attraction-box.selected .trevii-color-button-red.btn-default,
.attraction-box.selected .trevii-color-button-red.btn-default.btn-toggle{
	background-image: linear-gradient(#e3262e, #ab171e); color:white;
}


.attraction-edit-box.selected .trevii-color-button-blue,
.attraction-edit-box.selected .trevii-color-button-blue.btn-default,
.attraction-edit-box.selected .trevii-color-button-blue.btn-default.btn-toggle{
	background-image: linear-gradient(#2e26e3, #1e17ab); color:white;
}

.trevii-color-button-red,
.attraction-edit-box.selected .trevii-color-button-red,
.attraction-edit-box.selected .trevii-color-button-red.btn-default,
.attraction-edit-box.selected .trevii-color-button-red.btn-default.btn-toggle{
	background-image: linear-gradient(#e3262e, #ab171e); color:white;
}

.trevii-color-button-gray,
.attraction-edit-box.selected .trevii-color-button-gray,
.attraction-edit-box.selected .trevii-color-button-gray.btn-default,
.attraction-edit-box.selected .trevii-color-button-gray.btn-default.btn-toggle{
	background-image: linear-gradient(#EEE, #AAA);
	border: 1px solid #333;
}

.facebook-login-link{
	padding:5px 10px 5px 5px; background-color:#3b5999;
}



.trevii-help-info{ font-size:16px; }
.trevii-help-info .trevii-help-info-title{ font-size:22px; margin-bottom:10px; margin-top:30px; }


/* trevii-map */
.trevii-map a.link2list{ display:block; font-size:14px; text-decoration:none; }
.trip-itinerary-date-list.no-edit .trevii-map a.link2list{ display:none; }

.trevii-map .trevii-attraction-photo-icon > img,
.trevii-map .trevii-attraction-photo-icon > div{
	width:100%;
	height:100%;
	border-radius:50%;
	border: 2px white solid;
}

/* trevii-scrollable-frame */
.trevii-scrollable-frame{
	border-top:2px #666 solid;
	border-bottom:2px #666 solid;
}
/*
 * Callouts
 *
 * Not quite alerts, but custom and helpful notes for folks reading the docs.
 * Requires a base and modifier class.
 */

/* Common styles for all types */
.bs-callout {
  margin: 20px 0;
  padding: 20px;
  border-left: 3px solid #eee;
  white-space:normal;
}
.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code {
  background-color: #fff;
  border-radius: 3px;
}

/* Variations */
.bs-callout-danger {
  background-color: #fdf7f7;
  border-color: #d9534f;
}
.bs-callout-danger h4 {
  color: #d9534f;
}
.bs-callout-warning {
  background-color: #fcf8f2;
  border-color: #f0ad4e;
}
.bs-callout-warning h4 {
  color: #f0ad4e;
}
.bs-callout-info {
  background-color: #f4f8fa;
  border-color: #5bc0de;
}
.bs-callout-info h4 {
  color: #5bc0de;
}
.help_modal_helper {
	pointer-events:none;
	position: absolute;
}

.button-trevii{
    font-size:24px;
    text-decoration:none;
    border-radius:8px;
    display:inline-block;
    font-weight:bold;
    
    text-decoration:none;
    width:100%;
    max-width:500px;
/*  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); */
}

.button-trevii-blue {
    color:white;
    background: #35b1d9;
    border:none;
    /* border: solid 1px #0076a3;
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top,  #00adee,  #0078a5);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adeea', endColorstr='#0078a5'); */
}
.button-trevii-blue:hover {
    color:white;
    background: #3cc7f3;
    /* background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00768e));
    background: -moz-linear-gradient(top,  #0095cc,  #00768e);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00768e'); */
}
.button-trevii-orange {
    color:white;
    background: #faae4c;
    border:none;
    /* border: solid 1px #0076a3;
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top,  #00adee,  #0078a5);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adeea', endColorstr='#0078a5'); */
}
.button-trevii-orange:hover {
    color:white;
    background: #ffc758;
    /* background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00768e));
    background: -moz-linear-gradient(top,  #0095cc,  #00768e);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00768e'); */
}

.title_font_1  {
    font-weight: normal;
    color: #000;
    letter-spacing: 1px;
    text-align: center;
    font-size: 30px;
}
.title_font_2  {
    font-weight: 600;
    color: #505050;
    font-size: 24px;
}
.title_font_3  {
    font-weight: normal;
    color: #505050;
    font-size: 18px;
}
.title_font_4  {
    font-weight: 600;
    color: #505050;
    font-size: 14px;
}
.title_font_5  {
    font-weight: 900;
    color: #505050;
    font-size: 14px;
}

@media (min-width: 768px) {
  .col-sm-equal {
    display: flex;
    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  .col-xs-equal {
    display: flex;
    flex-wrap: wrap;
  }
}


:not(.selected) > .selected-child-visible{ display:none; }
.selected > .selected-child-hidden{ display:none; }