/*
	#header { display:table; margin:0 auto; width:100%; }
	#headertr { display:table-row; }
	#headerimg { display:table-cell; width:155px; height:56px; text-align:centar; vertical-align:middle; padding:1px; }
	.headertexttd { display:table-cell; text-align:left; vertical-align:middle; width:100%;height:100px; padding-left:20px;}
	.footer { position: fixed; }
	.jumbotron { padding: 0px 15px; margin-bottom: 10px; color: #fff; background-color: #003366; }
	.navbar-brand { padding: 5px 15px; line-height: 40px; }
*/
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

h6 {
    font-weight: bold;
    font-size: 16px;
    border-bottom: 1px solid #ccc;
    margin: 20px 0px;
    padding-bottom: 5px;
}
form label {
	height: 34px;
	line-height: 34px;
}
.icheckbox_square-blue, .iradio_square-blue {
	margin-right: 5px;
}
.checkbox-inline label, .radio-inline label {
	font-weight: normal !important;
}
.subtitle{ font-size:18px; line-height:22px; }
.bold_font{ font-weight: bold; }

.btn-default-submit {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;

	-webkit-border-top-right-radius: 6px !important;
	-webkit-border-bottom-left-radius: 6px !important;
	-moz-border-radius-topright: 6px !important;
	-moz-border-radius-bottomleft: 6px !important;
	border-top-right-radius: 6px !important;
	border-bottom-left-radius: 6px !important;

	color: #fff !important;
	background-color: #0096d6;
	border-color: #006699;
	/*font-size: inherit;*/
}
.btn-default-submit:focus,
.btn-default-submit.focus {
	color: #fff;
	background-color: #006699;
	border-color: #006699;
}
.btn-default-submit:hover {
	color: #fff;
	background-color: #006699;
	border-color: #006699;
}
.btn-default-submit:active,
.btn-default-submit.active,
.open > .dropdown-toggle.btn-default-submit {
	color: #fff;
	background-color: #006699;
	border-color: #006699;
}
.btn-default-submit:active:hover,
.btn-default-submit.active:hover,
.open > .dropdown-toggle.btn-default-submit:hover,
.btn-default-submit:active:focus,
.btn-default-submit.active:focus,
.open > .dropdown-toggle.btn-default-submit:focus,
.btn-default-submit:active.focus,
.btn-default-submit.active.focus,
.open > .dropdown-toggle.btn-default-submit.focus {
	color: #fff;
	background-color: #006699;
	border-color: #006699;
}
.btn-default-submit:active,
.btn-default-submit.active,
.open > .dropdown-toggle.btn-default-submit {
	background-image: none;
}
.btn-default-submit.disabled:hover,
.btn-default-submit[disabled]:hover,
fieldset[disabled] .btn-default-submit:hover,
.btn-default-submit.disabled:focus,
.btn-default-submit[disabled]:focus,
fieldset[disabled] .btn-default-submit:focus,
.btn-default-submit.disabled.focus,
.btn-default-submit[disabled].focus,
fieldset[disabled] .btn-default-submit.focus {
	background-color: #ccc;
	border-color: #006699;
}
.btn-default-submit .badge {
	color: #fff;
	background-color: #333;
}

.btn-primary-form {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;

	-webkit-border-top-right-radius: 6px !important;
	-webkit-border-bottom-left-radius: 6px !important
	-moz-border-radius-topright: 6px !important;
	-moz-border-radius-bottomleft: 6px !important;
	border-top-right-radius: 6px !important;
	border-bottom-left-radius: 6px !important;

	color: #fff !important;
	background-color: #D7410B;
	border-color: #2e6da4;
	border-color: #C1401A;
/*	font-size: inherit;*/
}
.btn-primary-form:focus,
.btn-primary-form.focus {
	color: #fff;
	background-color: #286090;
	border-color: #122b40;
	color: #fff;
	background-color: #C1401A;
	border-color: #C1401A;
}
.btn-primary-form:hover {
	color: #fff;
	background-color: #C1401A;
	border-color: #C1401A;
}
.btn-primary-form:active,
.btn-primary-form.active,
.open > .dropdown-toggle.btn-primary-form {
	color: #fff;
	background-color: #C1401A;
	border-color: #C1401A;
}
.btn-primary-form:active:hover,
.btn-primary-form.active:hover,
.open > .dropdown-toggle.btn-primary-form:hover,
.btn-primary-form:active:focus,
.btn-primary-form.active:focus,
.open > .dropdown-toggle.btn-primary-form:focus,
.btn-primary-form:active.focus,
.btn-primary-form.active.focus,
.open > .dropdown-toggle.btn-primary-form.focus {
	color: #fff;
	background-color: #C1401A;
	border-color: #C1401A;
}
.btn-primary-form:active,
.btn-primary-form.active,
.open > .dropdown-toggle.btn-primary-form {
	background-image: none;
}
.btn-primary-form.disabled:hover,
.btn-primary-form[disabled]:hover,
fieldset[disabled] .btn-primary-form:hover,
.btn-primary-form.disabled:focus,
.btn-primary-form[disabled]:focus,
fieldset[disabled] .btn-primary-form:focus,
.btn-primary-form.disabled.focus,
.btn-primary-form[disabled].focus,
fieldset[disabled] .btn-primary-form.focus {
	background-color: #C1401A;
	border-color: #C1401A;
}
.btn-primary-form .badge {
	color: #337ab7;
	background-color: #fff;
}

/* File Upload */
.file-actions { display:none; }

.giftcard {
	overflow:hidden; // this keeps the floated objects inside the container
	padding: 0;
	margin: 0;
}

.giftcard .photos {
	float:left;
	margin: 0 30px 10px 0;
	margin-right:10px; // this puts some padding to the right of the photos
}
.giftcard .photos img {
	max-width: 175px;
	height: auto;
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
	border: 0;
	vertical-align: top;
}
.giftcard .photos img:last-child{
	margin-bottom: 0;
}
@media (max-width: 400px) {
	.giftcard {
		overflow:hidden;
		padding: 0;
		margin: 0;
	}
	.giftcard .photos {
		float: none;
		padding: 0;
		margin: 0;
		margin-bottom: 5px;
	}
	.giftcard .photos img {
		max-width: 100%;
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
		margin-bottom: 5px;
	}
}


.btn-group [class*=" icon-"]:before,
.btn-group [class^=icon-]:before,
.detail-icon [class*=" icon-"]:before,
.detail-icon [class^=icon-]:before
 {
	font-family: 'Glyphicons Halflings';
}

.detail-icon .icon-plus:before {
	/*content: '\002b';*/
	content: url('../imgs/add.png');
}
.detail-icon .icon-minus:before {
	/*content: '\2212';*/
	content: url('../imgs/delete.png');
}

/*
.btn-group-xs>.btn, .btn-xs.tiny {
	padding: 1px 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
	width: 24px;
	height: 24px;
}
*/
.TableLink:focus,
.TableLink:active,
.TableLink:visited {
	color:#e22e22;
}

.content table.tabreportes th {
	text-align: left;
	background-color: #d9534f;
	color: #ffffff;
	border: solid 1px #999;
}
.content table.tabreportes th,
.content table.tabreportes td {
	font-size: 90%;
}
.content table.tabreportes th a,
.content table.tabreportes th a:active,
.content table.tabreportes th a:focus {
	color:#ffffff;
	text-decoration: none;
}
.content table.tabreportes th a:hover{
	color:#ffffff;
	text-decoration: underline;
}


.content table.tabsales th {
	text-align: left;
	background-color: #f1f1f1;
	color: #999;
	border: solid 1px #999;
}
.content table.tabsales th a,
.content table.tabsales th a:active,
.content table.tabsales th a:focus {
	color:#999;
	text-decoration: none;
}
.content table.tabsales th a:hover{
	color:#999;
	text-decoration: underline;
}

td .tooltip {
	position:absolute
}
	.header-bar ul { margin-bottom: 0px; }

form .password-verdict { font-size:80%; }

#AvnetHtmlMsg table,
#AvnetHtmlMsg tr,
#AvnetHtmlMsg td,
#AvnetHtmlMsg th {
	border:0;
	margin:0;
	padding:0
}
#AvnetHtmlMsgInfo table,
#AvnetHtmlMsgInfo tr,
#AvnetHtmlMsgInfo td,
#AvnetHtmlMsgInfo th {
	border:0;
	margin:0;
	padding:2px;
	font: normal 12px / 16px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
}

	th.btnDanger { color: #fff; background-color: #d9534f; border-color: #d43f3a; }
	th.btnWarning { color: #fff; background-color: #f0ad4e; border-color: #eea236; }
	th.btnSuccess { color: #fff; background-color: #5cb85c; border-color: #4cae4c; }
	th.btnInfo { color: #fff; background-color: #5bc0de; border-color: #46b8da; }


.bootstrap-dialog.type-info .modal-header {
  background-color: #5bc0de;
}
.bootstrap-dialog.type-primary .modal-header {
  background-color: #428bca;
}
.bootstrap-dialog.type-success .modal-header {
  background-color: #5cb85c;
}
.bootstrap-dialog.type-warning .modal-header {
  background-color: #f0ad4e;
}
.bootstrap-dialog.type-danger .modal-header {
  background-color: #d9534f;
}
.bootstrap-dialog.type-gray .modal-header {
  background-color: #bbbbbb;
}

.table > thead > tr > td.success1,
.table > tbody > tr > td.success1,
.table > tfoot > tr > td.success1,
.table > thead > tr > th.success1,
.table > tbody > tr > th.success1,
.table > tfoot > tr > th.success1,
.table > thead > tr.success1 > td,
.table > tbody > tr.success1 > td,
.table > tfoot > tr.success1 > td,
.table > thead > tr.success1 > th,
.table > tbody > tr.success1 > th,
.table > tfoot > tr.success1 > th {
  background-color: #aaffaa;
}
.table-hover > tbody > tr > td.success1:hover,
.table-hover > tbody > tr > th.success1:hover,
.table-hover > tbody > tr.success1:hover > td,
.table-hover > tbody > tr:hover > .success1,
.table-hover > tbody > tr.success1:hover > th {
  background-color: #99ff99;
}

.table > thead > tr > td.warning1,
.table > tbody > tr > td.warning1,
.table > tfoot > tr > td.warning1,
.table > thead > tr > th.warning1,
.table > tbody > tr > th.warning1,
.table > tfoot > tr > th.warning1,
.table > thead > tr.warning1 > td,
.table > tbody > tr.warning1 > td,
.table > tfoot > tr.warning1 > td,
.table > thead > tr.warning1 > th,
.table > tbody > tr.warning1 > th,
.table > tfoot > tr.warning1 > th {
  background-color: #ffcc66;
}
.table-hover > tbody > tr > td.warning1:hover,
.table-hover > tbody > tr > th.warning1:hover,
.table-hover > tbody > tr.warning1:hover > td,
.table-hover > tbody > tr:hover > .warning1,
.table-hover > tbody > tr.warning1:hover > th {
  background-color: #ffcc33;
}


.table > thead > tr > td.danger1,
.table > tbody > tr > td.danger1,
.table > tfoot > tr > td.danger1,
.table > thead > tr > th.danger1,
.table > tbody > tr > th.danger1,
.table > tfoot > tr > th.danger1,
.table > thead > tr.danger1 > td,
.table > tbody > tr.danger1 > td,
.table > tfoot > tr.danger1 > td,
.table > thead > tr.danger1 > th,
.table > tbody > tr.danger1 > th,
.table > tfoot > tr.danger1 > th {
  background-color: #cc0000; color:#ffffff;
}
.table-hover > tbody > tr > td.danger1:hover,
.table-hover > tbody > tr > th.danger1:hover,
.table-hover > tbody > tr.danger1:hover > td,
.table-hover > tbody > tr:hover > .danger1,
.table-hover > tbody > tr.danger1:hover > th {
  background-color: #ff0000; color:#ffffff;
}

.table > thead > tr > td.gray,
.table > tbody > tr > td.gray,
.table > tfoot > tr > td.gray,
.table > thead > tr > th.gray,
.table > tbody > tr > th.gray,
.table > tfoot > tr > th.gray,
.table > thead > tr.gray > td,
.table > tbody > tr.gray > td,
.table > tfoot > tr.gray > td,
.table > thead > tr.gray > th,
.table > tbody > tr.gray > th,
.table > tfoot > tr.gray > th {
  background-color: #BFBFBF;
}
.table-hover > tbody > tr > td.gray:hover,
.table-hover > tbody > tr > th.gray:hover,
.table-hover > tbody > tr.gray:hover > td,
.table-hover > tbody > tr:hover > .gray,
.table-hover > tbody > tr.gray:hover > th {
  background-color: #D9D9D9;
}

.btn-gray {
  color: #000000;
  background-color: #CCCCCC;
  border-color: #AAAAAA;
}

.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.open .dropdown-toggle.btn-gray {
  color: #000000;
  background-color: #BBBBBB;
  border-color: #AAAAAA;
}

.btn-gray:active,
.open .dropdown-toggle.btn-gray {
  background-image: none;
}

.btn-gray.disabled,
.btn-gray[disabled],
fieldset[disabled] .btn-gray,
.btn-gray.disabled:hover,
.btn-gray[disabled]:hover,
fieldset[disabled] .btn-gray:hover,
.btn-gray.disabled:focus,
.btn-gray[disabled]:focus,
fieldset[disabled] .btn-gray:focus,
.btn-gray.disabled:active,
.btn-gray[disabled]:active,
fieldset[disabled] .btn-gray:active,
.btn-gray.disabled.active,
.btn-gray[disabled].active,
fieldset[disabled] .btn-gray.active {
  background-color: #CCCCCC;
  border-color: #AAAAAA;
}

.btn-gray .badge {
  color: #CCCCCC;
  background-color: #000000;
}



.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #CCCCCC;
  border-color: #AAAAAA;
}






/*form .form-control-feedback { line-height:normal !important; }*/
form .form-control-feedback.glyphicon-asterisk { color: #DD0000 !important; }
form .form-horizontal-2rows .form-control-feedback.glyphicon-asterisk { color: #DD0000 !important; }

.form-horizontal-2rows .has-feedback .form-control-feedback {
	position: relative;
	display: inline;
	margin: 0px;
	padding: 0px;
	padding-left:4px;
	top:2px;
	font-size: 14px;
}

.form-horizontal .has-feedback .form-control-feedback {
	position: inhirit;
	display: inline;
	margin: 0px;
	padding: 0px;
	padding-left:40px;
	top: 8px;
}
.form-horizontal .control-label {
	padding-right:24px;
}
@media (max-width: 768px) {
	.form-horizontal .has-feedback .form-control-feedback {
		top: 0px;
	}
}
/*
		.myimage {
			background: #527a89 url('/portal/assets/images/layout/degradado.jpg') no-repeat top center fixed;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: 100%;
			min-height: 500px;
			background-position: 0 50px;
		}
		.navbar-inverse { background-color: #517a89; }
		.navbar-inverse .navbar-nav > li > a { color: #ccc; }
		.navbar-inverse .navbar-nav > li > a:hover,
		.navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent; }
		.navbar-inverse .navbar-nav > .active > a,
		.navbar-inverse .navbar-nav > .active > a:hover,
		.navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #154f64; }
		.navbar-inverse .navbar-nav > .disabled > a,
		.navbar-inverse .navbar-nav > .disabled > a:hover,
		.navbar-inverse .navbar-nav > .disabled > a:focus { color: #5f98ad; background-color: transparent; }
		.navbar-inverse .navbar-toggle { border-color: #154f64; }
		.navbar-inverse .navbar-toggle:hover,
		.navbar-inverse .navbar-toggle:focus { background-color: #154f64; }
		.navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; }
		.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #154f64; }
		.navbar-inverse .navbar-nav > .open > a,
		.navbar-inverse .navbar-nav > .open > a:hover,
		.navbar-inverse .navbar-nav > .open > a:focus { color: #fff; background-color: #080808; }
*/

#formatError {
	margin:0px auto;
	width:600px;
	width:100%;
	background-color:#FBF9FA;
	border:1px solid #E3D0D5;
	padding:8px;
	margin-top: 10px;
	margin-top: 0px;
	margin-bottom:10px;
}
#formatError .fontErrorHeader {
	background-color:#F2E8EC;
	background-image:url(../imgs/icon_error.gif);
	background-repeat:no-repeat;
	background-position:4px 4px;
	border:1px solid #C9A9B1;
	padding:8px;
	padding-left:34px;
	margin-bottom:6px;
	font-size:14px;
	font-weight:bold;
	color:#7E314B;
}
#formatError ul {
	color: #CC3333;
	font-weight:bold;
}
#formatError li {
	color: #CC3333;
	font-weight:bold;
}
#formatError .fontError {
	color: #000000;
}
#formatError ul a:link {color:#990000; text-decoration:underline;}
#formatError ul a:visited {color:#990000; text-decoration:underline;}
#formatError ul a:hover {color:#990000; text-decoration:underline;}
/*
@media (max-width: 1200px) {
	.navbar-header {
		float: none;
	}
	.navbar-left,.navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.collapse.in{
		display:block !important;
	}
}
*/
.modal-header-success {
	color:#fff;
	padding:9px 15px;
	border-bottom:1px solid #eee;
	background-color: #5cb85c;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	 border-top-left-radius: 5px;
	 border-top-right-radius: 5px;
}
.modal-header-warning {
	color:#fff;
	padding:9px 15px;
	border-bottom:1px solid #eee;
	background-color: #f0ad4e;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	 border-top-left-radius: 5px;
	 border-top-right-radius: 5px;
}
.modal-header-danger {
	color:#fff;
	padding:9px 15px;
	border-bottom:1px solid #eee;
	background-color: #d9534f;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	 border-top-left-radius: 5px;
	 border-top-right-radius: 5px;
}
.modal-header-info {
	color:#fff;
	padding:9px 15px;
	border-bottom:1px solid #eee;
	background-color: #5bc0de;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	 border-top-left-radius: 5px;
	 border-top-right-radius: 5px;
}
.modal-header-primary {
	color:#fff;
	padding:9px 15px;
	border-bottom:1px solid #eee;
	background-color: #428bca;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	 border-top-left-radius: 5px;
	 border-top-right-radius: 5px;
}
/* Align vertically a column */
.vertical-align {
	display: flex;
	flex-direction: row;
}

.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] {
	display: flex;
	align-items: center;
	justify-content: center; /* Optional, to align inner items
								horizontally inside the column */
}

/**
 *  Do NOT include this part into your stylesheet.
 *  "flex: 1" or "flex-grow: 1" is added to make the inner div
 *  - Which is also a flex-item - take up all the horizontal space
 *  available space inside the flex container (.col-* elements)
 */
.vertical-align > [class^="col-"] > div,
.vertical-align > [class*=" col-"] > div {
  /* flex: 1; */
  flex-grow: 1;
}


/**
 * S T Y L I N G
 ==================================*/

.vertical-align > div:first-child {
  background-color: mediumaquamarine;
							 /* This is just for demonstration of
								padding-box of the columns.

								I added this background to show
								the height of the columns         */
}

.vertical-align > div:last-child {
  background-color: gold;
  float:right;
							 /* This is just for demonstration of
								padding-box of the columns.

								I added this background to show
								the height of the columns         */
}




.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (max-width: 480px) {
.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
  float: left;
}
.col-xxs-12 {
  width: 100%;
}
.col-xxs-11 {
  width: 91.66666667%;
}
.col-xxs-10 {
  width: 83.33333333%;
}
.col-xxs-9 {
  width: 75%;
}
.col-xxs-8 {
  width: 66.66666667%;
}
.col-xxs-7 {
  width: 58.33333333%;
}
.col-xxs-6 {
  width: 50%;
}
.col-xxs-5 {
  width: 41.66666667%;
}
.col-xxs-4 {
  width: 33.33333333%;
}
.col-xxs-3 {
  width: 25%;
}
.col-xxs-2 {
  width: 16.66666667%;
}
.col-xxs-1 {
  width: 8.33333333%;
}
.col-xxs-pull-12 {
  right: 100%;
}
.col-xxs-pull-11 {
  right: 91.66666667%;
}
.col-xxs-pull-10 {
  right: 83.33333333%;
}
.col-xxs-pull-9 {
  right: 75%;
}
.col-xxs-pull-8 {
  right: 66.66666667%;
}
.col-xxs-pull-7 {
  right: 58.33333333%;
}
.col-xxs-pull-6 {
  right: 50%;
}
.col-xxs-pull-5 {
  right: 41.66666667%;
}
.col-xxs-pull-4 {
  right: 33.33333333%;
}
.col-xxs-pull-3 {
  right: 25%;
}
.col-xxs-pull-2 {
  right: 16.66666667%;
}
.col-xxs-pull-1 {
  right: 8.33333333%;
}
.col-xxs-pull-0 {
  right: auto;
}
.col-xxs-push-12 {
  left: 100%;
}
.col-xxs-push-11 {
  left: 91.66666667%;
}
.col-xxs-push-10 {
  left: 83.33333333%;
}
.col-xxs-push-9 {
  left: 75%;
}
.col-xxs-push-8 {
  left: 66.66666667%;
}
.col-xxs-push-7 {
  left: 58.33333333%;
}
.col-xxs-push-6 {
  left: 50%;
}
.col-xxs-push-5 {
  left: 41.66666667%;
}
.col-xxs-push-4 {
  left: 33.33333333%;
}
.col-xxs-push-3 {
  left: 25%;
}
.col-xxs-push-2 {
  left: 16.66666667%;
}
.col-xxs-push-1 {
  left: 8.33333333%;
}
.col-xxs-push-0 {
  left: auto;
}
.col-xxs-offset-12 {
  margin-left: 100%;
}
.col-xxs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xxs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xxs-offset-9 {
  margin-left: 75%;
}
.col-xxs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xxs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xxs-offset-6 {
  margin-left: 50%;
}
.col-xxs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xxs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xxs-offset-3 {
  margin-left: 25%;
}
.col-xxs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xxs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xxs-offset-0 {
  margin-left: 0;
}
}