/*div.formRow {margin:4px 0; padding:8px; font-size:0.9em; min-height:24px; clear:both;}
div.formRow label{ display:block; width:160px; float:left;}
div.formRow input[type='text'],div.formRow input[type='password']{ width: 200px; }  
div.formRow select{ width: 200px; }
div.formRow.focus {background:#FAFAFA;}
div.formRow.highRow{height:50px;}
div.formRow.Wide input { width:100%; }
div.formRow div.file{ width: 210px; float:left;}
div.formRow div.lnkBtn label{ width: auto; float:left;}
div.formRow > div { width: auto; float:left; }
div.formRow.Display {margin:1px 0; padding:1px; font-size:1em; min-height:24px;}
div.formRow.Display label{ display:block; width:160px; float:left;}
div.formRow.Display label.wide{ width:200px;}*/

input.mini{width:33px !important; font-size:10px !important; padding-left:0 !important; padding-right:0 !important; text-align:right; border-left:none !important }
label.mini{width:33px !important; font-size:8px !important; overflow:hidden; text-align:right}

.inlineCol{
    display:inline-block;
}

.inlineCol div{
    width:130px;
} 

Div[id*='DepartureInstructions'],Div[id*='ReturnInstructions']{
    width:99% !important;
}

.editableListItemDetails{position:relative}

	iframe
	{
		height:670px !important;
        width: 100% !important;
    }

    .modal-open {
  overflow-y: scroll;
}
  .modal-vlg {
    width: 1200px !important;
  }

.table{display:table; width: 100%;}
.tableHead{display:table-header-group; }
.tableBody{display:table-row-group;}
.tableRow{display:table-row;}
.tableCell{display:table-cell; }

.tableBody .tableRow .tableCell{padding:4px; border-left:1px solid #DDD; border-bottom:1px solid #DDD; font-size:0.9em;}
.tableHead .tableRow .tableCell{padding:8px; border:none; font-size:1em; background:#555; color:#FFF}

.tableCell:last-child {border-right:1px solid #DDD; }

.tableBody .tableRow:nth-child(odd) .tableCell {background-color:#EEE;}
.tableBody .tableRow:nth-child(even) .tableCell {background-color:#FAFAFA; }
.table.clickable .tableHead .tableRow .tableCell:not(.notsortable) {cursor:pointer;}
.table.clickable .tableHead .tableRow .tableCell:not(.notsortable) label {cursor:pointer;}
.table.clickable .tableBody .tableRow:nth-child(odd):hover .tableCell{background-color:#DDD  }
.table.clickable .tableBody .tableRow:nth-child(even):hover .tableCell{ background-color:#DDD }

.table.clickable .tableRow:hover{cursor:pointer; }
.table.clickable .tableRow .tableCell{cursor:pointer; }
.table.clickable .tableRow .tableCell .notsortable{cursor:default;}
.table.clickable .tableRow .notsortable{cursor:default;}

.tableHead .tableRow .tableCell.sortedAsc{background: url('images/sortedAsc.gif') no-repeat scroll right center #222;}
.tableHead .tableRow .tableCell.sortedDesc{background: url("images/sortedDesc.gif") no-repeat scroll right center #222;}
.tableTitle{ display: none;}
.tableCell.header:not(.notsortable){cursor:pointer; }


/*
    Relocated to SASS partial filters.scss
    .filter {background:#FFF; border:1px solid #DDD; padding:8px;}
    .filterRow{margin: 4px; padding-left: 6px; overflow: auto;}
    .filterRow label{ display:block; width:160px; float:left; font-size:0.8em;}
    .filterRow label.nonFixed{width:auto; margin:0 8px;}
    .filterRow input{float:left;}
    .filterRow input[type='text'].narrow { width: 46px; }
    .filterCheckboxList{clear:both; padding:0 0 0 8px;}
    .filterCheckboxList input[type='checkbox'] {}
    .filterCheckboxList label { font-size:0.7em;   }
    .filterCheckboxListItem {float:left;}
    .filterRadioButtonListItem { float: left; }
    .filterDatePair {float:left; }
    .filterDatePairLabel {float:left; min-width:150px;}
    .filterBasic, .filterLeft {width:45%; float:left;}
    .filterAdvanced, .filterRight {width:40%; float:left; }
    .filterAdvanced {display: none;}
    .filterExpandHolder {float:right;}
    .expandAllFilter{display: none;}

    .filter{margin:12px 0; border:1px solid #ddd; border-radius:4px}
    .filter{margin-top:0px; height:auto; overflow:auto;}
    .filter .filterRow .noticeTypeLabel {display: block;float: left;padding-right: 10px;white-space: nowrap; width: auto;}
    .filter .filterRow .filterDiv span { display:block; float:left; font-size:0.7em;}
    .filter .filterRow a span{font-size:0.9em;}
*/



/*div.editableListItem {padding:16px; margin:8px; border:1px solid #CCC; border-radius:4px; background:#F9F9F9; box-shadow:1px 1px 1px #DDD; }
div.editableListItem span.options {float:right;    }
div.editableListItem span.options a {font-size:0.8em; margin:0 4px 0 0;    }*/

/*
input.editableListButton {font-size:0.8em;min-width: 60px;padding: 4px;}
input[type='button'].btn-danger:hover, input[type='button'].btn-warning:hover, button.btn-danger:hover{background-color:#D14836; color:#FFF; border-color:#D14836;}
input[type='button'].btn-green:hover, input[type='button'].btn-warning:hover{background-color:#006400; color:#FFF; border-color:#006400;}
input[type='button']:hover,input[type='submit']:hover,input[type='reset']:hover, button:hover{cursor:pointer; background-color:#579; color:#FFF; border-color:#579; box-shadow:2px 2px 2px #579;}
input[type='submit'][disabled], input[type='button'][disabled]{background:#EEE; color:#AAA !important;}
input[type='button'][disabled]:hover, input[type='submit'][disabled]:hover {background:#EEE; color:#AAA; border-color:#AAA; cursor:inherit;}
input[type='button'],input[type='submit'],input[type='reset'], button:not(.ui-widget):not(.ui-dialog-titlebar-close)
{background:#EEE; color:#222; padding:4px 8px; font-family:Arial; font-size:0.9em; border-radius:2px; margin:0 4px 0 0; min-width:80px; border:1px solid #CCC; box-shadow:2px 2px 2px #EEE;}
*/

/*span.formRow {margin:4px 0; padding:8px; font-size:0.9em; min-height:24px; clear:both;}
span.formRow label{ width:160px; }
span.formRow input[type='text'],div.formRow input[type='password']{ width: 200px; }  
span.formRow select{ width: 200px; }*/


input[type='text'], input[type='password'], input:not([type]), input.text-box, textarea {
    border: 1px solid #CCCCCC;
    border-radius: 0;
    padding: 4px 4px 4px 8px;
    font-size: 1.1em;
    color: #000;
}

@font-face {
  font-family: "responsivenav";
  src:url("../icons/responsivenav.eot");
  src:url("../icons/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("../icons/responsivenav.ttf") format("truetype"),
    url("../icons/responsivenav.woff") format("woff"),
    url("../icons/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}

body,div,
h1,h2,p,
ol,ul,li {
  margin: 0;
  padding: 0;
  border: 0;
}

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

html, body {
  min-height: 100%;
}

body {
  min-width: 290px;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  background: #444 url("images/debut_dark.png") repeat !important;
  color: #444 !important;
  font: normal 100%/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
}

ul{
    padding-left:0 !important;
}

h1 {
  font-size: 3em;
  line-height: 1;
  color: #222;
  margin-bottom: .5em;
  float: left;
  width: 100%;
}

h2 {
  width: 100%;
  font-size: 1.5em;
  color: #222;
  margin: 1em 0 .5em;
}

p {
  float: left;
  width: 100%;
  margin-bottom: 1em;
}

p.intro {
  font-size: 1.25em;
  color: #555;
  font-weight: bold;
}

a {
  color: #f4f4f4;
  text-decoration: none;
}

a:active,
a:hover {
  outline: 0;
}

.main {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  padding: 3em 4em;
  position: fixed;
  overflow: hidden;
  overflow-y: scroll;
  border-top-left-radius: 5px;
  box-shadow: 0 0 15px rgba(0,0,0, .6);
  top: .8em;
  right: 0;
  bottom: 0;
  width: 76%;
  background: #fff;
}

.main::-webkit-scrollbar {
  -webkit-appearance: none;
  background-color: rgba(0,0,0, .15);
  width: 8px;
  height: 8px;
}

.main::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: rgba(0,0,0, .4);
}

.nav-collapse {
  position: absolute;
  width: 24%;
  top: 2em;
  left: 0;
}

.nav-collapse ul {
  display: block;
  width: 100%;
  list-style: none;
}

.nav-collapse li {
  width: 100%;
  display: block;
}

.nav-collapse a {
  color: #aaa;
  font-weight: bold;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background .3s ease;
  -moz-transition: background .3s ease;
  transition: background .3s ease;
  text-shadow: 0 -1px rgba(0,0,0, .5);
  border-bottom: 1px solid rgba(0,0,0, .2);
  border-top: 1px solid rgba(255,255,255, .1);
  display: block;
  padding: .6em 2em;
  width: 100%;
}

.nav-collapse a:hover { background: rgba(255,255,255, .1) }
.nav-collapse .active a { color: #fff; background: rgba(0,0,0, .3) }
.nav-collapse li:first-child a { border-top: 0 }
.nav-collapse li:last-child a { border-bottom: 0 }
.nav-toggle { display: none }

@media screen and (max-width: 40em) {
  .js .nav-collapse {
    clip: rect(0 0 0 0);
    max-height: 0;
    position: absolute;
    display: block;
    overflow: hidden;
  }
  .nav-collapse {
    top: 0;
    width: 100%;
    position: relative;
  }
  .nav-collapse.opened { max-height: 9999px }
  .nav-collapse a:hover { background: transparent }
  .nav-collapse .active a:hover { color: #fff; background: rgba(0,0,0, .3) }
  .nav-toggle {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    text-indent: -999px;
    position: relative;
    overflow: hidden;
    width: 70px;
    height: 55px;
    float: right;
    display: block;
    margin: 0 -2em 1em 0;
  }
  .nav-toggle:before {
    color: #444; /* Edit this to change the icon color */
    font-family: "responsivenav";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 28px;
    text-transform: none;
    position: absolute;
    content: "\2261";
    text-indent: 0;
    text-align: center;
    line-height: 65px;
    speak: none;
    width: 100%;
    top: 0;
    left: 0;
  }
  .nav-toggle.active:before {
    font-size: 24px;
    content: "\78";
  }
  .main {
    -webkit-overflow-scrolling: auto;
    box-shadow: none;
    padding: 0 2em 2em;
    border-radius: 0;
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .main::-webkit-scrollbar { background-color: transparent }
}

@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
  body {
    background-image: url("images/debut_dark_@2X.png");
    -webkit-background-size: 200px 200px;
    -moz-background-size: 200px 200px;
    -o-background-size: 200px 200px;
    background-size: 200px 200px;
  }
}

@media screen and (min-width: 76em) {
  .nav-collapse { width: 14em }
  .main { width: auto; left: 14em }
}

.jumbotron {
    background-color: white !important;
}