/*********************
	HTML Elements
*********************/
*{
	margin:0;
	padding:0;
}
/* img, div,a { behavior: url(iepngfix.htc) } */
body{
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
}
a, a:visited{
	text-decoration:none;
	transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out;
}
img{
	border:0;
	margin:1px;
}
p{
	padding:3px;
}
h2{

}
input{
	padding:2px;
}
select{
	padding:2px;
}
#content ul{
	margin-left: 1.1em;
	padding-left: 0;
	text-indent: 0;
}
[disabled]{
	background-color: #f0f0f0;
}


/*********************
	Structure
*********************/
#container{
	/* width:960px; */
	width: 90%;
	margin-left:auto;
	margin-right:auto;
}
#header{
	position: relative;
	/* width:960px; */
	padding-top: 20px;
}
	#header h2{
		margin-top:0px;
	}
#content{
	clear: both;
	margin: 0 0 10px 0;
	padding: 20px 10px;
}
#sidebar{
	background:#FFF;
	width:170px;
	float:right;
	margin:10px 0 10px 0;
	padding:10px;
}
#footer{
	clear:both;
	padding:5px;
}
#box h3{
	padding:5px;
	font-size:14px;
}


/*********************
  box login
*********************/
.boxLogin{
	width: 300px;
	margin: 60px auto;
	padding: 10px;
	border: 1px solid #ccc;
}
	.boxLogin h2{
		color: #fff;
	}

		#welcomeWrapper h2{
			color: #000;
		}
		#welcomeWrapper ul{
			list-style: none;
			margin: 0;
			padding: 0;
		}
		#welcomeWrapper ul li a{
			display: block;
			margin: 10px 0;
			padding: 10px;
			text-align: center;
			background-color: #e6e6e6;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border: 1px solid #ccc;
		}
			#welcomeWrapper ul li a:hover{
				color:#fff;
				background-color: #375a90;
			}

/*********************
  TopMenu, Top-Panel
*********************/
#topmenu{
	margin-top:33px;
	width: 95%;
	float:left;
	voice-family:inherit;
}
#topmenu ul{
	list-style:none;
}
#topmenu li{
	display:inline;
}
#topmenu a,#topmenu a:visited{
	padding:10px 12px 10px 12px;
	text-decoration:none;
}
#topmenu .current a, #topmenu .current a:hover, #topmenu .current a:visited{
	padding:5px 12px 5px 12px;
	font-weight:bold;

}
	#topmenu .sf-menu ul{
		top: 33px;
	}
		#topmenu .sf-menu ul ul{
			top: 0;
		}

#top-panel{
	background:#FFF;
	padding:5px;
	height:20px;
	float:left;
	width:950px;
}
#top-panel ul{
	list-style:none;
}
#top-panel ul li{
	display:inline;
	line-height:20px;
}
#top-panel ul li a{
	padding-left:19px;
	text-decoration:none;
	margin:0 3px;
	display:inline-block;
}
#top-panel a:hover{
	text-decoration:underline;
}

/* Header Navigation */
#topmenu li a:hover,
#topmenu li.active a{
	background: #375a90;
	color: #7E9DCC;

}

/*
 * edited superfish
 */
#topmenu .sf-with-ul{
	padding-right: 30px;
}

#topmenu .sf-menu li:hover,
#topmenu #nav.sf-menu li.sfHover{
	background-color: #375a90;

}
	#topmenu .sf-menu li:hover a,
	#topmenu #nav.sf-menu li.sfHover a{
		color: #fff;
	}


/*********************
		Other
*********************/
.a-right{text-align:right;}
.a-left{text-align:left;}
.a-center{text-align:center;}
#pager{
	margin:5px;
	height:25px;
}
#footer ul {
	list-style:none;
}
#footer li {
	display:inline;
}
#credits{
	font-size: 10px;

}

/*********************
	button top list
*********************/
ul.topButton{
	list-style: none;
	margin: 0;
	padding: 0;
	text-indent: 0;
}
	ul.topButton li{
		margin: 10px 10px 0 0;
		padding: 0;
	}
	ul.topButton li{
		float: left;
	}
		ul.topButton li a{
			padding: 3px;

		}
			ul.topButton li a:hover{
				color: #7e9dcc;
			}

.addBtn{
	display: inline-block;
	width:15px;
	height:15px;
	background-color: #7e9dcc;
	background-image:url(../images/i-plus.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.importBtn{
	display: inline-block;
	width:15px;
	height:15px;
	background-color: #7e9dcc;
	background-image: url(../images/i-import.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.backBtn{
	display: inline-block;
	width:15px;
	height:15px;
	background-color: #7e9dcc;
	background-image: url(../images/i-back.gif);
	background-repeat: no-repeat;
	background-position: 1px 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}


/*********************
		Tables
*********************/
table{
	margin:10px 0;
	border-collapse: collapse;
	table-layout:automatic;

}
td, th{
	padding: 2px;
	font-size: 11px;
}
thead{

}
td.colAction{
	text-align: center;
}
	td.colAction span{
		padding: 0 5px;
	}
table.sortable .label{
	float: left;
	width: 100px;
}
table.sortable .input{
	float: left;
	width: 100px;
}
table.sortable .btnRow{
	padding: 10px 0;
}

table caption{
	text-align: left;
	padding-bottom: 5px;
}
table tr.rowAsHeader td{
	font-family: 'Tahoma';
	padding: 4px;
	letter-spacing: 1px;
	border-top-width: 2px;
}
table tr.rowForTotal td{
	background: #efecec;
	padding: 5px;
	font-weight: bold;
}
table th[scope='row']{
	text-align: left;
}
table.table{
	width: 100%;
}
	table.table th, table.table td{
		padding: 5px;
	}
	table.table th[scope="row"]{
		text-align: left;
		white-space: nowrap;
		font-weight: bold;
		border: 1px solid #fff;
	}

/* Season */
table.seasonDate, table.seasonRate{
	width: 100%;
}

table#tableSeasonDate td.colSeasonRate{
	padding-top: 10px;
	width: 400px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

	table#tableSeasonDate td table td.low, table#rateMaster td.low{
		background-color: #dadada;
	}
	table#tableSeasonDate td table td.high, table#rateMaster td.high{
		background-color: #cdcdcd;
	}
	table#tableSeasonDate td table td.peak, table#rateMaster td.peak{
		background-color: #c1c1c1;
	}
	table#tableSeasonDate td table td.chinese, table#rateMaster td.chinese{
		background-color: #999999;
	}

table#tableSeasonDate td.roomTitle{
	font-size: 14px;
	padding: 15px 10px;
	color: #fff;
	background-color: #7e9dcc;
}
.col-newseasonrate, .col-oldseasonrate{
	width: 48%;
}
table#tableRoomAvailability td{
	font-size: 11px;
}
table caption{
	text-align: left;
	padding-bottom: 5px;
}
table tr.rowAsHeader td{
	font-family: 'Tahoma';
	padding: 4px;
	letter-spacing: 1px;
	border-top-width: 2px;
}
table tr.rowForTotal td{
	background: #efecec;
	padding: 5px;
	font-weight: bold;
}

/* Promotional Codes */
#tablePromotionalCodes td {
	vertical-align: top;
}

#tablePromotionalCodes .promocode p { margin: 0px; padding: 0px; }

#tablePromotionalCodes .promocode a,
#tablePromotionalCodes h4 {
	background-color: #7E9DCC;
	color: #FFF;
	padding: 8px 10px;
	margin: 0px;
	display: block;
}

#tablePromotionalCodes a:hover {
	background-color: #375A90;
	color: #FFF;
}

#tablePromotionalCodes .sortable {
	background-color: #F1F1F1;
	margin: 0px;
}

#tablePromotionalCodes .sortable td {
	padding: 8px 10px;
}

#tablePromotionalCodes .promocode .sortable a {
	display: inline-block;
	padding: 4px 5px;
}

.inclusion {
	display: inline-block;
	vertical-align: top;
	margin: 0px;
	width: 80%;
}

.inclusion td {
	vertical-align: top;
	padding: 5px;
}

#wrapperValidityDates .addFieldButton{
	right: -185px;
}
#wrapperValidityDates .formInput .formInputItem{
	clear: both;
	position: relative;
}
#wrapperValidityDates .remove{
	right: -185px;
}

/* Room availability */
#tableRoomAvailability td {
	vertical-align: top;
	font-size: 11px;
}

#tableRoomAvailability td table {
	margin: 0px;
	background-color: #F1F1F1;
}

#tableRoomAvailability td table th,
#tableRoomAvailability td h4 {
	background-color: #7E9DCC;
	color: #FFF;
}

#tableRoomAvailability td h4 {
	padding: 4px;
	text-align: center;
	border: 1px solid #d9e6f0;
}


/* Booking List */
.reservationDetails th{
	position: relative;
}
.reservationDetails th .headerLink{
	float: right;
	padding: 0 3px;
}


/*********************
		Home
*********************/
#infowrap li{
	display:inline:
}
#infobox{
	width:365px;
	float:left;
	margin-top:10px;
}
#infobox h3{
	padding:5px;
	font-size:14px;
}
.margin-left{
	margin-left:5px;
}
#rightnow .reallynow {
	padding: 5px;
	font-size:14px;
}
#rightnow h3{
	padding:2px;
	padding: 0 10px;
	font-size:14px;
}
#rightnow .reallynow span {
	display: block;
	text-align: left;
	float: left;
	padding:0 2px;
	font-size:14px
}
#rightnow .reallynow a {
	text-decoration:none;
	display: block;
	text-align: right;
	float: right;
	padding:0 0 0 18px;
	margin-left:4px;
	font-weight:normal;
	font-size:12px;
}
#rightnow .reallynow a:hover{
	text-decoration:underline;
}
#rightnow .youhave {
	font-size:  12px;
	padding: 10px;
}
#rightnow a {
	font-weight: bold;
}


/*********************
		Forms
*********************/
form{
	margin:0 auto;
}
form.form fieldset {
	display:block;
	padding:5px 10px 5px 10px;
	/*line-height:20px;*/
	margin-bottom:10px;
}
form.form legend {
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
	padding:3px;
	width:254px;
}
form.form label {
	clear:left;
	display:block;
	float:left;
	width:150px;
	text-align:right;
	padding-top: 7px;
	padding-right:20px;
	padding-left: 5px;
	margin-bottom:0;
	font-weight: bold;

}
	table#promotionalCode td label{
		width: 125px;
	}
form.form .formNote{
	clear: both;
	margin-left: 175px;
}


form.form input {
	padding:3px;

}
form.form input.applyseason{
	margin-right: 5px;
	padding: 0;
	border: none;
}
form.form select {
	margin-left:5px;
	margin-bottom:5px;
}
select{
	margin-bottom: 5px;
}
form.form textarea {
	padding:5px;
	overflow:auto;
}
form.form option {
	background:#FFF;
}
form.form optgroup option {

}
form.form .button1, form.form .button2 {
	padding-right:5px;
	cursor:pointer;
	width:205px;
	margin-left:8px;
	font-weight:bold;
}
form.form .button1:hover, form.form #button2:hover {
	background-position:center left;
}

form.form > div{
	clear: both;
	margin: 5px 0;

}
	form.form .row div{
		clear: none;
		margin: 0;
	}
	form.form .formInput{
		float: left;
		clear: none;
		min-width: 60%;
		max-width: 85%;

	}

		form.form .formInput .formSegmentLabel,
		form.form .formInput .formSegmentInput{
			margin: 0;
		}
		form.form .formInput .formSegmentLabel,
		form.form .formInput .formSegmentInput,
		form.form .formInput .formSegmentInput label,
		form.form .formInput .formSegmentInput .formInput{
			*display: inline;
			display: inline-block;
			float: none;
			width: auto;
			min-width: auto;
		}
		form.form .formInput .formSegmentInput label{
			text-align: left;
			clear: none;
			padding: 0 20px 0 5px;
		}
		form.form .formInput .formSegmentInput .formInput{
			margin: 0;
		}
		form.form .formInput .formSegmentLabel{
			padding: 0 10px;
		}

	form.form div.formInputVertical{
		float: left;
		clear: none;
	}
	form.form .formInput label{
		float: none;
		display: inline;
	}
form.form .formLabel{
	float: left;
	width:150px;
	text-align:right;
	padding-top: 7px;
	padding-right:20px;
	padding-left: 5px;
	margin-bottom:0;
	font-weight: bold;
}
form.form .formInput{

}

.formField label{
	display: inline-block;
	min-width: 75px;
}
.formField input{
	margin-top: 2px;
	margin-bottom: 2px;
}
.formLine{
	border-top: 1px dotted #DDDDDD;
	height: 5px;
	margin: 10px 0;
	width: 99%;
}
.separator{
	margin: 0 3px;
	font-weight: bold;
}
input.error, [aria-invalid="true"]{
	border: 1px solid red !important;
	background-color: #f9f9d9 !important;
}

/* a date selector form input */
.formInput.formInputDateSelector{
	min-width: 25%;
	min-height: 30px;
}

/* Form with subfield : package */
form.form .formMultiInput{
	float: left;
	min-width: 60%;
	max-width: 85%;
	clear: none;
}
	form.form .formMultiInput .formMultiInput__label{
		text-transform: capitalize;
		font-weight: bold;
		font-family: Tahoma;
		font-size: 12px;
	}
	form.form .formMultiInput .formSubField{
		margin-bottom: 15px;
	}
		form.form .formMultiInput .formSubField label{
			font-family: "Tahoma";
			font-size: 11px;
			text-align: left;
			padding: 0;
			margin: 8px 0;
		}
		form.form .formMultiInput .formSubField .formInput{
			float: none;
		}
	form.form .formMultiInput .formSubSubField{
		margin: 5px 20px;
	}
form.form div.formFieldSeparator{
	padding: 10px 0;
	text-align: center;
	font-weight: bold;
	font-family: Tahoma;
	font-size: 14px;
	background: #ccc;
	margin: 30px 0;
	max-width: 70%;
}

form.form .formLabel__block{
	width: auto;
}

/* neutralize from the grid */
.groupfield .column{
	padding: 0;
}

form.form .groupfield label{
	width: auto;
	float: none;
}

/* form filter */
.formFilter {
	margin-bottom: 20px;
}
.formFilter form.form label{
	text-align: left;
	min-width: 100px;
	width: auto !important;
}
.formFilter form.form label:after{
	content: " : ";
}
	.formFilter form.form .formInput label:after{
		content: "";
	}
.formFilter form.form .formField{
	border: none;
}

/* NEW : Form using flex */
form.formHorizontal{

}
	form.formHorizontal .formField{
		margin: 5px 0;
		padding: 0;
		display: flex;
	}
	form.formHorizontal .formLabel{
		display: inline-block;
		margin: 5px 5px 5px 0;
		padding: 0;
		float: none;
		text-align: left;
		width: auto;
	}
		form.formHorizontal .formLabel.formLabel__75{
			width: 75px;
		}
		form.formHorizontal .formLabel.formLabel__100{
			width: 100px;
		}
		form.formHorizontal .formLabel.formLabel__125{
			width: 125px;
		}
	form.formHorizontal .formInput{
		display: block;
		float: none;
		margin: 5px 0 5px 5px;
		padding: 0;
	}

/* form validation */
form .validationMessage label.error{
	width: auto;
	text-align: left;
	float: none;
	display: inline-block;
}

/* Form in table format */
table.form-table{
	border: none;
}
table.form-table th, table.form-table td{
	border: none;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}
table.form-table td{
	padding-left: 5px;
}
table.form-table th[scope='row']{
	position: relative;
	padding-right: 10px;
}
	table.form-table th[scope='row']:after{
		content: " : ";
		display: inline-block;
		position: absolute;
		right: -5px;
		padding: 0 3px;
	}

abbr.req{
	color: red;
}

/*
 * Room control
 */
#roomAvailabilityFilter{
	margin-top: 20px;
}

/* Table Promotional Code */
#tablePromotionalCodes td.promocode{
	border-bottom: 5px solid #D9E6F0;
}

/* Table seasondate*/
table#tableSeasonDate td{
	font-size: 12px;
}

/*
 * Packages
 */
#packageViewBy{
	margin-top: 10px;
}
	#packageViewBy table{
		border:none;
	}
#formCreatePackages fieldset,
#formAddSpesificMarketRate fieldset,
#formUpdateSpesificMarketRate fieldset{
	position: relative;
	background-color: #f3f9ff;
}
#formCreatePackages{
	position: relative;
}
.packageitems, .packageitems .formSubField{
	position: relative;
}
.packagerate .formSubField .remove{

}
.packageratedateperiods{
	max-width: 70%;
}
.packageratedateperiods fieldset{
	margin: 15px 0;
}
.remove.buttonlink_1, .remove.remove_1{
	display: none;
}

.editForm, .perimeter{
	position: relative;
}

/* Button for add more field that using jquery template */
.addFieldButton{
	position:absolute;
	top: -5px;
	right: 0;
	z-index: 9

}
.addFieldButton.default{
	position: relative;
	display: inline-block;
	margin: 20px 0 5px 0;
	z-index: 9
}
	.addFieldButton a{
		display: block;
		padding: 5px 5px 5px 20px;
		color: #fff;
		background-image: url(/images/i-plus.gif);
		background-position: 8px 10px;
		background-repeat:no-repeat;
		background-color: #7e9dcc;
	}
	.addFieldButton:hover a{
		background-color: #375a90;
	}
	.addFieldButton a:visited{
		color: #fff;
	}

.formInput.formInputDateSelector .addFieldButton{
	right: -200px;
}
.formInputItem.formInputItemDateSelector{
	position: relative;
}


/* Button remove */
.remove{
	position: absolute;
	right: 15px;
	*right: 0;
	top: 7px;
	padding:0 17px 0 0;
	font-size: 11px;
	background-image: url(/images/i-del.gif);
	background-repeat: no-repeat;
	background-position: 42px 1px;
}
	.formInput.formInputDateSelector .remove{
		right: -65px;
	}

.req{
	color:red;
}
.error{
	color: red;
	font-size: 10px;
}
.highlight{
	color:red;
}



/*
 * Spesific Market Rate
 */
.ajaxloader{
	text-align: center;
}

/*
 * Report
 */
#totalRevenue{
	font-size: 11px;
}

/*
 * E-concierge report
 */
#accReportWrapper{
	margin-top: 20px;
}
#accReportPersonalInfo, #preArrivalPref{
	float: left;
}
	#accReportPersonalInfo{
		width: 250px;
	}
	#preArrivalPref{
		width: 650px;
	}
#servicesWrapper{
	clear: both;
}
	.serviceItem{
		float: left;
		width: 228px;
	}
		.serviceItem table td, .serviceItem table th{
			background-color: #f3f9ff;
		}


/*
 * Reservations
 */
.reservationDetails th{
	text-align: left;
}
	.reservationDetails td input.txt{
		background-color: #f3f9ff;
	}
.pagination{
	margin-top: 10px;
	font-weight: bolder;
}
.pagination a{
	margin: 3px;
	padding: 3px 5px;
	font-weight: normal;
}

/* reconcile report */
.event{
	background-color: #efefef;
}

.odd{
	background-color: #FFFFFF;
}

/*********************
	Functions
*********************/
/* hide room type in promotional code */
#typetwo{ display: none;}

/* hide first remove link in package module add */

#linkRemove_1 {
	display:none;
}
form.form input.addfield {
	background: none repeat scroll 0 0 #7E9DCC;
	color:#fff;
	float: right;
	clear:both;
}
.hide{
	display: none;
}

.clearfix:after, .group:after {
  content: "";
  display: table;
  clear: both;
}

tr.highlightedRow td{
	background-color: #DEEDFC;
}

/* Flex */
.flex-horizontal{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

/* Button */
input.button, a.button{
	transition: all 0.5s ease-out;
}
a.linkbutton, a.linkbutton:visited{
	border: 1px solid #d9e6f0;
	background-color: #7e9dcc;
	font-size: 11px;
	color: #fff;
	padding: 3px 5px;
	transition: all 0.5s ease-out;
}
	a.linkbutton:hover, a.linkbutton:active{
		background-color: #0b326e;
	}
.extrabutton-wrapper{
	text-align: right;
}

/*********************
	Icons
*********************/
.icon{
	padding-left:19px;
	text-decoration:none;
	height:20px;
	font-size:12px;
	margin:0 3px;
	display:inline-block;
	line-height:20px;
}
.user{background:transparent url(../images/icons/user.png) no-repeat 8px 5px;}
.useradd{background:transparent url(../images/icons/user_add.png) no-repeat left;}
.group{background:transparent url(../images/icons/group.png) no-repeat left;}
.search{background:transparent url(../images/icons/magnifier.png) no-repeat left;}
.online{background:transparent url(../images/icons/world.png) no-repeat left;}
.pagenew{background:transparent url(../images/icons/page_add.png) no-repeat left;}
.rss{background:transparent url(../images/icons/rss.png) no-repeat left;}
.feed{background:transparent url(../images/icons/feed.png) no-repeat left;}
.report{background:transparent url(../images/icons/report.png) no-repeat left;}
.house{background:transparent url(../images/icons/house.png) no-repeat left;}
.manage{background:transparent url(../images/icons/cog.png) no-repeat left;}
.manage_page{background:transparent url(../images/icons/page_gear.png) no-repeat left;}
.folder{background:transparent url(../images/icons/folder.png) no-repeat left;}
.promotions{background:transparent url(../images/icons/coins.png) no-repeat left;}
.cart{background:transparent url(../images/icons/cart.png) no-repeat left;}
.folder_table{background:transparent url(../images/icons/folder_page.png) no-repeat left;}
.shipping{background:transparent url(../images/icons/car.png) no-repeat left;}
.invoices{background:transparent url(../images/icons/page_white_text_width.png) no-repeat left;}
.addorder{background:transparent url(../images/icons/folder_page_add.png) no-repeat left;}
.add{background:transparent url(../images/icons/add.png) no-repeat left;}
.app_add{background:transparent url(../images/icons/application_add.png) no-repeat left;}
.report_seo{background:transparent url(../images/icons/report_link.png) no-repeat left;}
.modules{background:transparent url(../images/icons/bricks.png) no-repeat left;}
.modules_manage{background:transparent url(../images/icons/bricks_gear.png) no-repeat left;}


/*********************
	Grid from Foundation 5
*********************/
.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  /* max-width: 62.5em; */
  *zoom: 1; }

  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse > .column,
  .row.collapse > .columns {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    float: left; }
  .row.collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row .row {
    width: auto;
    margin-left: -0.9375em;
    margin-right: -0.9375em;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none;
    *zoom: 1; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      width: auto;
      margin: 0;
      max-width: none;
      *zoom: 1; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

.column,
.columns {
  position: relative;
  padding-left: 0.9375em;
  padding-right: 0.9375em;
  width: 100%;
  float: left; }
@media only screen{
	.column,
  .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left; }

  .small-1 {
    position: relative;
    width: 8.33333%; }

  .small-2 {
    position: relative;
    width: 16.66667%; }

  .small-3 {
    position: relative;
    width: 25%; }

  .small-4 {
    position: relative;
    width: 33.33333%; }

  .small-5 {
    position: relative;
    width: 41.66667%; }

  .small-6 {
    position: relative;
    width: 50%; }

  .small-7 {
    position: relative;
    width: 58.33333%; }

  .small-8 {
    position: relative;
    width: 66.66667%; }

  .small-9 {
    position: relative;
    width: 75%; }

  .small-10 {
    position: relative;
    width: 83.33333%; }

  .small-11 {
    position: relative;
    width: 91.66667%; }

  .small-12 {
    position: relative;
    width: 100%; }
  [class*="column"] + [class*="column"]:last-child {
    float: right; }

  [class*="column"] + [class*="column"].end {
    float: left; }

  .column.small-centered,
  .columns.small-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important; }

  .column.small-uncentered,
  .columns.small-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important; }

  .column.small-uncentered.opposite,
  .columns.small-uncentered.opposite {
    float: right !important; } }
}