﻿
/*
Elements Default Styles
===============================================================================
*/

.float-none {
    float:none !important;
}

input[type="checkbox"],
input[type="radio"] { vertical-align: middle; }

.clear-float { clear: both; }

.cursor-pointer { cursor: pointer; }

/*
Grid Layout Styles
===============================================================================
*/

.grid-row,
.grid-full,
.grid-half,
.grid-third,
.grid-two-thirds,
.grid-quarter,
.grid-minor,
.grid-major { display: block; }

.grid-row:after,
.grid-full:after,
.grid-half:after,
.grid-third:after,
.grid-two-thirds:after,
.grid-quarter:after,
.grid-major:after {
    display: block;
    content: '';
    clear: both;
}

.grid-5 { width: 5%; }

.grid-minor { width: 10%; }

.grid-15 { width: 15%; }

.grid-fifth { width: 20%; }

.grid-30 { width: 30%; }

.grid-quarter { width: 25%; }

.grid-third { width: 33.33%; }

.grid-two-fifths { width: 40%; }

.grid-45 { width: 45%; }

.grid-half { width: 50%; }

.grid-55 { width: 55%; }

.grid-three-fifths { width: 60%; }

.grid-two-thirds { width: 66%; }

.grid-three-quarters { width: 75%; }

.grid-major { width: 90%; }

.grid-full {
    width: 100% !important;
    clear: both;
}

.grid-row { width: 100%; }


/*
Alignments and Metrics
===============================================================================
*/

.flex_row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction:row;
}

.flx-item-grow-1 {
	flex-grow: 1;
}

.align-left {
    float: left;
    position: relative;
}

.align-left_inline + .align-left_inline {
	margin-right:-4px;
}

.align-left_inline {
    display: inline-block;
    vertical-align: top;
}

.align-right {
    float: right;
    position: relative;
}

.align-vertical_to-field { line-height: 30px; }

.align-vertical_middle, .align-middle { vertical-align: middle; }

.align-vertical_bottom, .align-bottom { vertical-align: bottom; }

.align-vertical_top, html .align-top { vertical-align: top; }

.align-middle_relative { position:relative; top:-2px; }

.position_relative {
	position:relative;
}

.pos-relative {
    position:relative;
}

/*
Inner spaces Styles
===============================================================================
*/
.inner-space_minor_top { padding-top: 1px; }

.inner-space_minor_left { padding-left: 1px; }

.inner-space_minor_bottom { padding-bottom: 1px; }

.inner-space_minor_right { padding-right: 1px; }

.inner-space_minor_top-bottom {
  padding-top: 1px;
  padding-bottom: 1px;
}

.inner-space_minor_left-right {
  padding-left: 1px;
  padding-right: 1px;
}

.inner-space-tiny { padding: 5px; }

.inner-space-tiny_top-bottom { padding: 5px 0; }

.inner-space-tiny_left-right { padding: 0 5px; }

.inner-space-tiny_top { padding-top: 5px; }

.inner-space-tiny_right { padding-right: 5px; }

.inner-space-tiny_bottom { padding-bottom: 3px !important; font-weight: bold; }

.inner-space-tiny_left { padding-left: 5px; }

.inner-space { padding: 10px; }

.inner-space_top-bottom { padding: 10px 0; }

.inner-space_left-right { padding: 0 10px; }

.inner-space_top { padding-top: 10px; }

.inner-space_right { padding-right: 10px; }

.inner-space_bottom { padding-bottom: 10px; }

.inner-space_left { padding-left: 9px; }

.inner-space-medium { padding: 15px; }

.inner-space-medium_top { padding-top: 15px; }

.inner-space-medium_bottom { padding-bottom: 15px; }

.inner-space-medium_left { padding-left: 15px; }

.inner-space-medium_right { padding-right: 15px; }

.inner-space-medium_left-right { padding: 0 15px; }

.inner-space-medium_top-bottom { padding: 15px 0; }

.inner-space_big { padding: 20px; }

.inner-space_big_top { padding-top: 20px; }

.inner-space_big_right { padding-right: 20px; }

.inner-space_big_bottom { padding-bottom: 20px; }

.inner-space_big_left { padding-left: 20px; }

.inner-space_big_top-bottom {
  padding-top: 20px;
  padding-bottom: 20px;
}

.inner-space_big_left-right {
    padding-left: 20px;
    padding-right: 20px;
}

/*
Outer spaces Styles
===============================================================================
*/
.outer-space-tiny_top { margin-top: 5px !important; }

.outer-space-tiny_left { margin-left: 5px !important; }

.outer-space-tiny_bottom { margin-bottom: 5px !important; }

.outer-space-tiny_right { margin-right: 5px !important; }

.outer-space-tiny_top-bottom { margin: 5px 0 !important; }

.outer-space-tiny_left-right { margin: 0 5px !important; }

.outer-space { margin: 10px !important; }

.outer-space_top { margin-top: 10px !important; }

.outer-space_right {margin-right: 10px !important;}

.outer-space_bottom { margin-bottom: 10px !important; }

.outer-space_left { margin-left: 10px !important; }

.outer-space_top-bottom { margin: 10px 0 !important; }

.outer-space_left-right { margin: 0 10px !important; }

.outer-space-medium { margin: 15px !important; }

.outer-space-medium_top-bottom { margin: 15px 0 !important; }

.outer-space-medium_left-right { margin: 0 15px !important; }

.outer-space-medium_top { margin-top: 15px !important; }

.outer-space-medium_bottom { margin-bottom: 15px !important; }

.outer-space-medium_left { margin-left: 15px !important; }

.outer-space-medium_right { margin-right: 15px !important; }

.outer-space_right_small { margin-right: 5px !important; }

.outer-space_big { margin: 20px !important; }

.outer-space_big_top { margin-top: 20px !important; }

.outer-space_big_right { margin-right: 20px !important; }

.outer-space_big_bottom { margin-bottom: 20px !important; }

.outer-space_big_left { margin-left: 20px !important; }

.no-margin { margin: 0 !important; }

.no-margin-right { margin-right: 0 !important; }

.no-margin-left { margin-left: 0 !important; }

.no-margin-top { margin-top: 0 !important; }

.outer-space_big_top-bottom {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.outer-space_big_left-right {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.no-margin-bottom { margin-bottom: 0 !important; }

/*
Colors and Fonts
===============================================================================
*/

.bg-color_white { background-color: white; }

.bg-color_gray { background-color: #f5f5f5; }

.bg-color_light-blue { background-color: #EAF5FF; }

.bg-color_dark-gray { background-color: #E5E5E5; }

.bg-color_yellow { background-color: #FAF7B3; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.text-justify { text-align: justify; }

.text-transform_uppercase { text-transform: uppercase; }

.text-capitalize { text-transform:capitalize; }

.text-color_blue { color: #0c83d9; }

.text-color_clearer-gray { color: #888; }

.text-color_light-gray { color: #B0B0B0; }

.text-color_red { color: rgb(197, 0, 0); }

.text-color_green { color: #3FAF32; }

.text-size_smaller { font-size: 8px; }

.text-size_small { font-size: 9px; }

.text-size_almost_small { font-size: 10px; }

.text-size_default-smaller {font-size: 11px !important;}

.text-size_default { font-size: 12px; }

.text-size_medium { font-size: 14px; }

.font-style_italic { font-style: italic; }


/*-- Notification Messages --*/

.notification-message_green {
	background-color: #D8FFDB;
	border: 1px solid #73C77A;
	color: #337938;
	padding: 15px;
	width: 100%;
	display: block;
}

/*
Borders
===============================================================================
*/

.border-solid_top-bottom {
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}

.border-solid_gray { border: 1px solid #d9d9d9; }

.border-solid_top-gray { border-top: 1px solid #d9d9d9; }

.border-solid_bottom-gray { border-bottom: 1px solid #d9d9d9; }

.border-solid_right-gray { border-right: 1px solid #d9d9d9; }

.border-dotted_right-gray { border-right: 1px dotted #d9d9d9; }

.border-dotted_left-gray { border-left: 1px dotted #d9d9d9; }

.border-dotted_top-gray { border-top: 1px dotted #d9d9d9; }

.border-dotted_bottom-gray { border-bottom: 1px dotted #d9d9d9; }

.border-dashed_bottom-gray { border-bottom: 1px dashed #ccc; }

.border-dashed_top-gray { border-top: 1px dashed #ccc; }

.border-dashed_gray { border: 1px dashed #ccc; }

.border-radius { border-radius: 5px; }

/*
Buttons
===============================================================================
*/

.default_button {
  /*padding: 10px 20px;*/
  border: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: initial;
}

.default_button.small {
  padding: 10px 15px;
  font-size: 10px;
}

.default_button.tiny {
  padding: 5px;
  font-size: 10px;
}

/*
Links
===============================================================================
*/
.link_decorator {
  text-decoration:underline;
}

.link_decorator:hover {
  text-decoration:none;
}

/*
Links
===============================================================================
*/
.link_decorator {
  text-decoration:underline;
}

.link_decorator:hover {
  text-decoration:none;
}

/*
Colors
===============================================================================
*/

.default_button.yellow {
  background-color: #fbdf22;
  color: #644b01;
  box-shadow: 3px 3px 0 0 #f0c724;
}

.default_button.yellow:hover { background-color: #FFD84e; }

.default_button.yellow:active {
    position: relative;
    background-color: #FFD84e;
    box-shadow: 1px 1px 0 0 #D1AE15;
}

.default_button.blue {
  background-color: #0083d8;
  color: white;
  box-shadow: 3px 3px 0 0 #0069AD;
}

.default_button.blue:hover { background-color: #008DE8; }

.default_button.blue:active {
    position: relative;
    top: 1px;
    left: 1px;
    background-color: #008DE8;
    box-shadow: 1px 1px 0 0 #0069AD;
}

.default_button.green {
  background: #5ab112;
  box-shadow: 3px 3px 0 0 #369212;
  color: #fff;
  font-weight: bold;
}

  .default_button.green:hover {
    background: #6cc121;
  }

  .default_button.green:active {
    background: #5ab112;
    box-shadow: 1px 1px 0 0 #369212;
    left: 1px;
    top: 1px;
    position: relative;
  }

.default_button.gray {
  background: #BBBBBB;
  box-shadow: 3px 3px 0 0 #8E8E8E;
  color: white;
  font-size: 12px;
  font-weight: bold;
}

.default_button.gray:hover {
  background: #D0D0D0;
}

.default_button.red {
  background: #f32020;
  box-shadow: 3px 3px 0 0 #a50909;
  color: white;
  font-size: 12px;
  font-weight: bold;
}

.default_button.red:hover {
  background: #f65151;
}

  .default_button.disabled{
    background: #CCC;
    box-shadow: 3px 3px 0 #9F9F9F;
    color: #8F8F8F;
  }
/*
Lists Styles
===============================================================================
*/

.list-style_disc { list-style-type: disc; }

/*
Rulers
===============================================================================
*/

.ruler_solid,
.ruler_dotted,
.ruler_dashed {
  border: 0;
  border-bottom-width: 1px;
}

.ruler_solid {
  border-bottom-color: #ccc;
  border-bottom-style: solid;
}

.ruler_dotted {
  border-bottom-color: #333;
  border-bottom-style: dotted;
}

.ruler_dashed {
  border-bottom-color: #d6d6d6;
  border-bottom-style: dashed;
}



/*
Internal Loader Plugin (Util.js)
===============================================================================
*/

.internalLoader.fixedLoader {
	position:fixed;
	top: 0;
	left: 0;
	height: 100% !important;
	width: 100%;
}

.internalLoader {
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	display:none;
	position:absolute;
	top:0;
	left:0;
	text-align: center;
	white-space: nowrap;
}

.internalLoader:before {
	content: '';
  display: inline-block;

	height: 100%;
  vertical-align: middle;
}

.internalLoader .text {
	width: auto;
	font:bold 13px Arial,Helvetica;
	color:#004481;
	text-transform:uppercase;
	border-radius:5px;
	display: inline-block;
	vertical-align: middle;
	background-color: white;
	padding: 8px 12px 6px;
}

.internalLoader {
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

.internalLoader .text:before {
    width: 33px;
    height: 33px;
    background: url(/travel/styles_B2C/images/styles/loader.gif) no-repeat -2px -2px;
    display: inline-block;
    content: '';
    vertical-align: middle;
    margin-right: 7px;
    position: relative;
    top: -1px;
}

.priceBox .internalLoader:before {
	text-indent: -33px !important;
}

/*
Loader Options
===============================================================================
*/

.loader-overlay:before {
  width: 157px;
  height: 43px;
  background: #fff url(/travel/styles_B2C/images/styles/loader.gif) 112px 3px no-repeat;
  display: block;
  content: 'Carregando';
  position: absolute;
  top: 0;
  left: 0;
  font: bold 13px Arial,Helvetica;
  line-height: 43px;
  color: #153039;
  text-transform: uppercase;
  border-radius: 5px;
  text-indent: 15px;
  right: 0;
  bottom: 0;
  margin: auto;
}

.loader-overlay {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 8;
  background:rgba(0,0,0,0.5);
  top: 0;
  left: 0;
  opacity: 1!important;
  text-align: left;
}

.loaderbar-fixed:before { position: fixed; }

.loaderbar-hideopacity { background: #f5f5f5 !important; }

.loaderbar-hidetransparent { background: transparent !important; }

.loader-booking {
  left: 52px;
  display: block;
}

/* -- Default Modal -- */

.default-modal-holder, .default-modal-holder * {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.default-modal-holder {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:6;
	background: rgba(0,0,0,0.6);
	text-align:center;
}

.default-modal-holder:before {
	content:'';
	display:inline-block;
	vertical-align:middle;
	height:100%;
}

.default-modal-lightbox {
	border: 4px solid #0c83d9;
	border-radius:4px;
	height:auto;
	width:auto;
	vertical-align:middle;
	text-align:left;
	background: #f5f5f5;
	display:inline-block;
	position: relative;
	font-family: Arial;
}

.default-modal-lightbox .close {
  background: url("/travel/styles_B2C/images/lightbox.png") 0 0;
  position: absolute;
  right: 10px;
  top: 10px;
  text-indent: -9999px;
  width: 25px;
  height: 25px;
}

.default-modal-lightbox .modal-title {
	font:bold 18px Arial;
	color:#0183d9;
}

.dp-block_imp {
    display:block !important;
}
