/* --- eoze/css/layout.css */
body.bg {
	background : url("../../eoze/css/1080.jpg") no-repeat;
}
.app-img
{
	vertical-align: middle;
	margin: 0px 20px 10px 0px;
}
.app-msg
{
	font-size:small;
}

body {
	font:11px tahoma,arial,helvetica,sans-serif;
}

.box-right {
	float : right;
}
.box-left {
	float : left;
}
.top_header {
/* TODO rhodia: restore logo */
	background : #DFE8F6 url("../../eoze/css/logo.png") 10px 15px no-repeat;
	height : 64px;
	padding-left : 5px;
	padding-top : 10px;
	padding-right : 40px;
	color : #15428B;

}

.top_header a {
	text-decoration : underline;
}

.bottom {
	padding : 0 10px;
	color : #15428B;
}

.t_align_r {
	text-align : right;
}

/************* Module config ****************/
/* Module Mail*/
.mail_error {
    color:#AA0033;
    font-weight: bold;
}
.mail_alternate {
    color:#15428B;
    font-weight: bold;
}

/* --- eoze/css/menu.css */
/*
#action-panel .x-panel-body li {
	padding:6px;
}
#action-panel .x-panel-body li:hover {
	background-color : white
}
#action-panel .x-panel-body li img {
	width:16px;
	height:16px;
	vertical-align:middle;
	margin-right:2px;
	margin-bottom:2px;
}
#action-panel .x-panel-body li a {
	text-decoration:none;
	color:#3764A0;
}
#action-panel .x-plain-body {
	background-color:#cad9ec;
    padding:3px 0 0 5px;
}

#action-panel .x-panel-body li a:hover {
	text-decoration:underline;
	color:#15428b;
}


#action-panel .x-panel-bwrap {
font:11px tahoma,arial,helvetica,sans-serif;
}

#action-panel .x-panel-body {
	background-color:#DFE8F6;
	padding:3px 0 0 5px;
}

.x-layout-split-west  {
	background-color:#CAD9EC;
	cursor:move;
}

#action-panel .x-panel {
	margin-right:0;
}*/

/* --- eoze/css/icons.css */
/*
// Icon Classes */

/*
 * TODO: clean that, that's some very ugly namespace polution!!!
 */
.ribbon.icon {
	 min-width: 32px;
/*	 height: 32px;*/
 }

.ribbon.icon.loading {
	background-image: url("../../eoze/images/opence/ribbon-ajax-loader.gif") !important;
 }

.ribbon.icon.export_pdf {
	background-image: url("../../eoze/images/opence/32x32/export_pdf.png");
}
.ribbon.icon.export_excel {
	background-image: url("../../eoze/images/opence/32x32/export_excel.png");
}
.ribbon.icon.export_ods {
    background-image: url("../../eoze/images/opence/32x32/export_ods.png");
}
.ribbon.icon.export_csv {
	background-image: url("../../eoze/images/opence/32x32/export_csv.png");
}
.icon.ribbon.email {
	background-image: url("../../eoze/images/icons_fatcow/32x32/email.png");
}
.icon.ribbon.archive {
	background-image: url("../../eoze/images/icons_fatcow/32x32/drawer.png");
}
.icon.ribbon.archive.view {
	background-image: url("../../eoze/images/icons_fatcow/32x32/drawer+eye.png");
}
.icon.ribbon.nuke {
	background-image: url("../../eoze/images/unlicensed/nuke.png");
}
.icon.ribbon.unarchive {
	background-image: url("../../eoze/images/icons_fatcow/32x32/drawer_open.png");
}

.ico32.green_ball {
	background-image: url("../../eoze/images/opence/32x32/green_ball.png") !important;
}

.b_ico_earth {
	background-image: url("../../eoze/images/opence/32x32/earth.png") !important;
}
.ribbon.icon.delete {
/*	background-image: url("../eoze/css/../images/opence/32x32/trash_full.png") !important;*/
	background-image: url("../../eoze/images/opence/32x32/del.png") !important;
/*	background-image: url("../eoze/css/../images/icons_fatcow/32x32/delete.png") !important;*/
}
.ribbon.icon.add {
	background-image: url("../../eoze/images/opence/32x32/add.png") !important;
/*	background-image: url("../eoze/css/../images/icons_fatcow/32x32/add.png") !important;*/
}
.icon.x32.add-vcard {
	background-image: url("../../eoze/images/opence/32x32/add+vcard.png") !important;
}
.icon.x32.add-wand {
	background-image: url("../../eoze/images/opence/32x32/add+wand.png") !important;
}
.icon.x32.add-copy {
	background-image: url("../../eoze/images/opence/32x32/add+copy.png") !important;
}
.b_ico_filter {
	background-image: url("../../eoze/images/icons_fatcow/32x32/filter.png") !important;
}
.b_ico_temp {
	background-image: url("../../eoze/images/opence/32x32/add.png") !important;
}
.b_ico_vcard {
	background-image: url("../../eoze/images/opence/32x32/vcard.png") !important;
}
.b_ico_flag {
	background-image: url("../eoze/css/../images/opence/32x32/flag.png") !important;
}
.b_ico_user {
	background-image: url("../../eoze/images/opence/32x32/user.png") !important;
}
.b_ico_donate {
	background-image: url("../../eoze/images/opence/32x32/donate.png") !important;
}
.b_ico_mail {
/*	background-image: url("../eoze/css/../images/opence/32x32/mail.png") !important;*/
	background-image: url("../../eoze/images/icons_fatcow/32x32/email.png") !important;
}
.b_ico_coherence {
	background-image: url("../../eoze/images/opence/32x32/coherence.png") !important;
}
.b_ico_gear {
	background-image: url("../../eoze/images/opence/32x32/gear.png") !important;
}
.b_ico_green_ball {
	background-image: url("../../eoze/images/opence/32x32/green_ball.png") !important;
}

.icon.ribbon.columns {
	background-image: url("../../eoze/images/unlicensed/icon_columns.png") !important;
}

.icon.ribbon.help {
	background-image: url("../../eoze/images/icons_fatcow/32x32/help.png") !important;
}


/* Ico Grid */
.ico {
    /* Background properties must not be merged (in single background property),
     * because that would break Ext css expectations! */
	background-repeat: no-repeat;
    background-color: transparent;
	height: 16px;
	width: 16px;
}

.ico.clickable:hover {
    cursor: pointer;
}

.x-panel-icon.ico {
    display: block;
}

.x-grouptabs-text.ico,
.x-window-header.ico {
	width: auto;
}

.ico.col {
	display: inline;
}

.ico.loading {
	background-image: url("../../eoze/images/default/grid/loading.gif") !important;
}

.ico.accept {
	background-image: url("../../eoze/images/icons/accept.png") !important;
}
.ico.application_view_list {
    background-image: url("../../eoze/images/icons/application_view_list.png") !important;
}
.ico.application_view_tile {
    background-image: url("../../eoze/images/icons/application_view_tile.png") !important;
}
.ico.archive {
	background-image: url("../../eoze/images/icons_fatcow/16x16/drawer.png") !important;
}
.ico.add,
.ico_add {
	background-image: url("../../eoze/images/icons/add.png");
}
.ico.arrow_left {
	background-image: url("../../eoze/images/icons/arrow_left.png");
}
.ico.arrow_right {
	background-image: url("../../eoze/images/icons/arrow_right.png");
}
.ico.arrow_down {
	background-image: url("../../eoze/images/icons/arrow_down.png");
}
.ico.book_addresses {
	background-image: url("../../eoze/images/icons/book_addresses.png");
}
.ico.cancel {
	background-image: url("../../eoze/images/icons/cancel.png");
}
.ico.checkbox {
	background-image: url("../../eoze/images/icons/checkbox.png");
}
.x-btn-pressed .ico.checkbox,
.ico.checkbox.ticked {
	background-image: url("../../eoze/images/icons/checkbox_ticked_green.png");
}
.ico.settings,
.ico.cog {
	background-image: url("../../eoze/images/icons/cog.png");
}
.ico.download {
	background-image: url("../../eoze/images/icons_fatcow/16x16/download.png");
}
.ico.error {
    background-image: url("../../eoze/images/icons/exclamation.png");
    color: #e63d1f;
}
.ico.eye {
	background-image: url("../../eoze/images/icons/eye.png");
}
.application_form_edit {
	background-image: url("../../eoze/images/icons/application_form_edit.png");
}
.ico_undo, .ico.undo,
.ico_arrow_undo {
	background-image: url("../../eoze/images/icons/arrow_undo.png");
}
.ico.delete,
.ico_delete {
	background-image: url("../../eoze/images/icons/delete.png");
}
.ico.flags {
	background-image: url("../../eoze/images/icons/flags.png");
}
.ico.help {
	background-image: url("../../eoze/images/icons_fugue/question-frame.png");
}
.ico.collapse-all {
	background-image: url("../../eoze/css/images/ext-tree-collapse-all.gif");
}
.ico.expand-all {
	background-image: url("../../eoze/css/images/ext-tree-expand-all.gif");
}
.ico.save,
.ico_disk {
	background-image: url("../../eoze/images/icons/disk.png");
}
.ico_world {
	background-image: url("../../eoze/images/icons/world.png");
}
.ico.box {
	background-image: url("../../eoze/images/icons/box.png");
}
.ico.box.add {
	background-image: url("../../eoze/images/icons/box_add.png");
}
.ico.box.delete {
	background-image: url("../../eoze/images/icons/box_delete.png");
}
.ico_building {
	background-image: url("../../eoze/images/icons/building.png");
}
.ico.user,
.ico_user {
	background-image: url("../../eoze/images/icons/user.png");
}
.ico.reset {
    background-image: url("../../eoze/images/icons/arrow_rotate_anticlockwise.png") !important;
}
.ico.table_lightning {
	background-image: url("../../eoze/images/icons/table_lightning.png");
}
.ico.tick,
.ico_tick {
	background-image: url("../../eoze/images/icons/tick.png");
}
.ico.tick.clickable:hover {
	background-image: url("../../eoze/images/icons/cross.png");
}
.ico.tick.pressable {
	background-image: url("../../eoze/images/icons/tick+gray.png");
}
.x-btn-pressed .ico.tick.pressable {
	background-image: url("../../eoze/images/icons/tick.png");
}
.ico.cross,
.ico_cross {
	background-image: url("../../eoze/images/icons/cross.png");
}
.ico.cross.clickable:hover {
	background-image: url("../../eoze/images/icons/tick.png");
}
.ico_8ball {
	background-image: url("../../eoze/images/icons/sport_8ball.png");
}
.ico_user_add {
	background-image: url("../../eoze/images/icons/user_add.png");
}
.ico_bin {
	background-image: url("../../eoze/images/icons/bin.png");
}
.ico_book {
	background-image: url("../../eoze/images/icons/book.png");
}
.ico.find {
	background-image: url("../../eoze/images/icons/find.png");
}
.ico_help {
	background-image: url("../../eoze/images/icons/help.png");
}
.ico.lightning {
    background-image: url("../../eoze/images/icons/lightning.png") !important;
}
.ico.lock {
	background-image: url("../../eoze/images/icons/lock.png");
}
.ico.lock.open,
.ico.lock_open {
	background-image: url("../../eoze/images/icons/lock_open.png");
}
.ico.lock_openable {
	background-image: url("../../eoze/images/icons/lock.png");
}
.ico.lock_openable:hover {
	background-image: url("../../eoze/images/icons/lock_open.png");
}
.ico.layout_content {
	background-image: url("../../eoze/images/icons/layout_content.png");
}
.ico.plugin {
    background-image: url("../../eoze/images/icons/plugin.png") !important;
}
.ico_male {
	background-image: url("../../eoze/images/icons/male.png");
}
.ico_female {
	background-image: url("../../eoze/images/icons/female.png");
}
.ico.email {
	background-image: url("../../eoze/images/icons/email.png");
}
.ico.email_go {
	background-image: url("../../eoze/images/icons/email_go.png");
}
.ico.play {
	background-image: url("../../eoze/images/icons/control_play_blue.png");
}
.ico.play.black {
	background-image: url("../../eoze/images/icons/control_play.png");
}
.ico.pdf,
.ico_pdf {
	background-image: url("../../eoze/images/icons/page_white_acrobat.png");
}
.ico.edit,
.ico_edit,
.ico_pencil {
	background-image: url("../../eoze/images/icons/pencil.png");
}
.ico_bullet_green {
	background-image: url("../../eoze/images/icons/bullet_green.png");
}
.ico_bullet_red {
	background-image: url("../../eoze/images/icons/bullet_red.png");
}
.ico_clock {
	background-image: url("../../eoze/images/icons/clock.png");
}
.ico_arrow_right {
	background-image: url("../../eoze/images/icons/arrow_right.png");
}
.ico_tick {
	background-image: url("../../eoze/images/icons/tick.png");
}
.ico.report {
	background-image: url("../../eoze/images/icons/report.png");
}
.ico.star {
	background-image: url("../../eoze/images/icons/star.png");
}
.ico.star.empty {
	background-image: url("../../eoze/images/icons/star_empty.png");
}
.ico.star.blue {
	background-image: url("../../eoze/images/icons/star_blue.png");
}
.ico.star.green {
	background-image: url("../../eoze/images/icons/star_green.png");
}
.ico_stop {
	background-image: url("../../eoze/images/icons/stop.png");
}
.ico.table {
	background-image: url("../../eoze/images/icons/table.png");
}
.ico_note{
	background-image: url("../../eoze/images/icons/note.png");
}
.ico_arrow_inout {
	background-image: url("../../eoze/images/icons/arrow_inout.png");
}
.ico.refresh {
	background-image: url("../../eoze/images/icons/arrow_refresh.png");
}
.ico.reject {
	background-image: url("../../eoze/images/icons/delete.png");
}
.ico.star {
	background-image: url("../../eoze/images/icons/star.png");
}
.ico_telephone {
	background-image: url("../../eoze/images/icons/telephone.png");
}
.ico.vcard {
	background-image: url("../../eoze/images/icons/vcard.png");
}
.ico.vcard.add {
	background-image: url("../../eoze/images/icons/vcard_add.png");
}
.ico.vcard.edit {
	background-image: url("../../eoze/images/icons/vcard_edit.png");
}
.ico.wrench, .ico_wrench {
	background-image: url("../../eoze/images/icons/wrench.png");
}

.icon-magnifier {
	background-image: url("../../eoze/images/icons/magnifier.png");
}
.icon-tranches {
	background-image: url("../../eoze/images/icons/timeline_marker.png");
}

/* --- Fugue Icons --- */
.fugico_arrow {
	background-image: url("../../eoze/images/icons_fugue/arrow.png");
}
.x-item-disabled .fugico_arrow {
	background-image: url("../../eoze/images/icons_fugue/arrow+disabled.png");
}
.fugico_arrow-180 {
	background-image: url("../../eoze/images/icons_fugue/arrow-180.png");
}
.x-item-disabled .fugico_arrow-180 {
	background-image: url("../../eoze/images/icons_fugue/arrow-180+disabled.png");
}
.arrow-circle-315 {
	background-image: url("../../eoze/images/icons_fugue/arrow-circle-315.png");
}
.x-item-disabled .arrow-circle-315 {
	background-image: url("../../eoze/images/icons_fugue/arrow-circle-315+disabled.png");
}
.fugico_question-frame {
	background-image: url("../../eoze/images/icons_fugue/question-frame.png");
}
.fugico_question-balloon {
	background-image: url("../../eoze/images/icons_fugue/question-balloon.png");
}


.sort-desc {
	background-image: url("../../eoze/images/default/grid/sort_desc.gif") !important;
	background-position: 4px 7px !important;
}
.sort-asc {
	background-image: url("../../eoze/images/default/grid/sort_asc.gif") !important;
	background-position: 4px 7px !important;
}


/* --- eoze/css/opence.css */
/*div.oce-form-info {
	padding: 10px;
}*/

/* Fixing grid double click selction in chrome */
/* see: http://www.sencha.com/forum/showthread.php?88876-SOLVED-CSS-bug-in-Chrome-Air-when-dblclick-on-a-cell */
body {
	-webkit-user-drag: none;
	-webkit-user-modify: read-only;
	-webkit-user-select: none;
}

.x-form-display-field.ajax-loading,
.ajax-loading-16x11 {
	background: url("../../eoze/css/images/ajax-loader-16x11.gif") no-repeat 5px 50%;
	min-height: 14px;
	min-width: 16px;
}

/*
 * Fix: displayFields are not correctly aligned with their label on (at least)
 * mozilla unbuntu.
 * @mtest NEEDED 11/15/10 3:53 PM: confirmation/correction on all browsers
 */
.ext-gecko .x-form-display-field {
	padding-top: 3px;
}

.x-form-field-wrap .x-form-clock-trigger{
    background-image: url("../../eoze/css/images/clock-trigger.png");
}

/**
 * Fix: window width problem when entirely masked.
 */
.x-window.x-masked-relative {
	position: absolute !important;
}


.no-margin {
	margin: 0 !important;
}

.x-edit-image {
	background: url("../../eoze/images/icons/image_add.png") no-repeat 0 0 !important;
}
.x-edit-wordpaste {
	background: url("../../eoze/images/icons/paste_word.png") no-repeat 0 0 !important;
}

/* Fixes items of checkboxgroup that can be slightly scrolled (although they
 * should not ! */
.x-form-check-wrap {
	overflow: hidden;
	/* ... and fix the rendering of the selected boxes border, also */
	height: 20px;
	padding-left: 2px
}

.x-menu-item.main {
	font-weight: bold;
}


label.x-form-composite-label {
	padding: 3px 3px 3px 0;
	display: block;
}

/* Oce.Window default button */
.x-btn.default button {
	font-weight: bold;
}

/* Reduce padding in first col when it is an action col */
.x-grid3-cell-first.x-action-col-cell .x-grid3-cell-inner {
	padding-left: 5px;
}

.x-tip-body em {
	font-style: italic;
}

.x-tip-body strong {
	font-weight: bold;
}

.x-form-field-wrap .x-form-cog-trigger {
	background-image: url("../../eoze/images/opence/trigger-cog.png");
}


/* --- eoze/css/auto/images/Eoze.LoadMask.css */
/**
 * Copyright (C) 2013 Eoko
 *
 * This file is part of Opence.
 *
 * Opence is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Opence is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Opence. If not, see <http://www.gnu.org/licenses/gpl.txt>.
 *
 * @copyright Copyright (C) 2013 Eoko
 * @licence http://www.gnu.org/licenses/gpl.txt GPLv3
 * @author Éric Ortega <eric@eoko.fr>
 */

/**
 *
 * @since 2013-01-29 05:54
 */

.x4-mask-msg.x-mask-loading-bar,
.ext-el-mask-msg.x-mask-loading-bar {
    border: 0;

    width: 80%;
    max-width: 220px;

    height: 19px;

    background: transparent url("../../eoze/css/auto/images/Eoze.LoadMask/loading-bar.gif") no-repeat center;
    background-size: contain;
}
.x4-mask-msg.x-mask-loading-bar div,
.ext-el-mask-msg.x-mask-loading-bar div {
    background: none;
    border: 0;
}


/* --- eoze/css/auto/Ext.CompositeField.fix.css */
/* Prevents composite fields' background to turn white when they contains
   invalid fields ... */
.x-form-invalid.x-form-composite {
	background-color: transparent;
/*	background-image: none;
	border: medium none;*/
}

/* --- eoze/css/auto/Ext.ToolTip.css */
/*
    Document   : Ext.ToolTip
    Created on : 20 juin 2012, 22:33:27
    Author     : Éric O.
*/

.x-tip.eo-help li {
    list-style-type: disc;
    list-style-position: inside;
    margin-left: 10px
}

.x-tip.eo-help h1 {
    margin-bottom: 1em;
    font-size: 125%;
/*    color: #15428B;*/
}
.x-tip.eo-help h2 {
    padding-top: .9em;
    color: #15428B;
/*    margin-bottom: .5em;*/
}
.x-tip.eo-help h3 {
    padding-top: .5em;
/*    font-style: oblique;
    color: #555;*/
}

.x-tip.eo-help p {
/*    margin-bottom: .5em;*/
    margin-top: .5em;
}

.x-tip.eo-help strong {
    font-weight: bold;
}


/* --- eoze/css/auto/Ext.form.ComboBox.css */
/*
    Document   : Ext.Toolbar
    Created on : 4 sept. 2012, 17:39:24
    Author     : Éric Ortega <eric@planysphere.fr>
*/

/**
 * Prevent double bottom border for top toolbar.
 */
.x-combo-list-hd-toolbar .x-toolbar {
	border-top: 0 none;
	border-bottom: 1px solid #98C0F4;
}

/**
 * Prevent double top border for resizable list with toolbar.
 */
.x-combo-list.x-resizable-pinned .x-combo-list-ft .x-toolbar {
	border-top: 0;
}


/* --- eoze/css/auto/Ext.ux.IconCombo.css */
/* Ext.ux.IconCombo mandatory styles */
.x-icon-combo-icon {
    background-repeat: no-repeat;
    background-position: 0 50%;
    width: 16px;
    height: 16px;
}
.x-icon-combo-input {
    padding-left: 25px;
}
.x-form-field-wrap .x-icon-combo-icon {
    top: 3px;
    left: 5px;
}
.x-icon-combo-item {
    background-repeat: no-repeat !important;
    background-position: 3px 50% !important;
    padding-left: 24px;
}

.x-icon-combo-item.ico {
	width: auto;
}

/* --- eoze/css/auto/Ext.ux.Portal.css */
/*!
 * Ext JS Library 3.3.1
 * Copyright(c) 2006-2010 Sencha Inc.
 * licensing@sencha.com
 * http://www.sencha.com/license
 */
.x-portal .x-panel-dd-spacer {
    margin-bottom:10px;
}

.x-portlet {
    margin-bottom:10px;
}

/* Clean up the look of the portlets */
.x-portlet .x-panel-ml {
    padding-left:2px;
}
.x-portlet .x-panel-mr {
    padding-right:2px;
}
.x-portlet .x-panel-bl {
    padding-left:2px;
}

.x-portlet .x-panel-br {
    padding-right:2px;
}
.x-portlet .x-panel-body {
    background:white;
}
.x-portlet .x-panel-mc {
    padding-top:2px;
}
.x-portlet .x-panel-bc .x-panel-footer {
    padding-bottom:2px;
}
.x-portlet .x-panel-nofooter .x-panel-bc {
    height:2px;
}

/* --- eoze/css/auto/Ext.ux.VrTabPanel.css */
/* Left Panel background */
.x-vr-tab-panel {
	background: #CEDFF5;
	font: 11px tahoma,arial,helvetica,sans-serif;
}

/* Left Panel */
.x-vr-tab-panel-header {
	float: left;
}

/* Right Panel */
.x-vr-tab-panel-bwrap {
	border-left: 1px solid #99BBE8;
	float: right;
	/* padding: 32px 8px 8px 8px; */
	padding: 8px;
	background: #fff;
}

/* Menu Items */
.x-vr-tab-panel ul.x-tab-strip li {
	display: inline-block;
	float: left;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
}


.x-vr-tab-panel .x-tab-strip span.x-tab-strip-text,
/* Active Items */
.x-vr-tab-panel .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
	padding: 5px 0px;
}

/* Top Margin */
.x-vr-tab-panel ul.x-tab-strip {
	margin-top: 8px;
}


/* --- eoze/css/auto/Ext.ux.form.ColorPicker.css */
/**
 * Ext.ux.form.ColorPicker
 *
 * @author  Éric Ortéga <eric@planysphere.fr>
 * @version 0.0.0.1
 * @date    4/15/11 1:19 PM
 *
 * @copyright © 2011 Éric Ortéga <eric@planysphere.fr>
 * @license GPLv3 http://www.gnu.org/licenses/gpl.html
 */

div.x-form-colorcombo-box {
	width: 17px;
	height: 20px;
	border: 1px solid #B5B8C8;
	border-right: 0;
	float: left;
}

/* --- eoze/css/auto/Ext.ux.grid.GridFilters.RangeMenu.css */
/*!
 * Ext JS Library 3.3.0
 * Copyright(c) 2006-2010 Ext JS, Inc.
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/**
 * RangeMenu Styles
 **/
.ux-rangemenu-gte {
	background-image: url("../../eoze/css/auto/images/filters/gte.png") !important;
}

.ux-rangemenu-lte {
    background-image: url("../../eoze/css/auto/images/filters/lte.png") !important;
}

.ux-rangemenu-gt {
	/*background-image: url("../eoze/css/auto/../images/greater_than.png") !important;*/
	background-image: url("../../eoze/css/auto/images/filters/gt.png") !important;
}

.ux-rangemenu-lt {
	/*background-image: url("../eoze/css/auto/../images/less_than.png") !important;*/
    background-image: url("../../eoze/css/auto/images/filters/lt.png") !important;
}

.ux-rangemenu-eq {
	/*background-image: url("../eoze/css/auto/../images/equals.png") !important;*/
    background-image: url("../../eoze/css/auto/images/filters/eq.png") !important;
}

.ux-rangemenu-neq {
    background-image: url("../../eoze/css/auto/images/filters/neq.png") !important;
}


/* --- eoze/css/auto/Ext.ux.grid.GridFilters.css */
/*!
 * Ext JS Library 3.3.0
 * Copyright(c) 2006-2010 Ext JS, Inc.
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/**
 * GridFilters Styles
 **/
/*
.x-grid3-hd-row .ux-filtered-column {
	border-left:  1px solid #C7E3B4;
	border-right: 1px solid #C7E3B4;
}

.x-grid3-hd-row .ux-filtered-column .x-grid3-hd-inner {
	background-image: url("../eoze/css/auto/../images/header_bg.gif");
}

.ux-filtered-column .x-grid3-hd-btn {
	background-image: url("../eoze/css/auto/../images/hd-btn.gif");
}
*/
.x-grid3-hd-row td.ux-filtered-column {
    font-style: italic;
    font-weight: bold;
}

.ux-filtered-column.sort-asc .x-grid3-sort-icon {
	background-image: url("../../eoze/css/images/sort_filtered_asc.gif") !important;
}

.ux-filtered-column.sort-desc .x-grid3-sort-icon {
	background-image: url("../../eoze/css/images/sort_filtered_desc.gif") !important;
}

.ux-gridfilter-text-icon {
	background-image: url("../../eoze/css/images/find.png") !important;
}

/* Temporary Patch for Bug ??? */
.x-menu-list-item-indent .x-menu-item-icon {
	position: relative;
    top: 3px;
    left: 3px;
	margin-right: 10px;
}
li.x-menu-list-item-indent {
	padding-left:0px;
}
li.x-menu-list-item div {
	display: block;
}



/* --- eoze/css/auto/GroupSummary.css */
/*!
 * Ext JS Library 3.3.0
 * Copyright(c) 2006-2010 Ext JS, Inc.
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
.x-grid3-summary-row {
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    color:#333;
    background: #f1f2f4;
}
.x-grid3-summary-row .x-grid3-cell-inner {
    font-weight:bold;
    padding-bottom:4px;
}
.x-grid3-cell-first .x-grid3-cell-inner {
    padding-left:16px;
}
.x-grid-hide-summary .x-grid3-summary-row {
    display:none;
}
.x-grid3-summary-msg {
    padding:4px 16px;
    font-weight:bold;
}

/* --- eoze/css/auto/GroupTab.css */
/*!
 * Ext JS Library 3.2.1
 * Copyright(c) 2006-2010 Ext JS, Inc.
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
.x-grouptabs-panel {
    background-color: #4E78B1;
/*    border-left: solid 3px #4E78B1;*/
}
.x-tab-panel-left .x-grouptabs-panel-header,
.x-tab-panel-right .x-grouptabs-panel-header {
    float: left;
    border: 0;
    background: transparent;
}
.x-tab-panel-right .x-grouptabs-panel-header {
    float:right;
}
.x-tab-panel-left .x-grouptabs-bwrap {
    float: right;
    position: relative;
}
.x-tab-panel-right .x-grouptabs-bwrap {
    float: left;
    position: relative;
}
.x-tab-panel-left ul.x-grouptabs-strip,
.x-tab-panel-right ul.x-grouptabs-strip {
    width: auto;
	display: block;
}
.x-tab-panel-left ul.x-grouptabs-strip li,
.x-tab-panel-right ul.x-grouptabs-strip li {
    padding: 6px 0 2px 6px;
    float: none;
    margin: 0;
    position: relative;
    clear: both;
}
.x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text,
.x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text{
	font-size: 13px;
	line-height: 18px;
	cursor: pointer;
}

.x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text{
    padding-left: 18px;
}
.x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text{
    padding-right: 18px;
}

.x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-sub a.x-grouptabs-text,
.x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-sub a.x-grouptabs-text{
	font-size: 12px;
    padding: 0;
}

.x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-sub a.x-grouptabs-text{
	margin-left: 4px;
}
.x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-sub a.x-grouptabs-text{
	margin-right: 4px;
}

.x-grouptabs-panel .x-grouptabs-strip a.x-grouptabs-text{
    overflow: hidden;
    white-space: nowrap;
	display: block;
    color: #DFE8F6;
    font-family: tahoma, arial, sans-serif;
    font-weight: bold;
    text-decoration: none;
}
.x-tab-panel-right .x-grouptabs-strip a.x-grouptabs-text {
    text-align: right;
}

.x-grouptabs-panel .x-grouptabs-strip-active a.x-grouptabs-text {
    color: #395B8E;
}

.x-grouptabs-panel ul.x-grouptabs-sub a.x-grouptabs-text {
	font-weight: normal;
}
.x-tab-joint {
    position: absolute;
    width: 3px;
    top: 1px;
    background: #fff;
    z-index: 8999;
}

.x-grouptabs-panel .x-grouptabs-panel-body {
    border: 1px solid #999;
}

.x-grouptabs-panel ul.x-grouptabs-strip li {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
	border-left: 1px solid transparent;
}

.x-grouptabs-panel ul.x-grouptabs-strip li.x-grouptabs-strip-active {
    border: 0;
    background: #fff;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
}

.x-tab-panel-left ul.x-grouptabs-strip li.x-grouptabs-strip-active {
    border-left: 1px solid #999;
}
.x-tab-panel-right ul.x-grouptabs-strip li.x-grouptabs-strip-active {
    border-right: 1px solid #999;
}

.x-grouptabs-panel li.x-grouptabs-strip-active ul.x-grouptabs-sub li.x-grouptabs-strip-active{
    background-color: #EDEEF0;
}

.x-grouptabs-panel li.x-grouptabs-strip-active ul.x-grouptabs-sub {
    background-color: transparent;
}

.x-grouptabs-panel li.x-grouptabs-strip-active ul.x-grouptabs-sub li {
    border-color: transparent;
}

/* Tab corners */
.x-grouptabs-panel .x-grouptabs-corner {
/*    background-image: url("../eoze/css/auto/../images/x-grouptabs-corners.gif"); */
    display: none;
    width: 11px;
    height: 11px;
    position: absolute;
    font-size: 1px;
    line-height: 6px;
    overflow: hidden;
    zoom:1;
}
.x-grouptabs-panel .x-grouptabs-strip-active .x-grouptabs-corner {
    display: block;
}
.x-grouptabs-panel .x-grouptabs-main.x-grouptabs-strip-active ul.x-grouptabs-sub .x-grouptabs-corner {
	display: none;
}

.x-grouptabs-panel .x-grouptabs-corner-top-left {
    background-position: top left;
    left: 0; top: 0;
}
.x-grouptabs-panel .x-grouptabs-corner-bottom-left {
    background-position: bottom left;
    left: 0; bottom: 0;
}
.x-grouptabs-panel .x-grouptabs-corner-top-right {
    background-position: top right;
    right: 0; top: 0;
}
.x-grouptabs-panel .x-grouptabs-corner-bottom-right {
    background-position: bottom right;
    right: 0; bottom: 0;
}
.x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-bottom-left{
    bottom: -4px; left: -4px;
}
.x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-bottom-right{
    bottom: -4px; right: -4px;
}
.x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-top-left{
    top: -4px; left: -4px;
}
.x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-top-right{
    top: -4px; right: -4px;
}

.x-grouptabs-panel ul.x-grouptabs-sub li.x-tab-with-icon a.x-grouptabs-text {
    background-repeat: no-repeat;
    padding-left: 20px;
}

/* General tab styling */
.x-grouptabs-panel .x-grouptabs-expand {
	background: transparent url("../../eoze/css/images/elbow-plus-nl.gif") no-repeat;
	width: 16px;
	height: 16px;
	position: absolute;
	left: 7px;
	top: 6px;
}

.ext-ie6 .x-grouptabs-panel .x-grouptabs-expand,
.ext-border-box .x-grouptabs-panel .x-grouptabs-expand {
	left: 0;
}

.x-grouptabs-expanded .x-grouptabs-expand {
	background-image: url("../../eoze/css/images/elbow-minus-nl.gif");
}

/* GroupTabs sub group styling */
.x-grouptabs-sub {
	display: none;
	margin-top: 4px;
}

.x-grouptabs-expanded .x-grouptabs-sub {
	display: block;
}

.x-grouptabs-panel ul.x-grouptabs-sub li {
	height: 18px;
	margin: 0 0 2px;
    padding: 0;
}

.x-grouptabs-panel ul.x-grouptabs-sub .x-grouptabs-main-item {
	display: none;
}

.x-tab-with-icon{
   border-style:none !important;
}


/* --- eoze/css/auto/MediaManager-MimeType.css */

.x-eo-media-panel .img-chooser-view .thumb img {
    display: none;
}
.x-eo-media-panel .img-chooser-view .thumb img.image {
	display: inline;
}

.x-eo-media-panel .img-chooser-dlg span.mimeIcon,
.x-eo-media-panel .img-chooser-view .thumb span {
	width: 64px;
	height: 64px;
	margin: auto;
}
.x-eo-media-panel .img-chooser-view .thumb span.image {
	display: none;
}

/*.x-eo-media-panel .img-chooser-view .thumb-wrap.folder:hover {
    cursor: pointer;
    text-decoration: underline;
}*/

.x-eo-media-panel .mime-64 {
	display: block;
	background: url("../../eoze/css/auto/images/mime/64x64/file.png") center no-repeat !important;
}
.x-eo-media-panel .mime-64.folder {
	background: url("../../eoze/css/auto/images/mime/64x64/folder.png") center no-repeat !important;
}
.x-eo-media-panel .mime-64.ods,
.x-eo-media-panel .mime-64.xls,
.x-eo-media-panel .mime-64.xlsx,
.x-eo-media-panel .mime-64.csv {
	background: url("../../eoze/css/auto/images/mime/64x64/calc.png") center no-repeat !important;
}
.x-eo-media-panel .mime-64.xls,
.x-eo-media-panel .mime-64.xlsx {
	background: url("../../eoze/css/auto/images/mime/64x64/excel.png") center no-repeat !important;
}
.x-eo-media-panel .mime-64.odt,
.x-eo-media-panel .mime-64.doc,
.x-eo-media-panel .mime-64.docx {
	background: url("../../eoze/css/auto/images/mime/64x64/doc.png") center no-repeat !important;
}
.x-eo-media-panel .mime-64.doc,
.x-eo-media-panel .mime-64.docx {
	background: url("../../eoze/css/auto/images/mime/64x64/word.png") center no-repeat !important;
}
.x-eo-media-panel .mime-64.pdf {
	background: url("../../eoze/css/auto/images/mime/64x64/pdf.png") center no-repeat !important;
}

.x-eo-media-panel .mime-16 {
	display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin-top: -2px;
    margin-right: 5px;
	background: url("../../eoze/css/auto/images/mime/16x16/file.png") center no-repeat !important;
}
.x-eo-media-panel .mime-16.folder {
	background: url("../../eoze/css/auto/images/mime/16x16/folder.png") center no-repeat !important;
}
.x-eo-media-panel .mime-16.ods,
.x-eo-media-panel .mime-16.xls,
.x-eo-media-panel .mime-16.xlsx,
.x-eo-media-panel .mime-16.csv {
	background: url("../../eoze/css/auto/images/mime/16x16/calc.png") center no-repeat !important;
}
.x-eo-media-panel .mime-16.xls,
.x-eo-media-panel .mime-16.xlsx {
	background: url("../../eoze/css/auto/images/mime/16x16/excel.png") center no-repeat !important;
}
.x-eo-media-panel .mime-16.odt,
.x-eo-media-panel .mime-16.doc,
.x-eo-media-panel .mime-16.docx {
	background: url("../../eoze/css/auto/images/mime/16x16/doc.png") center no-repeat !important;
}
.x-eo-media-panel .mime-16.doc,
.x-eo-media-panel .mime-16.docx {
	background: url("../../eoze/css/auto/images/mime/16x16/word.png") center no-repeat !important;
}
.x-eo-media-panel .mime-16.pdf {
	background: url("../../eoze/css/auto/images/mime/16x16/pdf.png") center no-repeat !important;
}
.x-eo-media-panel .mime-16.image {
	background: url("../../eoze/css/auto/images/mime/16x16/image.png") center no-repeat !important;
}

.x-eo-media-panel .img-chooser-dlg img {
    display: none;
}
.x-eo-media-panel .img-chooser-dlg img.image {
	display: inline;
}
.x-eo-media-panel .img-chooser-dlg span.image {
	display: none;
}


/* --- eoze/css/auto/Oce.IFrameWindow.css */
.mini-browser-ajax-loader {
	background: url("../../eoze/css/auto/images/minibrowser-ajax-loader.gif") no-repeat right center;
	margin: 0 8px;
	height: 16px;
	min-height: 16px;
	padding-right: 20px !important;
}

/* --- eoze/css/auto/Oce.wizard.css */
div.wizard.progress.simple {
	float: right;
	width: 50%;
}

div.wizard.progress.simple h2,
div.wizard.progress.simple h1 {
	border-bottom: 1px solid #99BBE8;
/*	text-align: right;*/
	float: right;
	clear: both;
	padding-right: 10px;
	padding-left: 15px;
	width: 100%;
}
div.wizard.progress.simple h2 {
	margin-top: 0;
	font-weight: normal;
	width: 80%;
}

div.wizard.progress ul.progress {
	clear: both;
/*	text-align: justify;*/
/*	float: right;*/
/*	margin-right: 10px;*/
}

div.wizard.progress.detailled ul.progress li {
	margin-bottom: 5px;
	margin-top: 5px;
	/* padding-right must be compasated for sublists, to avoid reccursively
		apply the padding
		=> see div.wizard.progress.detailled ul ul.bullets */
	padding-right: 15px;
	text-align: left;
}
div.wizard.progress.detailled ul ul.bullets {
	/* prevent from incrementing the padding for each sublist */
	margin-right: -15px;
}

div.wizard.progress.detailled ul.progress ul.progress li {
	margin-bottom: 3px;
	margin-top: 3px;
}
div.wizard.progress.detailled ul ul {
	margin-left: 10px;
}

div.wizard.progress ul.progress li {
	background-repeat: no-repeat;
	background-position: top right;
	background-image: url("../../eoze/images/icons/bullet_white.png");
}
div.wizard.progress.simple ul li {
/*	display: inline;*/
	width: 16px;
	height: 16px;
}
div.wizard.progress.simple ul li {
	float: left;
	margin: 0 5px;
}

div.wizard.progress span.currentParent {
	font-weight: bold;
}

div.wizard.progress ul li.current {
	background-image: url("../../eoze/images/icons/bullet_green.png");
	font-weight: bold;
	border-bottom: 1px solid #99BBE8;
}

div.wizard.progress ul li.final {
	background-image: url("../../eoze/images/icons/bullet_star_white.png");
}
div.wizard.progress ul li.final.current {
	background-image: url("../../eoze/images/icons/bullet_star.png");
}

div.wizard.progress ul li.unresolved {
	background-image: url("../../eoze/images/icons/bullet_yellow.png");
}

div.wizard.progress ul li.hasSub {
	background-image: url("../../eoze/images/icons/bullet_arrow_down_white.png");
}
div.wizard.progress ul li.hasSub.activeTree {
	background-image: url("../../eoze/images/icons/bullet_arrow_down.png");
}

div.wizard.progress div.desc {
/*	margin-top: 15px;*/
}
div.wizard.progress .desc hr {
	border: 0;
/*	border-top: 1px solid #99BBE8;*/
	width: 50%;
	margin: 10px auto;
}
div.wizard.progress .desc h1 {
	color: #15428B;
	margin-bottom: 5px;
	border-bottom: 1px solid;
}
div.wizard.progress .desc h2 {
	margin-top: 5px;
}
div.wizard.progress .desc h2 span.desc,
div.wizard.progress .desc h1 span.desc {
	display: block;
	font-weight: normal;
	color: #444;
}
div.wizard.progress .desc p.explain {
	font-style: oblique;
	margin-top: 5px;
}

div.wizard.progress .desc p.explain strong {
	font-weight: bold;
}


/* --- eoze/css/auto/RowEditor.css */
/*!
 * Ext JS Library 3.3.0
 * Copyright(c) 2006-2010 Ext JS, Inc.
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
.ext-ie .x-row-editor .x-form-text {
    margin:0 !important;
}
.x-row-editor-header {
    height:2px;
    overflow:hidden;
    background: transparent url("../../eoze/css/images/row-editor-bg.gif") repeat-x 0 0;
}
.x-row-editor-footer {
    height:2px;
    overflow:hidden;
    background: transparent url("../../eoze/css/images/row-editor-bg.gif") repeat-x 0 -2px;
}
.ext-ie .x-row-editor-footer {
    margin-top:-1px;
}

.x-row-editor-body {
    overflow:hidden;
    zoom:1;
    background: #ebf2fb;
    padding-top:2px;
}
.x-row-editor .x-btns {
    position:absolute;
    top:28px;
    left:20px;
    padding-left:5px;
    background: transparent url("../../eoze/css/images/row-editor-btns.gif") no-repeat 0 0;
}
.x-row-editor .x-btns .x-plain-bwrap {
    padding-right:5px;
    background: transparent url("../../eoze/css/images/row-editor-btns.gif") no-repeat right -31px;
}
.x-row-editor .x-btns .x-plain-body {
    background: transparent url("../../eoze/css/images/row-editor-btns.gif") repeat-x 0 -62px;
    height:31px;
}
.x-row-editor .x-btns .x-table-layout-cell {
    padding:3px;
}

/* Fixes for IE6/7 trigger fields */
.ext-ie6 .x-row-editor .x-form-field-wrap .x-form-trigger, .ext-ie7 .x-row-editor .x-form-field-wrap .x-form-trigger {
  top: 1px;
}

.ext-ie6 .x-row-editor .x-form-field-trigger-wrap, .ext-ie7 .x-row-editor .x-form-field-trigger-wrap {
  margin-top: -1px;
}

.errorTip .x-tip-body ul{
    list-style-type:disc;
    margin-left:15px;
}


/* --- eoze/css/auto/Spinner.css */
/*!
 * Ext JS Library 3.3.0
 * Copyright(c) 2006-2010 Ext JS, Inc.
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
.x-form-spinner-proxy{
	/*background-color:#ff00cc;*/
}
.x-form-field-wrap .x-form-spinner-trigger {
    background:transparent url("../../eoze/css/images/spinner.gif") no-repeat 0 0;
}

.x-form-field-wrap .x-form-spinner-overup{
    background-position:-17px 0;
}
.x-form-field-wrap .x-form-spinner-clickup{
    background-position:-34px 0;
}
.x-form-field-wrap .x-form-spinner-overdown{
    background-position:-51px 0;
}
.x-form-field-wrap .x-form-spinner-clickdown{
    background-position:-68px 0;
}


.x-trigger-wrap-focus .x-form-spinner-trigger{
    background-position:-85px 0;
}
.x-trigger-wrap-focus .x-form-spinner-overup{
    background-position:-102px 0;
}
.x-trigger-wrap-focus .x-form-spinner-clickup{
    background-position:-119px 0;
}
.x-trigger-wrap-focus .x-form-spinner-overdown{
    background-position:-136px 0;
}
.x-trigger-wrap-focus .x-form-spinner-clickdown{
    background-position:-153px 0;
}
.x-trigger-wrap-focus .x-form-trigger{
    border-bottom: 1px solid #7eadd9;
}

.x-form-field-wrap .x-form-spinner-splitter {
	line-height:1px;
	font-size:1px;
    background:transparent url("../../eoze/css/images/spinner-split.gif") no-repeat 0 0;
	position:absolute;
	cursor: n-resize;
}
.x-trigger-wrap-focus .x-form-spinner-splitter{
    background-position:-14px 0;
}


/* --- eoze/css/auto/compat-ext4.css */
/**
 * Copyright (C) 2013 Eoko
 *
 * This file is part of Opence.
 *
 * Opence is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Opence is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Opence. If not, see <http://www.gnu.org/licenses/gpl.txt>.
 *
 * @copyright Copyright (C) 2013 Eoko
 * @licence http://www.gnu.org/licenses/gpl.txt GPLv3
 * @author Éric Ortega <eric@eoko.fr>
 */

/**
 *
 * @since 2013-01-29 16:27
 */

/**
 * DD proxy needs to be above floating component like windows, which have a z-index
 * of ~20000 in ext4.
 */
.x-dd-drag-proxy {
    z-index: 60000;
}


/* --- eoze/css/auto/context-help.css */

.context-help-mask {
	background-color: #ccc;
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	opacity:0.5;
	z-index:10;
}

a.context-help-zone,
div.context-help-zone {
	border: 1px solid darkblue;
	background-color: blue;
	opacity: .25;
	/* needed to prevent the element from taking space in the container, when created */
	position: absolute;
	display: block;
	/* field labels have z-index 2, we want to be above them */
	z-index: 20;
}

a.context-help-zone:hover {
/*	border: 1px solid yellow;*/
	background-color: yellow;
/*	opacity: .5;*/
	cursor: help;
}

/* --- eoze/css/auto/eo.JsonPanel.css */

.eo-json-list {
	font-family: monospace;
}

.eo-json-list .list {
	display: inline-block;
	min-width: 100%;
}

.eo-json-list .line {
	white-space: nowrap;
	position: relative;
}
.eo-json-list .line.offset1 {
	background-color: #FAFAFF;
}
.eo-json-list .line.offset0 {
	background-color: #FAFFFA;
}
.eo-json-list .line:hover {
	background-color: #ffffcc;
}

.eo-json-list .gutter {
	display: block;
	position: absolute;
	background-color: #eee;
	background-repeat: no-repeat;
	background-position: center center;
	color: #666;
}
.eo-json-list .gutter.fold {
	left: 0;
	width: 16px;
	height: 100%;
}
.eo-json-list .gutter.fold.collapse {
	background-image: url("../../eoze/images/icons_fatcow/16x16/bullet_toggle_minus.png");
	cursor: pointer;
}
.eo-json-list .gutter.fold.expand {
	background-image: url("../../eoze/images/icons_fatcow/16x16/bullet_toggle_plus.png");
	cursor: pointer;
}
.eo-json-list .gutter.number {
	width: 20px;
	text-align: right;
	padding-right: 5px;
	left: 16px;
	height: 100%;
}

.eo-json-list code {
}

.eo-json-list .key {
/*	font-weight: bold;*/
	color: royalblue;
}

.eo-json-list .value {
	color: #3F6666;
	color: #8A230D;
}
.eo-json-list .value.string {
	color: #008800;
}


/* --- eoze/css/auto/eo.ScrollPanel.css */
/**
 * Copyright (C) 2013 Eoko
 *
 * This file is part of Opence.
 *
 * Opence is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Opence is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Opence. If not, see <http://www.gnu.org/licenses/gpl.txt>.
 *
 * @copyright Copyright (C) 2013 Eoko
 * @licence http://www.gnu.org/licenses/gpl.txt GPLv3
 * @author Éric Ortega <eric@eoko.fr>
 */

/**
 *
 * @since 2013-01-28 14:50
 */

/**
 * Forces last item to apply its bottom margin.
 */
.eo-scroll-panel .x-panel-body:after {
    content: "";
    visibility: hidden;
    height: 1px;
    display: block;
    margin-top: -2px;
}


/* --- eoze/css/auto/eo.css */
/**
 * Copyright (C) 2012 Eoko
 *
 * This file is part of Opence.
 *
 * Opence is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Opence is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Opence. If not, see <http://www.gnu.org/licenses/gpl.txt>.
 *
 * @copyright Copyright (C) 2012 Eoko
 * @licence http://www.gnu.org/licenses/gpl.txt GPLv3
 * @author Éric Ortega <eric@eoko.fr>
 */

/**
 *
 * @since 2012-12-11 18:41
 */

.eo-form-panel .x-panel-body,
.eo-form-window .x4-window-body,
.eo-form {
    padding: 10px;
    background-color: #fff;
    /*background-color: transparent;*/
    /*border: 2px solid red;*/
}


/* --- eoze/css/auto/eo.form.ClearableComboBox.css */
/*
    Document   : eo.form.ClearableComboBox
    Created on : 25 févr. 2012, 22:49:53
    Author     : Éric Ortega <eric@planysphere.fr>
*/

.eo-clearable-combo.readOnly {
	background: transparent;
	border-color: transparent;
	cursor: default;
}


/* --- eoze/css/auto/eo.form.FormCaption.css */
/*
    Document   : eo.form.HelpCaption
    Created on : 23 mai 2012, 20:51:56
    Author     : Éric Ortega <eric@planysphere.fr>
    Description:
        Style definition for component eo.form.FormCaption.
*/

.form-caption {
	font-style: italic;
	color: #3F516E;
	margin-bottom: .4em;
}

.form-caption p {
	margin-bottom: .4em;
}


/* --- eoze/css/auto/eo.form.InlineFieldEditer.css */
/*
    Document   : Ext.form.TextField
    Created on : 13 sept. 2012, 15:19:51
    Author     : Éric Ortega <eric@plansyphere.fr>
        Style for inline editable text field.
*/

.x-eo-editable-field .shorten {
	/*min-width: 30px;*/
}
.x-eo-editable-field .shorten.x-form-empty-field {
	font-style: italic;
}

.x-eo-editable-field.x-form-text {
	/*display: block;*/
	display: inline-block;
	background: none;
	border-color: transparent;
	padding-right: 24px;
}
.ext-webkit .x-eo-editable-field.x-form-text {
	/*padding-top: 2px;*/
	/*padding-left: 4px;*/
}
.x-eo-editable-field.x-form-text {
	position: relative;
}
.x-eo-editable-field.x-form-text:hover {
	border: 1px solid #AAA;
}

.x-eo-editable-field.x-form-text:hover .ico {
	display: block;
}

.x-eo-editable-field.x-form-text .ico {
	display: none;

	position: absolute;
	right: 0;
	top: 0;

	height: 100%;

	background-position: 2px 2px;

	border-left: 1px solid white;
	border-color: white white #DDD #DDD;
}

.x-eo-editable-field.x-form-text .ico:hover {
	cursor: pointer;
	border-color: white white rgb(187, 187, 187) #BBB;
}

.x-eo-editable-field-buttons-ct {
/*	width: 68px;
	height: 32px;*/

	background-color: #DDEDFF;
	border: 1px solid #A7C8FF;
	border-radius: 0 0 3px 3px;
	border-top: 0;

	padding: 4px 5px 2px 5px;

	position: absolute;
	z-index: 10000;
	left: 10px;
	top: 10px;

	border-color: #7EADD9;

}

.x-eo-editable-field-buttons-ct button {

	height: 22px;
	padding: 0;
	width: 28px;

	background: #EEE;
	border: 1px solid #AAA;

	background-image: -moz-linear-gradient(100% 100% 90deg, #DFDFDF, white);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#DFDFDF));
	background-image: -webkit-linear-gradient(white, #DFDFDF);
	background-image: -o-linear-gradient(white, #DFDFDF);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf',GradientType=0 );
}
.x-eo-editable-field-buttons-ct button:hover {
	border-color: #666;
}
.x-eo-editable-field-buttons-ct button:active {
	background-image: -moz-linear-gradient(100% 100% 90deg, #D8E4F0, #CAD5E0);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CAD5E0), to(#D8E4F0));
	background-image: -webkit-linear-gradient(#CAD5E0, #D8E4F0);
	background-image: -o-linear-gradient(#CAD5E0, #D8E4F0);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CAD5E0', endColorstr='#D8E4F0',GradientType=0 );
}
.x-eo-editable-field-buttons-ct button.save {
	border-radius: 3px 0 0 3px;
}
.x-eo-editable-field-buttons-ct button.cancel {
	border-radius: 0 3px 3px 0;
	border-left-color: #EEE;
}
.x-eo-editable-field-buttons-ct button.cancel:active,
.x-eo-editable-field-buttons-ct button.cancel:hover {
	border-left-color: #666;
}
.x-eo-editable-field-buttons-ct button span {
	padding: 0;
	line-height: 1px;
}

/* --- Submit --- */

/*.x-eo-editable-field.x-form-field.x-form-text.x-item-disabled {*/
.x-form-text.x-eo-editable-field-submitting {
	background: #F3F3EF;
	border: 1px solid #4E91FE;
	border: 1px solid #7EADD9;
}

.x-eo-editable-field-ajax-loader {
	display: block;
	position: absolute;
	height: 18px;
	width: 18px;
	background-color: white;
	background-position: 2px 2px;
	z-index: 10000;
	margin: 0;
}


/* --- eoze/css/auto/eo.form.MoneyField.css */
.x-input-money-wrap .x-input-money {
	text-align: right;
	font-family: monospace;
}

.x-input-money-wrap input.x-input-money[readonly] {
	background: none;
	border: none;
}

div.x-input-money {
	padding: 3px 3px 3px 0;
	height: 16px;
}

span.x-input-money.symbol {
	text-align: right;
	font-family: monospace;
	display: block;
	float: right;
	padding-top: 5px;
	padding-right: 4px;
	width: 10px;
}

/* This rule is intended to prevent overridding by Ext rules when
   the field is rendered in a toolbar. */
.x-toolbar div.x-input-money-wrap span.x-input-money.symbol,
.x-toolbar div.x-input-money-wrap input.x-input-money.x-form-field {
	font: 12px monospace;
}
.x-toolbar div.x-input-money-wrap span.x-input-money.symbol {
	padding-top: 4px;
}

.x-input-money-wrap.readonly span.x-input-money.symbol {
	padding-top: 3px;
}

/* --- eoze/css/auto/eo.form.SearchField.css */
.x-form-field-trigger-wrap input.eo-form-searchfield.x-form-empty-field {
	background-image: url("../../eoze/images/default/form/text-bg+find.gif");
}


/* --- eoze/css/auto/eo.form.calendar.css */
/*
    Document   : eo.form.calendar
    Created on : 14 déc. 2011, 17:04:15
    Author     : eric
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.eo-calendar-month-ct {
	clear: both;
	position: relative;
}

.eo-calendar-month-handle {
	width: 20px;
	background-color: #0F0;
/*	margin: 0 2px;*/
	float: left;
	border: 1px solid #FFF;
	background: #Fee url("../../eoze/images/icons_fatcow/16x16/lock.png") 50% 50% no-repeat;
}
.eo-calendar-month-ct.editable .eo-calendar-month-handle {
	background: #eFe url("../../eoze/images/icons_fatcow/16x16/lock_open.png") 50% 50% no-repeat;
}
.eo-calendar-month-ct.editable .eo-calendar-month-handle:hover {
	cursor: pointer;
/*	border: 1px solid #F77;*/
	background-color: #FFe;
	background-image: url("../../eoze/images/icons_fatcow/16x16/lock.png");
}
.eo-calendar-month-ct.editable .eo-calendar-month-handle:active {
	background-color: #Fbb;
}

.eo-calendar-month-table-ct {
	position: relative;
	margin-bottom: 4px;
}

.eo-calendar-month-mask {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;

	background-color: #FEE;
	opacity: .4;

	display: none;
}
.eo-calendar-month-mask {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    padding-top: 43px;
}
.eo-calendar-month-ct.readOnly .eo-calendar-month-mask {
	display: block;
}

table.eo-calendar-month {
	font-family: monospace;
	border-collapse: collapse;
	border: 1px solid #E6E6E6;
	border: 1px solid #FFF;
}
.eo-calendar-month-ct.lockable table.eo-calendar-month {
/*	margin-left: 21px;*/
}

table.eo-calendar-month th {
	font-weight: bold;
	padding: 0 2px;
}

table.eo-calendar-month th,
table.eo-calendar-month td {
	text-align: center;
	width: 30px;
}

/**
 * Disabled cells (TD & TH)
 */
table.eo-calendar-month th.disabled.day.week-end,
table.eo-calendar-month td.disabled.day.week-end {
	background-color: #F0DFDF;
}
table.eo-calendar-month th.disabled,
table.eo-calendar-month td.disabled {
	background-color: #F9EDED;
}
table.eo-calendar-month tr.zone td.disabled .marker {
	opacity: .3;
}
/**************************************************************************************************/

table.eo-calendar-month thead {
	border-bottom: 1px solid #FFF;
}
table.eo-calendar-month tr.zone.group-first {
	border-top: 1px solid #FFF;
}

table.eo-calendar-month .day {
	background-color: #F6F6F6;
}
table.eo-calendar-month .day.week-end {
	background-color: #E6E6E6;
}

table.eo-calendar-month .row-label {
	background-color: #AC1C73;
	color: #fff;
	line-height: 100%;
	width: 40px;
}
table.eo-calendar-month .row-label div {
	overflow: hidden;
	width: 40px;
}

table.eo-calendar-month .row-label.main {
	padding-left: 4px;
	padding-right: 4px;
	font-size: 13px;
}

table.eo-calendar-month tr.zone {
	height: 16px;
}

table.eo-calendar-month tr.zone td {
	padding: 2px 0;
}

table.eo-calendar-month tr.zone td .marker {
	width: 100%;
	height: 12px;
	position: relative;
	opacity: .7;
}
table.eo-calendar-month tr.zone td .marker.on {
	background-color: red;
	background-color: #FA7384;
}

table.eo-calendar-month tr.zone.editable th:hover,
table.eo-calendar-month tr.zone.editable td:hover {
	cursor: pointer;
/*	border: 1px solid red;*/
}

/** Custom zones **/
table.eo-calendar-month tr.zone.A .marker.on {
	background-color: #F5B963;
}
table.eo-calendar-month tr.zone.B .marker.on {
	background-color: #63B2ED;
}
table.eo-calendar-month tr.zone.C .marker.on {
	background-color: #ABE200;
}

table.eo-calendar-month tr.zone.M .marker.on {
	background-color: #FAF673;
}

table.eo-calendar-month tr.zone .marker.B {
	background-color: #F5B963;
}
table.eo-calendar-month tr.zone .marker.M {
	background-color: #FAF673;
}
table.eo-calendar-month tr.zone .marker.H {
	background-color: #FA7384;
}


/* --- eoze/css/auto/eo.form.contact.css */
/*
    Document   : eo.form.contact
    Created on : 15 nov. 2011, 22:22:17
    Author     : Éric Ortega <eric@planysphere.fr>
*/

.closer-items .x-form-item {
	margin-bottom: 2px;
}

.x-fieldset.line {
	border-width: 1px 0 0;
	margin-bottom: 0;
}

.ico.contact.expand {
	background-image: url("../../eoze/images/icons_fugue/control-270.png");
}
.ico.contact.collapse {
	background-image: url("../../eoze/images/icons_fugue/control-090.png");
}


/* --- eoze/css/auto/eo.toolbar.HelpItem.css */
/*
    Document   : eo.toolbar.HelpItem
    Created on : 17 juil. 2012, 17:20:47
    Author     : Éric Ortega
    Description:
        Styles for eo.toolbar.HelpItem.
*/

.x-toolbar .xtb-help {
    color: #657CC0;
    font-style: italic;
    margin-left: 5px;
}

.xtb-help.x-icon {
    padding-left: 18px !important;
    height: 16px;
}

.xtb-help.x-icon.xtb-no-text {
    padding-left: 0px !important;
}

.xtb-help:hover {
    cursor: pointer;
}

.x-tip.eo-help .x-tip-body {
    padding: .4em .3em .6em;
}


/* --- eoze/css/auto/fileuploadfield.css */
/*!
 * Ext JS Library 3.3.0
 * Copyright(c) 2006-2010 Ext JS, Inc.
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*
 * FileUploadField component styles
 */
.x-form-file-wrap {
    position: relative;
    height: 22px;
}
.x-form-file-wrap .x-form-file {
	position: absolute;
	right: 0;
	-moz-opacity: 0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
    height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
	position: absolute;
	right: 0;
	z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}

/* --- eoze/css/auto/fix.SuperBoxSelect.css */
input.x-form-field.x-superboxselect-input-field {
/*	display: none;*/
}
div.x-superboxselect.x-superboxselect-display-btns {
	min-height: 25px !important;
	_height: 25px;
}

/* --- eoze/css/auto/gridsummary.css */
/* [OPTIONAL] -- may be used for either Ext.grid.GroupSummary / Ext.ux.grid.GridSummary plugins */
.x-grid3-summary-row{border-left:1px solid #fff;border-right:1px solid #fff;color:#333;background:#f1f2f4;}
.x-grid3-summary-row .x-grid3-cell-inner{font-weight:bold;padding-bottom:4px;}
.x-grid3-cell-first .x-grid3-cell-inner{padding-left:16px;}
.x-grid-hide-summary .x-grid3-summary-row{display:none;}
.x-grid3-summary-msg{padding:4px 16px;font-weight:bold;}


/* [REQUIRED] (by Ext.ux.grid.GridSummary plugin) */
.x-grid3-gridsummary-row-inner{overflow:hidden;width:100%;}/* IE6 requires width:100% for hori. scroll to work */
.x-grid3-gridsummary-row-offset{width:10000px;}
.x-grid-hide-gridsummary .x-grid3-gridsummary-row-inner{display:none;}

/* --- eoze/css/auto/image-chooser.css */
/*!
 * Ext JS Library 3.3.1
 * Copyright(c) 2006-2010 Sencha Inc.
 * licensing@sencha.com
 * http://www.sencha.com/license
 */
.img-chooser-dlg .details{
    padding: 10px;
    text-align: center;
}
.img-chooser-dlg .details-info {
    border-top: 1px solid #cccccc;
    font: 11px Arial, Helvetica, sans-serif;
    margin-top: 5px;
    padding-top: 5px;
    text-align: left;
}

.img-chooser-dlg .details-info b {
    color: #555555;
    display: block;
    margin-bottom: 4px;
}
.img-chooser-dlg .details-info span {
    display: block;
    margin-bottom: 5px;
    margin-left: 5px;
}
.img-chooser-dlg img {
	max-width: 90%;
	max-height: 115px;
}
.img-chooser-view .thumb div.ct,
div.details div.details-info-image-ct div.ct {
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
}
div.details div.details-info-image-ct {
	height: 115px;
	position: relative;
}

.img-chooser-view{
/*    background: white;*/
    font: 11px Arial, Helvetica, sans-serif;
}
.img-chooser-view .thumb{
/*    background: #dddddd;*/
    padding: 3px;
	text-align: center;
    height: 64px;
/*    width: 80px;*/
	position: relative;
}
.img-chooser-view .thumb img{
    max-height: 64px;
    max-width: 80px;
}
.img-chooser-view .thumb-wrap{
/*    float: left;*/
    display: inline-block;
    vertical-align: top;
    width: 100px;
    margin: 4px;
    margin-right: 0;
    padding: 5px;
    word-wrap: break-word;
}
.img-chooser-view .thumb-wrap span{
    display: block;
    overflow: hidden;
    text-align: center;
}
.img-chooser-view .thumb-wrap .label {
/*    text-overflow: ellipsis;*/
/*    max-height: 3em;*/
    overflow: visible;
}
.img-chooser-view .x-view-over{
    border:1px solid #dddddd;
    background: #efefef url("../../eoze/images/default/grid/row-over.gif") repeat-x left top;
    padding: 4px;
}
.img-chooser-view .x-view-selected{
    background: #DFEDFF;
    border: 1px solid #6593cf;
    padding: 4px;
/*	padding-right: 8px;*/
}
.img-chooser-view .x-view-selected .thumb{
    background:transparent;
}
.img-chooser-view .x-view-selected span{
    color:#1A4D8F;
}
.img-chooser-view .loading-indicator {
    font-size:11px;
    background-image:url("../eoze/css/auto/../../images/grid/loading.gif");
    background-repeat: no-repeat;
    background-position: left;
    padding-left:20px;
    margin:10px;
}

.img-chooser-tree-folder {
	background-image: url("../../eoze/images/default/tree/folder.gif") !important;
}
.img-chooser-tree-folder.open {
	background-image: url("../../eoze/images/default/tree/folder-open.gif") !important;
}

.x-eo-media-panel .x-list-view .x-grid3-row {
    border: 0;
}
.x-eo-media-panel .x-list-view .x-grid3-row-alt {
    background-color: #F7F7F7;
}


/* --- eoze/css/auto/myloader.css */
.ext-el-mask-msg.x-mask-cploading {
	background: none;
	border: 0;
}
.ext-el-mask-msg.x-mask-cploading div {
    background: transparent url("../../eoze/css/images/ajax-loader-16x11.gif") no-repeat center;
	border: 0;
}

.ico.ajax-loader,
.ico.loader.button {
	background-image:url("../../eoze/css/auto/images/ajax-loader-button-16x16.gif") !important;
}

.ajax-loader.x32 {
	background-image: url("../../eoze/css/auto/images/ajax-loader-32x32.gif") !important;
	width: 32px;
	height: 32px;
}

/* --- eoze/css/auto/pace.css */
.pace .pace-progress {
    background: #29d;
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    height: 2px;

    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s;
}

.pace-inactive {
    display: none;
}


/* --- eoze/css/auto/superboxselect-gray-extend.css */
/*@charset "utf-8";
.x-superboxselect {position:relative; height: auto !important; margin: 0px; overflow: hidden; padding:2px; display:block; outline: none !important;}
.x-superboxselect ul {overflow: hidden; cursor: text;}
.x-superboxselect-display-btns {padding-right: 33px !important;}
.x-superboxselect-btns {position: absolute; right: 1px; top: 0; overflow:hidden; padding:2px;}
.x-superboxselect-btns div {float: left; width: 16px; height: 16px; margin-top: 4px;}
.x-superboxselect-btn-clear {background: url("../eoze/css/auto/images/sbs/clear.png") no-repeat scroll left 0px;}
.x-superboxselect-btn-expand {background: url("../eoze/css/auto/images/sbs/expand.png") no-repeat scroll left 0px;}
.x-superboxselect-btn-over {background-position: left -16px}
.x-superboxselect-btn-hide {display:none;}
.x-superboxselect li {float: left; margin: 1px 1px 2px 1px; padding: 0;line-height: 18px;}
.x-superboxselect-stacked li {float: none !important;}
.x-superboxselect-input input { border: none; outline: none; margin-top: 4px; margin-bottom: 4px;}
body.ext-ie .x-superboxselect-input input {background: none; border: none; margin-top: 3px;}
.x-superboxselect-item {position: relative; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; o-border-radius: 6px; khtml-border-radius: 6px; border: 1px solid #d7d7d7; background-color: #e7e7e7; padding: 1px 15px 1px 5px !important; }
body.ext-ie7 .x-superboxselect-item {margin: 2px 1px 2px 1px; line-height: 1.2em; padding: 2px 17px 4px 5px !important;}
body.ext-ie6 .x-superboxselect-item {margin: 2px 1px 2px 1px; line-height: 1.2em; padding: 2px 19px 4px 5px !important;}
.x-superboxselect-item-hover {background: #cdcdcd; border: 1px solid #949494;}
.x-superboxselect-item-focus {border-color: #8b8b8b; background: #8b8b8b; color: #fff;}
.x-superboxselect-item-close {background: url("../eoze/css/auto/images/sbs/close.png") no-repeat scroll left 0px; border: none; cursor: default; font-size: 1px; height: 16px;padding:0; position: absolute; right: 0px; top: 2px; width: 13px;display:block;cursor:pointer;}

.x-superboxselect-item-close:hover, .x-superboxselect-item-close:active  { background-position: left -12px;}
.x-superboxselect-item-focus .x-superboxselect-item-close{ background-position: left -24px}
.x-item-disabled .x-superboxselect-item-close{ background-position: left -36px}*/

/* --- eoze/css/auto/superboxselect.css */
/* modified 2/24/11 10:22 PM
 * by rixo
 * changed url("../eoze/css/auto/images/sbs/xxx") to url("../eoze/css/auto/images/sbs/images/sbs/xxx")
 */
@charset "utf-8";
.x-superboxselect {position:relative; height: auto !important; margin: 0px; overflow: hidden; padding:2px; display:block; outline: none !important;}
.x-superboxselect input[disabled] {background-color: transparent;};
.x-superboxselect ul {overflow: hidden; cursor: text;}
.x-superboxselect-display-btns {padding-right: 33px !important;}
.x-superboxselect-btns {position: absolute; right: 1px; top: 0; overflow:hidden; padding:2px;}
.x-superboxselect-btns div {float: left; width: 16px; height: 16px; margin-top: 4px;}
.x-superboxselect-btn-clear {background: url("../../eoze/css/auto/images/sbs/clear.png") no-repeat scroll left 0px;}
.x-superboxselect-btn-expand {background: url("../../eoze/css/auto/images/sbs/expand.png") no-repeat scroll left 0px;}
.x-superboxselect-btn-over {background-position: left -16px}
.x-superboxselect-btn-hide {display:none;}
.x-superboxselect li {float: left; margin: 1px 1px 2px 1px; padding: 0;line-height: 18px;}
.x-superboxselect-stacked li {float: none !important;}
.x-superboxselect-input input { border: none; outline: none; margin-top: 4px; margin-bottom: 4px;}
body.ext-ie .x-superboxselect-input input {background: none; border: none; margin-top: 3px;}
.x-superboxselect-item {position: relative; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; o-border-radius: 6px; khtml-border-radius: 6px; border: 1px solid #CAD8F3; background-color: #DEE7F8; padding: 1px 15px 1px 5px !important; }
body.ext-ie7 .x-superboxselect-item {margin: 2px 1px 2px 1px; line-height: 1.2em; padding: 2px 17px 4px 5px !important;}
body.ext-ie6 .x-superboxselect-item {margin: 2px 1px 2px 1px; line-height: 1.2em; padding: 2px 19px 4px 5px !important;}
.x-superboxselect-item-hover {background: #BBCEF1; border: 1px solid #6D95E0;}
.x-superboxselect-item-focus {border-color: #598BEC; background: #598BEC; color: #fff;}
.x-superboxselect-item-close {background: url("../../eoze/css/auto/images/sbs/close.png") no-repeat scroll left 0px; border: none; cursor: default; font-size: 1px; height: 16px;padding:0; position: absolute; right: 0px; top: 2px; width: 13px;display:block;cursor:pointer;}

.x-superboxselect-item-close:hover, .x-superboxselect-item-close:active  { background-position: left -12px;}
.x-superboxselect-item-focus .x-superboxselect-item-close{ background-position: left -24px}
.x-item-disabled .x-superboxselect-item-close{ background-position: left -36px}

/* normal height hack */
/*.x-superboxselect li {float: left; margin: 1px; padding: 0;line-height: 16px;}
body.ext-ie6 .x-superboxselect li {line-height: 16px;}
.x-superboxselect-input input { border: none; outline: none; margin-top: 0px; margin-bottom: 1px;}*/


/* --- eoze/css/auto/three-state-menu-checkbox.css */
.x4-menu-item-unchecked.undetermined .x4-menu-item-icon,
.x4-menu-item-unchecked.undetermined .x4-menu-item-icon-right,
.x4-menu-item-checked.undetermined .x4-menu-item-icon,
.x4-menu-item-checked.undetermined .x4-menu-item-icon-right,

.x-menu-item-unchecked.undetermined .x-menu-item-icon,
.x-menu-item-unchecked.undetermined .x-menu-item-icon-right,
.x-menu-item-checked.undetermined .x-menu-item-icon,
.x-menu-item-checked.undetermined .x-menu-item-icon-right,

.x-menu-check-item.undetermined .x-menu-item-icon {
    background-image: url("../../eoze/css/auto/images/undetermined-menu-checkbox.gif");
}


/* --- modules/BaseModule/css.auto/AbstractJsonCombo.css */
/*
    Document   : AbstractJsonCombo
    Created on : 22 nov. 2011, 16:00:11
    Author     : eric
    Description:
        Purpose of the stylesheet follows.
*/

.oce-json-combo.loading {
	background-image: url("../../modules/BaseModule/css.auto/ajax-loader-16x11.gif");
	background-repeat: no-repeat;
	background-position: 5px 50%;
	background-color: #eee;
	color: transparent;
	min-height: 14px;
	min-width: 16px;
}

/**
 * ExtJS4 combo box pre-loading mask.
 */
.eo-form-trigger-loading-mask {
    background-image: url("../../modules/BaseModule/css.auto/ajax-loader-16x11.gif");
    background-repeat: no-repeat;
    background-position: center;
    /*background-color: #eee;*/
    min-height: 14px;
    min-width: 16px;
    color: transparent;
    text-align: center;
}


/* --- modules/RequestMonitor/RequestMonitor.auto.css */
.ico.RequestMonitor {
	background-image: url("../modules/RequestMonitor/_images/icons_fugue/magnifier-left.png") !important;
}

.eo-json-list {
	font-family: monospace;
}

.eo-json-list .list {
	display: inline-block;
	min-width: 100%;
}

.eo-json-list .line {
	white-space: nowrap;
	position: relative;
}
.eo-json-list .line.offset1 {
	background-color: #FAFAFF;
}
.eo-json-list .line.offset0 {
	background-color: #FAFFFA;
}
.eo-json-list .line:hover {
	background-color: #ffffcc;
}

.eo-json-list .gutter {
	display: block;
	position: absolute;
	background-color: #eee;
	background-repeat: no-repeat;
	background-position: center center;
	color: #666;
}
.eo-json-list .gutter.fold {
	left: 0;
	width: 16px;
	height: 100%;
}
.eo-json-list .gutter.fold.collapse {
	background-image: url("../modules/RequestMonitor/_images/icons_fatcow/16x16/bullet_toggle_minus.png");
	cursor: pointer;
}
.eo-json-list .gutter.fold.expand {
	background-image: url("../modules/RequestMonitor/_images/icons_fatcow/16x16/bullet_toggle_plus.png");
	cursor: pointer;
}
.eo-json-list .gutter.number {
	width: 20px;
	text-align: right;
	padding-right: 5px;
	left: 16px;
	height: 100%;
}

.eo-json-list code {
}

.eo-json-list .key {
/*	font-weight: bold;*/
	color: royalblue;
}

.eo-json-list .value {
	color: #3F6666;
	color: #8A230D;
}
.eo-json-list .value.string {
	color: #008800;
}


/* --- modules/SMInstance/SmInstance.auto.css */

.x-panel-bbar .x-form-item,
.x-panel-tbar .x-form-item {
	margin-bottom: 0;
}

.x-panel-tbar .x-form-item label.x-form-item-label.flex {
	width: auto;
	padding-right: 5px;
}

.x-panel-tbar .x-form-item label.x-form-item-label {
	padding-left: 5px;
}

.x-panel-tbar .x-form-item label.x-form-item-label,
.x-panel-bbar .x-form-item label.x-form-item-label {
	font: 12px tahoma,arial,helvetica,sans-serif;
}

.ico.sm_instance {
	background-image:url("../modules/SMInstance/_images/icons/book.png") !important;
}
.ico.sm_instance.add {
	background-image:url("../modules/SMInstance/_images/icons/book_add.png") !important;
}
.ico.sm_instance.edit {
	background-image:url("../modules/SMInstance/_images/icons/book_edit.png") !important;
}

.ico.sm_instance.invoices {
	background-image:url("../modules/SMInstance/_images/icons/basket.png") !important;
}
.ico.sm_instance.invoices.add {
	background-image:url("../modules/SMInstance/_images/icons/basket_add.png") !important;
}
.ico.sm_instance.invoices.edit {
	background-image:url("../modules/SMInstance/_images/icons/basket_edit.png") !important;
}

.ico.sm_instance.productListToolbar.products {
	background-image:url("../modules/SMInstance/_images/icons_fugue/ticket+eye.png") !important;
}
.ico.sm_instance.productListToolbar.unavailable {
	background-image:url("../modules/SMInstance/_images/icons_fugue/slash.png") !important;
}
.ico.sm_instance.productListToolbar.stays {
	background-image:url("../modules/SMInstance/_images/icons_fugue/calendar-select-days-span+eye.png") !important;
}

.x-panel.openCERhodiaInvoiceAddProductGrid .x-grid3-row-selected td {
/*	font-weight: bold;
	font-style: italic;*/
/*	background-color: ...*/
}

.openCERhodiaInvoiceAddProductGrid .x-grid3-row-body p {
	margin: 5px 5px 10px 5px;
}
.openCERhodiaInvoiceAddProductGrid .x-grid3-row-body p strong {
	font-weight: bold;
}

.x-grid-panel.forceVerticalScrollbar .x-grid3-scroller {
	overflow-y: scroll;
}


/* --- modules/SMInstance/css.auto/basket/InfoPanel.css */
@charset "UTF-8";
/**
 * Copyright (C) 2013 Eoko
 *
 * This file is part of Opence.
 *
 * Opence is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Opence is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Opence. If not, see <http://www.gnu.org/licenses/gpl.txt>.
 *
 * @copyright Copyright (C) 2013 Eoko
 * @licence http://www.gnu.org/licenses/gpl.txt GPLv3
 * @author Éric Ortega <eric@eoko.fr>
 */
/**
 * Basket window information panels.
 *
 * @since 2013-01-29 02:24
 */
.oce-invoice-basket-info-panel .x-panel-body {
  padding: 0; }
.oce-invoice-basket-info-panel strong {
  display: block;
  font-weight: bold;
  font-size: 12px;
  padding: 3px;
  background-color: #eee; }
.oce-invoice-basket-info-panel .x-panel-body {
  padding: 7px 5px; }
  .oce-invoice-basket-info-panel .x-panel-body > .description, .oce-invoice-basket-info-panel .x-panel-body > ul {
    margin: 0 0 7px 0; }
  .oce-invoice-basket-info-panel .x-panel-body > ul > li {
    border: 1px solid #99bbe8;
    margin-bottom: 5px; }
.oce-invoice-basket-info-panel ul {
  border-color: #99bbe8; }
  .oce-invoice-basket-info-panel ul ul li {
    padding: .3em .5em; }
    .oce-invoice-basket-info-panel ul ul li .label {
      display: block;
      float: left;
      width: 50%;
      font-weight: bold;
      color: #666666; }
    .oce-invoice-basket-info-panel ul ul li .value {
      display: block;
      margin-left: 50%; }
    .oce-invoice-basket-info-panel ul ul li .unavailable {
      color: #666666;
      text-align: center;
      font-style: italic;
      display: block; }
  .oce-invoice-basket-info-panel ul ul li:nth-child(even) {
    background-color: #f6f6f6; }
  .oce-invoice-basket-info-panel ul ul li:first-child {
    border-top: 1px solid #99bbe8; }


/* --- modules/SMInstance/css.auto/MonkeyPatches.css */
/**
 * Copyright (C) 2013 Eoko
 *
 * This file is part of Opence.
 *
 * Opence is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Opence is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Opence. If not, see <http://www.gnu.org/licenses/gpl.txt>.
 *
 * @copyright Copyright (C) 2013 Eoko
 * @licence http://www.gnu.org/licenses/gpl.txt GPLv3
 * @author Éric Ortega <eric@eoko.fr>
 */

/**
 *
 * @since 2013-01-27 19:42
 */
.oce-invoice-benef-list.x-panel-collapsed .x-panel-header {
    border-bottom: 0;
    border-top-width: 1px;
}


/* --- modules/SMInstance/css.auto/ProductInfoCard.css */
/*
    Document   : ProductInfoCard
    Created on : 5 mars 2012, 19:08:30
    Author     : Éric Ortega <eric@planysphere.fr>
*/

.oce-sminstance-rulecombo .x-combo-list-item.unavailable,
.opence-sm-invoice-product-list-grid td.unavailable {
	text-decoration: line-through;
}

.opence-sm-invoice-unavailable-product-card {
	padding: 15px;
}

.opence-sm-invoice-unavailable-product-card h2 {
	font-weight: bold;
}

.opence-sm-invoice-unavailable-product-card li {
	list-style-type: disc;
	margin-top: .5em;
	margin-left: 15px;
}

.oce-product-info-card-quota-overflow p {
	font-size: 12px;
	margin-bottom: .5em;
}


/* --- modules/SMInstance/css.auto/ProductInfoPanelQuantityField.css */
/*
    Document   : ProductInfoPanelQuantityField
    Created on : 14 juin 2012, 14:13:07
    Author     : Éric Ortega <eric@planysphere.fr>
*/

.opence-invoice-quantity-field.x-form-num-field.read-only {
	background: none;
	border-color: transparent;
}
.opence-invoice-quantity-field.x-form-num-field.read-only.x-form-invalid {
	background: url("../modules/SMInstance/css.auto/../_images/default/grid/invalid_line.gif") repeat-x bottom;
	border-color: #C30;
}

.opence-invoice-quantity-field.x-form-field-wrap.read-only .x-form-trigger {
	background: none;
	border-color: transparent;
}

.opence-invoice-quantity-field.x-form-field-wrap.read-only .x-form-spinner-splitter {
	display: none;
}


/* --- modules/SMInstance/css.auto/RightHolderListGrid.css */
/**
 * Copyright (C) 2013 Eoko
 *
 * This file is part of Opence.
 *
 * Opence is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Opence is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Opence. If not, see <http://www.gnu.org/licenses/gpl.txt>.
 *
 * @copyright Copyright (C) 2013 Eoko
 * @licence http://www.gnu.org/licenses/gpl.txt GPLv3
 * @author Éric Ortega <eric@eoko.fr>
 */

/**
 *
 * @since 2013-10-08 17:02
 */

/**
 * Ellipsis on beneficiary name overflow.
 */
.oce-invoice-right-holder-list .x-list-body dt em {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


/* --- modules/SMInstance/css.auto/ScheduleGrid.css */

.invoiceScheduleGrid .invoice-schedule-grid-row-body .x-grid3-row-body-tr td,
.invoiceScheduleGrid .invoice-schedule-grid-row-body .x-grid3-row-body table td {
	padding: 0 10px;
}
.invoiceScheduleGrid .invoice-schedule-grid-row-body strong {
	font-weight: bold;
}

.invoiceScheduleGrid .x-grid3-row.schedule-grid-balancing-row {
	background-color: #FFFFE0;
}
.invoiceScheduleGrid .x-grid3-row.schedule-grid-balancing-row.x-grid3-row-selected {
	background-color: #FFE7B8 !important;
}

.invoiceScheduleGrid .details .x-btn-text {
	background-image: url("../../modules/SMInstance/images/icons/details.gif");
}

.invoiceScheduleGrid .x-grid3-cell-first.x-action-col-cell .x-grid3-cell-inner {
	padding-left: 5px;
}

/* Selected cell */
.invoiceScheduleGrid .x-grid3-cell-selected {
	background-color: transparent !important;
}
.invoiceScheduleGrid .x-grid3-cell-selected .x-grid3-cell-inner {
	border: 1px dotted #B7B9BD;
	padding: 2px 2px 2px 4px;
}
.x-action-col-cell.x-grid3-cell-selected .x-grid3-cell-inner {
	padding-bottom: 0px;
	padding-top: 0px;
}


/* --- modules/SMInstance/css.auto/SmRules.css */

.eo-rhodia-sm-ruleEditForm input.x-form-num-field {
	text-align: right;
	font-family: monospace;
}


/* --- modules/SMInstance/css.auto/icons.css */
.invoiceScheduleGrid .ico.facture {
	background-image:url("../../modules/SMInstance/images/icons/money_down_red.png") !important;
}
.invoiceScheduleGrid .ico.remboursement {
	background-image:url("../../modules/SMInstance/images/icons/money_up_green.png") !important;
}
.invoiceScheduleGrid .ico.facture.disabled {
	background-image:url("../../modules/SMInstance/images/icons/money_down_grayed.png") !important;
}
.invoiceScheduleGrid .ico.remboursement.disabled {
	background-image:url("../../modules/SMInstance/images/icons/money_up_grayed.png") !important;
}

.smInvoice .ico32 {
	 min-width: 32px;
}
.smInvoice .ico32.open {
	 background-image: url("../../modules/SMInstance/images/icons/fatcow/32x32/open_folder_save.png");
}
.smInvoice .ico32.close {
	 background-image: url("../../modules/SMInstance/images/icons/fatcow/32x32/disk.png");
}
.smInvoice .ico32.export {
	 background-image: url("../../modules/SMInstance/images/icons/fatcow/32x32/export_save.png");
}
.smInvoice .ico32.fastExport {
	 background-image: url("../../modules/SMInstance/images/icons/fatcow/32x32/export_save_fast.png");
}


/* --- modules/SMInstanceBoughtProductView/SMInstanceBoughtProductView.auto.css */

.ico.sm_instance.bought_products {
	background-image: url("../../modules/SMInstanceBoughtProductView/images/clipboard-text.png") !important;
}


/* --- modules/SMInstanceProductView/SMInstanceProductView.auto.css */
/*
    Document   : SMInstanceProductView.auto
    Created on : 29 juin 2011, 01:09:51
    Author     : Éric Ortéga <eric@planysphere.fr>
*/

/* Module */

.ico.sm_instance.products {
	background-image:url("../modules/SMInstanceProductView/_images/icons/package.png") !important;
}
.ico.sm_instance.products.add {
	background-image:url("../modules/SMInstanceProductView/_images/icons/package_add.png") !important;
}
.ico.sm_instance.products.edit {
	background-image:url("../modules/SMInstanceProductView/_images/icons/package_edit.png") !important;
}

/* Ext */

.smProductViewStockGrid .x-grid3-row-expanded .x-grid3-row-body {
	margin-left: 15px;
	font-style: italic;
}

.smProductViewStockGrid .x-grid3-row-body p {
	margin: 0 5px 5px;
}
.smProductViewStockGrid .x-grid3-row-body p strong {
	font-weight: bold;
}

/* Rules */

td.x-grid3-cell.x-grid3-td-grid-rules-index {
	background-color: #EBF0F7;
	font-weight: bold;
}
td.x-grid3-cell.x-grid3-td-grid-rules-index.heritable {
	background-color: #F7E3F6;
}
td.x-grid3-cell.x-grid3-td-grid-rules-index.usable {
	background-image: -webkit-linear-gradient(180deg, #EBF0F7 25%,
		transparent 25%, transparent 50%, #EBF0F7 50%, #EBF0F7 75%,
		transparent 75%, transparent);
	background-image: -moz-linear-gradient(180deg, #EBF0F7 25%,
		transparent 25%, transparent 50%, #EBF0F7 50%, #EBF0F7 75%,
		transparent 75%, transparent);
	background-image: -ms-linear-gradient(180deg, #EBF0F7 25%,
		transparent 25%, transparent 50%, #EBF0F7 50%, #EBF0F7 75%,
		transparent 75%, transparent);
	background-image: -o-linear-gradient(180deg, #EBF0F7 25%, transparent 25%,
		transparent 50%, #EBF0F7 50%, #EBF0F7 75%, transparent 75%, transparent);
	background-image: linear-gradient(180deg, #EBF0F7 25%, transparent 25%,
		transparent 50%, #EBF0F7 50%, #EBF0F7 75%, transparent 75%, transparent);
}

.x-grid3-row-over td.x-grid3-cell.x-grid3-td-grid-rules-index {
	background-color: #E4E9F0;
}

.x-grid3-row-selected td.x-grid3-cell.x-grid3-td-grid-rules-index {
	background-color: #DFE4EB;
}
.x-grid3-row-selected td.x-grid3-cell.x-grid3-td-grid-rules-index.heritable {
	background-color: #EBD8EA;
}
.x-grid3-row-selected td.x-grid3-cell.x-grid3-td-grid-rules-index.usable {
	background-image: -webkit-linear-gradient(180deg, #DFE4EB 25%,
		transparent 25%, transparent 50%, #DFE4EB 50%, #DFE4EB 75%,
		transparent 75%, transparent);
	background-image: -moz-linear-gradient(180deg, #DFE4EB 25%,
		transparent 25%, transparent 50%, #DFE4EB 50%, #DFE4EB 75%,
		transparent 75%, transparent);
	background-image: -ms-linear-gradient(180deg, #DFE4EB 25%,
		transparent 25%, transparent 50%, #DFE4EB 50%, #DFE4EB 75%,
		transparent 75%, transparent);
	background-image: -o-linear-gradient(180deg, #DFE4EB 25%, transparent 25%,
		transparent 50%, #DFE4EB 50%, #DFE4EB 75%, transparent 75%, transparent);
	background-image: linear-gradient(180deg, #DFE4EB 25%, transparent 25%,
		transparent 50%, #DFE4EB 50%, #DFE4EB 75%, transparent 75%, transparent);
}

/*... toolbars */
div.rule-removable-toolbar.x-toolbar,
.rule-removable-toolbar div.x-toolbar {
	background-image: none;
	border-color: #D0DEF0;
	font-weight: bold;
}
div.rule-removable-toolbar.if.x-toolbar,
.rule-removable-toolbar.if div.x-toolbar,
div.rule-removable-toolbar.then.x-toolbar,
.rule-removable-toolbar.then div.x-toolbar {

}


/* --- modules/SMInstanceSeasonView/SMInstanceSeasonView.auto.css */

.ico.sm_instance.seasons {
	background-image: url("../../modules/SMInstanceSeasonView/images/calendar-seasons.png") !important;
}


/* --- modules/SMManager/SMManager.auto.css */
.ico.SMManager {
	background-image:url("../modules/SMManager/_images/icons/brick.png") !important;
}
.ico.SMManager.add {
	background-image:url("../modules/SMManager/_images/icons/brick_add.png") !important;
}
.ico.SMManager.edit {
	background-image:url("../modules/SMManager/_images/icons/brick_delete.png") !important;
}


/* --- modules/agencies/agencies.auto.css */
.ico.agencies {
	background-image:url("../modules/agencies/_images/icons/house.png") !important;
}
.ico.agencies.add {
	background-image:url("../modules/agencies/_images/icons/house.png") !important;
}
.ico.agencies.edit {
	background-image:url("../modules/agencies/_images/icons/house.png") !important;
}


/* --- modules/backups/backups.auto.css */
.ico.backups {
	background-image:url("../modules/backups/_images/icons/database_save.png") !important;
}
.ico.backups.add {
	background-image:url("../modules/backups/_images/icons/database_save.png") !important;
}
.ico.backups.edit {
	background-image:url("../modules/backups/_images/icons/database_save.png") !important;
}


/* --- modules/contacts/contacts.auto.css */
.ico.contacts {
	background-image:url("../modules/contacts/_images/icons/vcard.png") !important;
}
.ico.contacts.add {
	background-image:url("../modules/contacts/_images/icons/vcard_add.png") !important;
}
.ico.contacts.edit {
	background-image:url("../modules/contacts/_images/icons/vcard_edit.png") !important;
}


/* --- modules/contacts/css.auto/ContactCombo.css */
/*
    Document   : ContactCombo
    Created on : 5 sept. 2012, 09:04:28
    Author     : Éric Ortega <eric@planysphere.fr>
*/

.eo-contact.x-combo-list-item {
	padding-left: 20px;
}

.eo-contact.x-combo-list-item {
	background: none no-repeat 1px 2px;
}

.x-opence-contacts-combo-list .x-boundlist-item,
.x-opence-contacts-combo-list .x4-boundlist-item,
.x-opence-contacts-combo-list .x-combo-list-item {
	min-height: 16px;
	border-bottom: 1px solid #EDEDED;
}

.x-opence-contacts-combo-list .x-boundlist-item.alt,
.x-opence-contacts-combo-list .x4-boundlist-item.alt,
.x-opence-contacts-combo-list .x-combo-list-item.alt {
	background-color: #FAFAFA;
}
.x-opence-contacts-combo-list .x-boundlist-item.alt.x-boundlist-item-over,
.x-opence-contacts-combo-list .x4-boundlist-item.alt.x4-boundlist-item-over,
.x-opence-contacts-combo-list .x-boundlist-item.alt.x-combo-selected,
.x-opence-contacts-combo-list .x4-boundlist-item.alt.x4-combo-selected,
.x-opence-contacts-combo-list .x-combo-list-item.alt.x-combo-selected {
	background-color: #DFE8F6;
}

.ico.isActiveMemberWithRights,
.x-opence-contacts-combo-list .type-icon.isActiveMemberWithRights,
.eo-contact.x-combo-list-item.isActiveMemberWithRights {
	background-image: url("../../modules/contacts/icons/member.png");
}

.ico.isFullRightsMember,
.x-opence-contacts-combo-list .type-icon.isFullRightsMember,
.eo-contact.x-combo-list-item.isFullRightsMember {
	background-image: url("../../modules/contacts/icons/member_full.png");
}

.ico.isPartialRightsMember,
.x-opence-contacts-combo-list .type-icon.isPartialRightsMember,
.eo-contact.x-combo-list-item.isPartialRightsMember {
	background-image: url("../../modules/contacts/icons/member_partial.png");
}

.ico.isMemberSpouse,
.x-opence-contacts-combo-list .type-icon.isMemberSpouse,
.eo-contact.x-combo-list-item.isMemberSpouse {
	background-image: url("../../modules/contacts/icons/ring.png");
}

.ico.isMemberChild,
.x-opence-contacts-combo-list .type-icon.isMemberChild,
.eo-contact.x-combo-list-item.isMemberChild {
	background-image: url("../../modules/contacts/icons/children.png");
}

.ico.isRetired,
.x-opence-contacts-combo-list .type-icon.isRetired,
.eo-contact.x-combo-list-item.isRetired {
	background-image: url("../../modules/contacts/icons/retired.png");
}

.ico.isExpatriate,
.x-opence-contacts-combo-list .type-icon.isExpatriate,
.eo-contact.x-combo-list-item.isExpatriate {
	background-image: url("../../modules/contacts/icons/expatriate.png");
}

.ico.isFormerMember,
.x-opence-contacts-combo-list .type-icon.isFormerMember,
.eo-contact.x-combo-list-item.isFormerMember {
    background-image: url("../../modules/contacts/icons/member_former.png");
}


.x-opence-contacts-combo-list .type-icon {
	float: right;
	width: 20px;
	height: 16px;
	background: none no-repeat 1px 0px;
}


/* --- modules/contacts/css.auto/grid.css */
/*
    Document   : grid
    Created on : 21 nov. 2011, 22:31:35
    Author     : eric
    Description:
        Purpose of the stylesheet follows.
*/

/*
 TODO this definitely does NOT belong here!!!
*/

.x-form-display-field span.clickable,
.x-grid-panel a,
.x-grid-panel span.clickable {
	color: #083772;
	cursor: pointer;
    text-decoration: none;
}
.x-form-display-field span.clickable:hover,
.x-grid-panel a:hover,
.x-grid-panel span.clickable:hover {
	color: #0464bb;
	text-decoration: underline;
}


/* --- modules/contracts/contracts.auto.css */
.ico.contracts {
	background-image:url("../modules/contracts/_images/icons/script.png") !important;
}
.ico.contracts.add {
	background-image:url("../modules/contracts/_images/icons/script_add.png") !important;
}
.ico.contracts.edit {
	background-image:url("../modules/contracts/_images/icons/script_edit.png") !important;
}


/* --- modules/countries/countries.auto.css */
/*
    Document   : countries.auto
    Created on : 22 nov. 2011, 23:19:20
    Author     : eric
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

img.eo-opence-countries-flag {
	display: block;
	float: left;
	margin: 2px 5px 0 0;
}

/* --- modules/languages/languages.auto.css */
.ico.languages {
	background-image:url("../modules/languages/_images//icons_fugue/balloons-white.png") !important;
}


/* --- modules/media/media.auto.css */
.ico.media {
	background-image:url("../modules/media/_images/icons/page_green.png") !important;
}
.ico.media.add {
	background-image:url("../modules/media/_images/icons/page_add.png") !important;
}
.ico.media.edit {
	background-image:url("../modules/media/_images/icons/page_delete.png") !important;
}


/* --- modules/member_former/member_former.auto.css */
.ico.member_former {
    /*background-image: url("../modules/member_former/../contacts/icons/retired.png");*/
}
/*
.ico.member_retired.add {}
.ico.member_retired.edit {}
*/


/* --- modules/member_retired/member_retired.auto.css */
.ico.member_retired {
    background-image: url("../../modules/contacts/icons/retired.png");
}
/*
.ico.member_retired.add {}
.ico.member_retired.edit {}
*/


/* --- modules/members/members.auto.css */
.ico.members {
	background-image:url("../modules/members/_images/icons/user.png");
}
.ico.members.add {
	background-image:url("../modules/members/_images/icons/user_add.png");
}
.ico.members.edit {
	background-image:url("../modules/members/_images/icons/user_edit.png");
}

.eo-members-group-tab .x-tab-strip-wrap .x-tab-first {
	border-top: 1px solid #8DB2E3;
}

.eo-members-group-tab .ico.spouse {
	background-image: url("../modules/members/_images/icons/user_spouse.png");
}
.eo-members-group-tab .ico.children {
	background-image: url("../modules/members/_images/icons/user_children");
}

.eo-members-group-tab .x-grouptabs-bwrap {
    float: none;
}


/* --- modules/members/css.auto/form-templates-quotas.css */
/*
    Document   : form-templates-quotas
    Created on : 16 juin 2012, 16:28:57
    Author     : Éric Ortega <eric@planysphere.fr>
*/

.member-form-page.quotas table th {
	background-color: #eee;
	font-weight: bold;
	width: 10%;
	text-align: center;
}
.member-form-page.quotas table thead tr:first-child th {
	width: 30%;
}

.member-form-page.quotas table th.name {
	text-align: left;
	width: 40%;
}

.member-form-page.quotas table td.quantity,
.member-form-page.quotas table td.amount {
	font-family: monospace;
	text-align: center;
}


/* --- modules/members/css.auto/form-templates.css */
/*
    Document   : form-templates
    Created on : 8 mars 2012, 22:41:26
    Author     : Éric Ortéga <eric@planysphere.fr>
*/

.member-form-page h1 {
	font-size: 20px;
	color: #4e78b1;
	margin-bottom: 6px;
	background-color: #f4f4f4;
	padding: 4px;
}

.member-form-page h2 {
	font-size: 15px;
	color: #3764A0;
	font-weight: bold;
	margin: 4px 4px;
	margin-top: 1em;
}

.member-form-page h1.underline,
.member-form-page h2.underline,
.member-form-page h3.underline,
.member-form-page h4.underline {
	border-bottom: 1px solid;
}

.member-form-page .inner.padding {
	padding: 10px;
}

.member-form-page table {
	width: 100%;
}

.member-form-page table.theadLine thead th {
	border-bottom: 2px solid #4e78b1;
}

.member-form-page table td.money {
	font-family: monospace;
	text-align: right;
}

.member-form-page span.clickable {
	color: #083772;
	cursor: pointer;
}
.member-form-page span.clickable:hover {
	color: #0464BB;
	text-decoration: underline;
}

.member-form-page table tr.odd td {
	background-color: #FAFAFA;
}


/* --- modules/notes/notes.auto.css */
.ico.notes {
	background-image:url("../modules/notes/_images/icons/note.png") !important;
}
.ico.notes.add {
	background-image:url("../modules/notes/_images/icons/note_add.png") !important;
}
.ico.notes.edit {
	background-image:url("../modules/notes/_images/icons/note_edit.png") !important;
}


/* --- modules/organism_products/organism_products.auto.css */

/**
 * Makes it visible when OrganismProductField's reference field is read-only.
 */
.opence-organism-product-reference-field[readonly] {
	background-image: none;
	background-color: #efefef;
}


/* --- modules/root/root.auto.css */
/*
    Document   : root.auto.css
    Created on : 10 déc. 2011, 03:54:38
    Author     : eric
    Description:
        Purpose of the stylesheet follows.
*/

.box-right.debug {
	padding: 2px;
	font-family: mono;
}
.box-right.debug th {
	font-weight: bold;
}
.box-right.debug tr th {
	padding-right: 5px;
}
.box-right.debug thead th {
	text-align: center;
}


/* --- modules/rule_books/rule_books.auto.css */
/*
    Document   : rule_books.auto.css
    Created on : 25 févr. 2012, 19:46:49
    Author     : Éric Ortéga <eric@planysphere.fr>
*/

.ico.rule_books {
	background-image: url("../modules/rule_books/_images/icons_fatcow/16x16/book_picture.png") !important;
}


/* --- modules/seasons/seasons.auto.css */
.ico.seasonMain,
.ico.season_groups.add,
.ico.seasons {
	background-image: url("../../modules/seasons/images/calendar-seasons.png") !important;
}
.ico.season_groups {
	background-image: url("../modules/seasons/_images/icons/cog.png") !important;
}

.ico.legend.B {
	background-image: url("../../modules/seasons/images/legend_green.png") !important;
}
.ico.legend.M {
	background-image: url("../../modules/seasons/images/legend_yellow.png") !important;
}
.ico.legend.H {
	background-image: url("../../modules/seasons/images/legend_red.png") !important;
}

table.eo-calendar-month tr.zone .marker.oce-season {
	opacity: .5;
}
table.eo-calendar-month tr.zone.editable .marker,
table.eo-calendar-month tr.zone .marker.oce-season.B {
	opacity: .5;
	background-color: #8DC63F;
}
table.eo-calendar-month tr.zone .marker.oce-season.M {
	background-color: #FFCD35;
}
table.eo-calendar-month tr.zone .marker.oce-season.H {
	background-color: #D70014;
}

/*.ico.members.add {
	background-image:url("../modules/seasons/_images/icons/user_add.png") !important;
}
.ico.members.edit {
	background-image:url("../modules/seasons/_images/icons/user_edit.png") !important;
}*/


/* --- modules/services/services.auto.css */
.ico.services {
	background-image:url("../modules/services/_images/icons/building.png") !important;
}
.ico.services.add {
	background-image:url("../modules/services/_images/icons/building_add.png") !important;
}
.ico.services.edit {
	background-image:url("../modules/services/_images/icons/building_delete.png") !important;
}


/* --- modules/tax_years/tax_years.auto.css */
.ico.tax_years {
	background-image:url("../modules/tax_years/_images/icons/calendar.png") !important;
}
.ico.tax_years.add {
	background-image:url("../modules/tax_years/_images/icons/calendar_add.png") !important;
}
.ico.tax_years.edit {
	background-image:url("../modules/tax_years/_images/icons/calendar_edit.png") !important;
}


/* --- modules/tranches/tranches.auto.css */
.ico.tranche_groupes {
	background-image:url("../modules/tranches/_images/icons/table.png") !important;
}
.ico.tranche_groupes.add {
	background-image:url("../modules/tranches/_images/icons/table_add.png") !important;
}
.ico.tranche_groupes.edit {
	background-image:url("../modules/tranches/_images/icons/table_delete.png") !important;
}

/* --- modules/users/users.auto.css */
.ico.tranches {
	background-image:url("../modules/users/_images/icons/table.png") !important;
}
.ico.tranches.add {
	background-image:url("../modules/users/_images/icons/table_add.png") !important;
}
.ico.tranches.edit {
	background-image:url("../modules/users/_images/icons/table_delete.png") !important;
}


/* --- modules/website_pages/website_pages.auto.css */
.ico.website_pages {
	background-image:url("../modules/website_pages/_images/icons/page_green.png") !important;
}
.ico.website_pages.add {
	background-image:url("../modules/website_pages/_images/icons/page_add.png") !important;
}
.ico.website_pages.edit {
	background-image:url("../modules/website_pages/_images/icons/page_edit.png") !important;
}

.ico.website_news {
	background-image:url("../modules/website_pages/_images/icons/newspaper.png") !important;
}
.ico.website_news.add {
	background-image:url("../modules/website_pages/_images/icons/newspaper_add.png") !important;
}
.ico.website_news.edit {
	background-image:url("../modules/website_pages/_images/icons/newspaper_edit.png") !important;
}

.ico.website_statics {
	background-image:url("../modules/website_pages/_images/icons/page_red.png") !important;
}


/* --- Opence/Comment/css.auto/CommentPanel.css */
.eo-comment-author-label {
  color: #666; }
  .eo-comment-author-label .author {
    color: #15428B;
    color: #3B73AF; }
    .eo-comment-author-label .author:hover {
      cursor: pointer;
      text-decoration: underline; }

/*noinspection CssOptimizeSimilarProperties*/
.oce-comment-ico.ASC {
  background-image: url("../Opence/Comment/css.auto/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAANElEQVQY02P4//8/AwyXl5c3APF/KG5AlmMYQIVokrhwAzaTMBShWI1DcQNlnkFS3IAuDgDKSOiHYDSrdgAAAABJRU5ErkJggg==");
  width: 12px;
  height: 12px;
  background-position: 1px 2px; }

/*noinspection CssOptimizeSimilarProperties*/
.oce-comment-ico.DESC {
  background-image: url("../Opence/Comment/css.auto/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAL0lEQVQYV2P4//8/AzIuLy9vAGF0cWyK/kMximJcijAU41OEopiQIrhi0t1If4UAykjoh8JG3G8AAAAASUVORK5CYII=");
  width: 12px;
  height: 12px;
  background-position: 1px 2px; }

.oce-comment-list .oce-comment-list-item {
  padding: .8em;
  border-bottom: 1px solid #ccc; }
  .oce-comment-list .oce-comment-list-item.collapsed, .oce-comment-list .oce-comment-list-item:hover {
    background-color: #f0f0f0; }
  .oce-comment-list .oce-comment-list-item .collapse-wrap {
    padding-left: 20px;
    position: relative; }
  .oce-comment-list .oce-comment-list-item .collapse-handle {
    background-repeat: no-repeat;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAA3NCSVQICAjb4U/gAAAAJFBMVEX///9wcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHDRPAkXAAAADHRSTlMAESIziJmqu8zd7v+91kxoAAAACXBIWXMAAAsSAAALEgHS3X78AAAAFnRFWHRDcmVhdGlvbiBUaW1lADIxLzEyLzEymvNa/wAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAySURBVAiZY2AgCbA0MDCkgBgcWxlYd4AYjN0B0YvAclrbdxmAGcyrF0OVWxqQZjwDAwA8XgfBciyedgAAAABJRU5ErkJggg==");
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0; }
  .oce-comment-list .oce-comment-list-item .collapse-handle:hover {
    cursor: pointer; }
  .oce-comment-list .oce-comment-list-item.collapsed {
    cursor: pointer; }
    .oce-comment-list .oce-comment-list-item.collapsed .oce-comment-body {
      display: none; }
    .oce-comment-list .oce-comment-list-item.collapsed .collapse-handle {
      -webkit-transform: rotate(270deg);
      -moz-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
      -o-transform: rotate(270deg);
      transform: rotate(270deg); }
  .oce-comment-list .oce-comment-list-item:hover:not(.collapsed) .action-bar {
    visibility: visible; }
  .oce-comment-list .oce-comment-list-item.editing {
    background-color: transparent; }
    .oce-comment-list .oce-comment-list-item.editing .oce-comment-body {
      display: none; }
    .oce-comment-list .oce-comment-list-item.editing .action-bar {
      visibility: hidden !important; }
    .oce-comment-list .oce-comment-list-item.editing .collapse-handle:hover {
      cursor: default; }
  .oce-comment-list .oce-comment-list-item .header:after {
    visibility: hidden;
    height: 0;
    content: ".";
    display: block;
    clear: both; }
  .oce-comment-list .oce-comment-list-item .action-bar {
    visibility: hidden;
    float: right; }
    .oce-comment-list .oce-comment-list-item .action-bar .action {
      display: inline-block;
      width: 16px;
      height: 16px;
      margin-left: 5px; }
      .oce-comment-list .oce-comment-list-item .action-bar .action:hover {
        cursor: pointer; }
      .oce-comment-list .oce-comment-list-item .action-bar .action.delete {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAMFBMVEX///9wcHBwcHBwcHBwcHBwcHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADliaQvAAAABXRSTlMAM7vd7praNCIAAAA7SURBVHjaY2CAAkYgDmV4fYCBCch4vRoswhIIpP6vYWJAB4wgtQwMvzfApUhlPGAAYSDjLgPD3wcIkwGV+QwoRsqcLQAAAABJRU5ErkJggg=="); }
      .oce-comment-list .oce-comment-list-item .action-bar .action.edit {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAMFBMVEX///9wcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHAAAAAAAACVER+kAAAADXRSTlMAESIzRFVmd4iqu8zuDY55BwAAAFVJREFUeNpjYEABOTcFmEE02xImKSYQI52BwQHEYCtgYPjABBFgWMAEEfgJYoAEuhiYoAJAhjhYAMhwYGB4uQDE0HrwP4sBxNDe8PwCmCEhbsuAFQAA/aASM3OuFFIAAAAASUVORK5CYII="); }
.oce-comment-list .oce-comment-body {
  margin-top: .8em; }
.oce-comment-list .empty-text {
  color: #666;
  font-style: italic; }


/* --- Opence/Comment/css.auto/icons.css */
/**
 * Copyright (C) 2012 Eoko
 *
 * This file is part of Opence.
 *
 * Opence is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Opence is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Opence. If not, see <http://www.gnu.org/licenses/gpl.txt>.
 *
 * @copyright Copyright (C) 2012 Eoko
 * @licence http://www.gnu.org/licenses/gpl.txt GPLv3
 * @author Éric Ortega <eric@eoko.fr>
 */

/**
 *
 * @since 2012-12-12 11:47
 */

.ico.comments {
    background-image: url("../../Opence/Comment/images/comments.png");
}

.ico.comment {
    background-image: url("../../Opence/Comment/images/comment.png");
}
.ico.comment.add {
    background-image: url("../../Opence/Comment/images/comment_add.png");
}
.ico.comment.edit {
    background-image: url("../../Opence/Comment/images/comment_edit.png");
}
.ico.comment.delete {
    background-image: url("../../Opence/Comment/images/comment_delete.png");
}


/* --- Opence/Comment/css.auto/styles.css */
textarea.oce-comment-editor {
    font-family: monospace;
}

/*.eo-comment-author-label {*/
    /*color: #666;*/
    /*font-style: italic;*/
/*}*/

/*.eo-comment-author-label .author {*/
    /*font-weight: bold;*/
    /*color: #15428B;*/
/*}*/

/*.eo-comment-text-field {*/
    /*margin-bottom: 1em;*/
    /*border-top: 1px dotted #ccc;*/
    /*padding: .4em .8em;*/
/*}*/

/*.eo-comment-text-field p {*/
    /*margin-bottom: .5em;*/
/*}*/
/*.eo-comment-text-field blockquote {*/
    /*border-left: 1px solid #AAA;*/
    /*padding-left: 8px;*/
/*}*/


/* --- Opence/Folder/css.auto/form/InvoiceList.css */
/**
 * Copyright (C) 2012 Eoko
 *
 * This file is part of Opence.
 *
 * Opence is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Opence is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Opence. If not, see <http://www.gnu.org/licenses/gpl.txt>.
 *
 * @copyright Copyright (C) 2012 Eoko
 * @licence http://www.gnu.org/licenses/gpl.txt GPLv3
 * @author Éric Ortega <eric@eoko.fr>
 */
/**
 *
 * @since 2012-12-07 09:55
 */
.oce-folder-invoice-list {
  padding: 10px;
  overflow-y: auto; }

.oce-folder-invoice-list .invoice h2 {
  font-size: 14px; }
.oce-folder-invoice-list .invoice .clickable-invoice {
  color: #083772; }
  .oce-folder-invoice-list .invoice .clickable-invoice:hover {
    cursor: pointer;
    text-decoration: underline; }
.oce-folder-invoice-list .invoice .padded {
  box-sizing: border-box;
  padding: 5px; }
.oce-folder-invoice-list .invoice .date {
  font-size: 12px; }
.oce-folder-invoice-list .invoice .price {
  font-family: monospace;
  font-weight: bold;
  text-align: right; }
.oce-folder-invoice-list .invoice .total {
  font-size: 16px;
  background: #ebf4fe; }

.oce-folder-invoice-list .invoice {
  display: block;
  border: 1px solid gainsboro;
  border-radius: 5px;
  overflow: hidden;
  margin: .5em; }
  .oce-folder-invoice-list .invoice .header {
    height: 41px; }
    .oce-folder-invoice-list .invoice .header .total {
      float: right;
      width: 120px;
      height: 100%;
      border-left: 1px solid gainsboro; }
  .oce-folder-invoice-list .invoice .handle {
    visibility: hidden;
    height: 8px;
    margin-top: -8px;
    background: url("../../Opence/Folder/images/triangle_down_8x8.png") no-repeat center center; }
  .oce-folder-invoice-list .invoice .body {
    display: none; }
  .oce-folder-invoice-list .invoice:hover {
    cursor: pointer; }
    .oce-folder-invoice-list .invoice:hover .handle {
      visibility: visible; }
  .oce-folder-invoice-list .invoice.transitioning .handle {
    visibility: hidden; }
  .oce-folder-invoice-list .invoice.expanded .header {
    border-bottom: 1px solid gainsboro; }
  .oce-folder-invoice-list .invoice.expanded .handle {
    background-image: url("../../Opence/Folder/images/triangle_up_8x8.png"); }

.oce-folder-invoice-list .invoice table {
  width: 100%; }


/* --- Opence/Folder/css.auto/ContentPanel.css */
/**
 * Copyright (C) 2013 Eoko
 *
 * This file is part of Opence.
 *
 * Opence is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Opence is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Opence. If not, see <http://www.gnu.org/licenses/gpl.txt>.
 *
 * @copyright Copyright (C) 2013 Eoko
 * @licence http://www.gnu.org/licenses/gpl.txt GPLv3
 * @author Éric Ortega <eric@eoko.fr>
 */

/**
 *
 * @since 2013-08-21 17:16
 */
.oce-folder-content-panel .x-grid-dirty-cell,
.oce-folder-content-panel .x4-grid-dirty-cell {
    background-image: none;
}


/* --- Opence/Folder/css.auto/HeaderPanel.css */
/**
 * Copyright (C) 2012 Eoko
 *
 * This file is part of Opence.
 *
 * Opence is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Opence is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Opence. If not, see <http://www.gnu.org/licenses/gpl.txt>.
 *
 * @copyright Copyright (C) 2012 Eoko
 * @licence http://www.gnu.org/licenses/gpl.txt GPLv3
 * @author Éric Ortega <eric@eoko.fr>
 */
/**
 *
 * @since 2013-03-27 13:38
 */
.oce-folder-header {
  background-color: #fff; }
  .oce-folder-header .title .detail {
    font-style: italic;
    color: #aaa;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap; }
  .oce-folder-header .total {
    text-align: right; }
    .oce-folder-header .total .text.detail {
      font-style: italic;
      color: #aaa; }


/* --- Opence/Folder/css.auto/icons.css */
.oce-folder.ico.activity {
    background-image: url("../../Opence/Folder/images/fatcow/16x16/system_monitor.png") !important;
}


/* --- eoze/modules/GridModule/GridModule.auto.css */

.ico.loading.gm-tab-loading {
	background-image: url("../eoze/modules/GridModule/_images/default/grid/loading.gif") !important;
}

/* Fixes the width of tabs which have an iconCls */
.ico.x-tab-strip-text {
	width: auto;
}

.x-tab-strip span.x-tab-strip-text.ico {
	background-position: 0 3px;
	height: 14px;
}


/* --- Opence/GridModule/GridModule.auto.css */

/* Fixes the width of tabs which have an iconCls */
.ico.x-tab-strip-text {
	width: auto;
}

.x-tab-strip span.x-tab-strip-text.ico {
	background-position: 0 3px;
	height: 14px;
}


/* --- eoze/modules/GridModule/css.auto/HeaderLabel.css */

.eo-gm-form-has-label-header {
	margin-bottom: 4px;
	padding-bottom: 4px;
}

.eo-gm-form-has-label-header .x-panel-header {
	background: none;
	border-width: 0 0 1px;
	padding: 0;
	padding-bottom: 3px;
}
.eo-gm-form-has-label-header.x-panel-noborder .x-panel-header {
	border: 0;
}
.eo-gm-form-has-label-header .x-panel-header .x-panel-header-text {
	margin-bottom: 4px;
	font: 12px tahoma,arial,helvetica,sans-serif;
	color: #000;
}


/* --- eoze/modules/GridModule/css.auto/multisort.css */
/**
 * Copyright (C) 2012 Eoko
 *
 * This file is part of Opence.
 *
 * Opence is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Opence is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Opence. If not, see <http://www.gnu.org/licenses/gpl.txt>.
 *
 * @copyright Copyright (C) 2012 Eoko
 * @licence http://www.gnu.org/licenses/gpl.txt GPLv3
 * @author Éric Ortega <eric@eoko.fr>
 */
/**
 *
 * @since 2012-12-12 17:40
 */
.eo-grid-multisort-toolbar .x-btn-text-icon .x-btn-icon-small-left .x-btn-text {
  height: 18px; }
.eo-grid-multisort-toolbar .x-btn.pill {
  border: 1px solid #99BBE8;
  position: relative;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  o-border-radius: 6px;
  khtml-border-radius: 6px;
  background-color: #DEE7F8;
  padding: 1px 20px 1px 5px; }
.eo-grid-multisort-toolbar .close-button {
  background: url("../../eoze/modules/GridModule/images/multisort/close.png") no-repeat scroll left 0px;
  border: none;
  cursor: default;
  font-size: 1px;
  height: 16px;
  padding: 0;
  position: absolute;
  right: 0px;
  top: 2px;
  width: 13px;
  display: block;
  cursor: pointer; }
  .eo-grid-multisort-toolbar .close-button:hover, .eo-grid-multisort-toolbar .close-button:active {
    background-position: left -12px; }
.eo-grid-multisort-toolbar .ico.clear {
  background: url("../../eoze/modules/GridModule/images/multisort/clear.png") no-repeat scroll left 0px; }
.eo-grid-multisort-toolbar .x-btn-over .ico.clear {
  background-position: left -16px; }


/* --- Opence/GridModule/css.auto/BufferedGridPlugin.css */
/*
    Created on : 26/03/12 13:33
    Author     : Éric Ortéga <eric@planysphere.fr>
*/

.icon.ribbon.togglePagingToolbar {
	background-image: url("../Opence/GridModule/css.auto/../_images/icons_fatcow/32x32/page_white_code.png") !important;
}


/* --- Opence/GridModule/css.auto/GridSummaryPlugin.css */
/*
    Document   : GridSummaryPlugin
    Created on : 16 mars 2012, 22:04:56
    Author     : Éric Ortéga <eric@planysphere.fr>
*/

.icon.ribbon.toggleSummary {
	background-image: url("../Opence/GridModule/css.auto/../_images/icons_fatcow/32x32/sum.png") !important;
}


/* --- Opence/GridModule/css.auto/YearPlugin.css */
/*
    Document   : YearPlugin
    Created on : 21 mars 2012, 17:11:49
    Author     : Éric Ortéga <eric@planysphere.fr>
*/

.icon.ribbon.toggleIgnoreYear {
	background-image: url("../Opence/GridModule/css.auto/../_images/icons_fatcow/32x32/calendar+filter.png") !important;
}


/* --- Opence/Help/css.auto/HelpPanel.css */
.oce-help .oce-help-body {
  font-family: Helvetica, arial, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: white;
  padding: 0 30px; }
.oce-help .oce-help-body > *:first-child {
  margin-top: 0 !important; }
.oce-help .oce-help-body > *:last-child {
  margin-bottom: 0 !important; }


/* --- Opence/Home/css.auto/ModuleActionPanel.css */
/**
 * Copyright (C) 2013 Eoko
 *
 * This file is part of Opence.
 *
 * Opence is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Opence is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Opence. If not, see <http://www.gnu.org/licenses/gpl.txt>.
 *
 * @copyright Copyright (C) 2013 Eoko
 * @licence http://www.gnu.org/licenses/gpl.txt GPLv3
 * @author Éric Ortega <eric@eoko.fr>
 */

/**
 * @since 2013-01-22 13:26
 */
.oce-action-panel .description-ct p {
    margin-top: .4em;
}

.oce-action-panel .description-ct strong {
    font-weight: bold;
}

.oce-action-panel .description-ct em {
    color: #598BEC;
}


/* --- Opence/Home/css.auto/icons.css */
/**
 * Copyright (C) 2013 Eoko
 *
 * This file is part of Opence.
 *
 * Opence is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Opence is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Opence. If not, see <http://www.gnu.org/licenses/gpl.txt>.
 *
 * @copyright Copyright (C) 2013 Eoko
 * @licence http://www.gnu.org/licenses/gpl.txt GPLv3
 * @author Éric Ortega <eric@eoko.fr>
 */

/**
 *
 * @since 2013-01-21 15:58
 */

.ico.Home {
    background-image: url("../../Opence/Home/images/lightning.png");
}

.oce-action-panel .icon.module {
    background-image: url("../../Opence/Home/css.auto/32x32/table.png");
}

.oce-action-panel.members .icon.member.x16 {
    background-image: url("../../Opence/Home/css.auto/16x16/user.png");
}

.oce-action-panel.members .icon.member {
    background-image: url("../../Opence/Home/css.auto/32x32/user.png");
}

.oce-action-panel.members .icon.member.add {
    background-image: url("../../Opence/Home/css.auto/32x32/user_add.png");
}

.oce-action-panel.members .icon.member.add-from-contact {
    background-image: url("../../Opence/Home/css.auto/32x32/user_add_vcard.png");
}

/* Contact */

.oce-action-panel.contacts .icon.contact.x16 {
    background-image: url("../../Opence/Home/css.auto/16x16/vcard.png");
}

.oce-action-panel.contacts .icon.contact {
    background-image: url("../../Opence/Home/css.auto/32x32/vcard.png");
}

.oce-action-panel.contacts .icon.contact.add {
    background-image: url("../../Opence/Home/css.auto/32x32/vcard_add.png");
}


/* --- Opence/Invoice/css.auto/view/pdf/ImagePreview.css */
/**
 * Copyright (C) 2013 Eoko
 *
 * This file is part of Opence.
 *
 * Opence is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Opence is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Opence. If not, see <http://www.gnu.org/licenses/gpl.txt>.
 *
 * @copyright Copyright (C) 2013 Eoko
 * @licence http://www.gnu.org/licenses/gpl.txt GPLv3
 * @author Éric Ortega <eric@eoko.fr>
 */

/**
 *
 * @since 2013-01-30 20:02
 */
.oce-image-preview-cp.empty {
    background: #dadada url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDAiIGhlaWdodD0iMTAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4KICAgIDxyZWN0IHN0eWxlPSJzdHJva2U6IGJsYWNrOyBzdHJva2Utd2lkdGg6IDE7IGZpbGw6IG5vbmU7IiB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIi8+CiAgICA8bGluZSBzdHlsZT0ic3Ryb2tlOiBibGFjazsgc3Ryb2tlLXdpZHRoOiAxOyIgeDE9IjAiIHkxPSIwIiB4Mj0iMTAwJSIgeTI9IjEwMCUiIC8+CiAgICA8bGluZSBzdHlsZT0ic3Ryb2tlOiBibGFjazsgc3Ryb2tlLXdpZHRoOiAxOyIgeDE9IjAiIHkxPSIxMDAlIiB4Mj0iMTAwJSIgeTI9IjAiIC8+Cjwvc3ZnPgo=");
    background-size: 100% 100%;
}
.oce-image-preview-cp.empty img {
    width: 100%;
    height: 100%;
    display: none;
}


/* --- Opence/Invoice/css.auto/view/Invoicelet.css */
/**
 * Copyright (C) 2012 Eoko
 *
 * This file is part of Opence.
 *
 * Opence is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Opence is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Opence. If not, see <http://www.gnu.org/licenses/gpl.txt>.
 *
 * @copyright Copyright (C) 2012 Eoko
 * @licence http://www.gnu.org/licenses/gpl.txt GPLv3
 * @author Éric Ortega <eric@eoko.fr>
 */
/**
 *
 * @since 2013-01-26 19:04
 */
.oce-invoicelet .invoice h2 {
  font-size: 14px; }
.oce-invoicelet .invoice .clickable-invoice {
  color: #083772; }
  .oce-invoicelet .invoice .clickable-invoice:hover {
    cursor: pointer;
    text-decoration: underline; }
.oce-invoicelet .invoice .padded {
  box-sizing: border-box;
  padding: 5px; }
.oce-invoicelet .invoice .date {
  font-size: 12px; }
.oce-invoicelet .invoice .price, .oce-invoicelet .invoice .number {
  font-family: monospace;
  text-align: right; }
.oce-invoicelet .invoice .price {
  font-weight: bold; }
  .oce-invoicelet .invoice .price .current {
    font-size: 80%;
    color: #666; }
  .oce-invoicelet .invoice .price .symbol {
    display: inline-block;
    width: 15px; }
.oce-invoicelet .invoice .price-details {
  float: right;
  text-align: right; }
.oce-invoicelet .invoice .header .total {
  font-size: 16px;
  background: #ebf4fe;
  line-height: 100%; }
.oce-invoicelet .invoice.billing .header .total {
  background-color: #FEEBED; }
.oce-invoicelet .invoice.refund .header .total {
  background-color: #EBFEEB; }

.oce-invoicelet .invoice {
  display: block;
  border: 1px solid gainsboro;
  border-radius: 5px;
  overflow: hidden;
  background-color: #fff; }
  .oce-invoicelet .invoice .header {
    height: 42px;
    position: relative;
    overflow: hidden; }
    .oce-invoicelet .invoice .header .total {
      float: right;
      width: 120px;
      height: 100%;
      border-left: 1px solid gainsboro;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; }
    .oce-invoicelet .invoice .header .id {
      float: left;
      width: 85px; }
    .oce-invoicelet .invoice .header .object {
      min-width: 100px;
      margin-left: 10px;
      text-align: center; }
      .oce-invoicelet .invoice .header .object p {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .oce-invoicelet .invoice .header .object .dest {
        font-size: 14px;
        font-weight: bold; }
      .oce-invoicelet .invoice .header .object .subtitle {
        font-style: italic;
        font-size: 12px;
        color: #999; }
    .oce-invoicelet .invoice .header .handle {
      margin: 0;
      position: absolute;
      bottom: 0;
      width: 100%; }
    .oce-invoicelet .invoice .header .status {
      float: left;
      width: 45px;
      height: 41px;
      margin-right: 0; }
      .oce-invoicelet .invoice .header .status .icon {
        background-size: auto 100%;
        background-repeat: no-repeat;
        height: 100%;
        width: 100%;
        border: 0; }
      .oce-invoicelet .invoice .header .status .icon.waiting, .oce-invoicelet .invoice .header .status .icon.task {
        background-image: url("../../Opence/Invoice/images/noun_project_2486_gray.svg"); }
      .oce-invoicelet .invoice .header .status .icon.pending {
        background-image: url("../../Opence/Invoice/images/noun_project_6067_gray.svg"); }
      .oce-invoicelet .invoice .header .status .icon.quote {
        background-image: url("../../Opence/Invoice/images/noun_project_7993_gray.svg"); }
      .oce-invoicelet .invoice .header .status .icon.done {
        background-image: url("../../Opence/Invoice/images/noun_project_3879_gray.svg"); }
  .oce-invoicelet .invoice .handle {
    visibility: hidden;
    height: 8px;
    margin-top: -8px;
    background: url("../../Opence/Invoice/images/triangle_down_8x8.png") no-repeat center center; }
  .oce-invoicelet .invoice .body {
    display: none; }
  .oce-invoicelet .invoice table.lines {
    table-layout: fixed; }
    .oce-invoicelet .invoice table.lines tr:nth-of-type(even) {
      background-color: #f6f6f6; }
    .oce-invoicelet .invoice table.lines td {
      padding: 2px 5px; }
    .oce-invoicelet .invoice table.lines col.quantity {
      width: 70px; }
    .oce-invoicelet .invoice table.lines col.total {
      width: 120px;
      padding-right: 1px; }
  .oce-invoicelet .invoice .toolbar {
    border-bottom: 1px solid gainsboro;
    font-size: 0; }
    .oce-invoicelet .invoice .toolbar.bottom {
      border-top: 1px solid gainsboro;
      border-bottom: 0; }
    .oce-invoicelet .invoice .toolbar:after {
      visibility: hidden;
      height: 0;
      content: ".";
      display: block;
      clear: both; }
    .oce-invoicelet .invoice .toolbar .group {
      display: block;
      float: left;
      margin-left: 20px; }
      .oce-invoicelet .invoice .toolbar .group:first-of-type {
        margin-left: 0; }
    .oce-invoicelet .invoice .toolbar .action {
      display: block;
      float: left;
      height: 32px;
      width: 32px;
      margin: 5px;
      margin-right: 0; }
      .oce-invoicelet .invoice .toolbar .action .mask {
        width: 100%;
        height: 100%;
        background-color: #fff;
        opacity: .8; }
      .oce-invoicelet .invoice .toolbar .action:hover {
        cursor: pointer; }
        .oce-invoicelet .invoice .toolbar .action:hover .mask {
          display: none; }
      .oce-invoicelet .invoice .toolbar .action:first-of-type {
        margin-left: 0; }
      .oce-invoicelet .invoice .toolbar .action.open {
        background-image: url("../../Opence/Invoice/images/fatcow/open_folder.png"); }
      .oce-invoicelet .invoice .toolbar .action.accept {
        background-image: url("../../Opence/Invoice/images/fatcow/accept.png"); }
      .oce-invoicelet .invoice .toolbar .action.decline {
        background-image: url("../../Opence/Invoice/images/fatcow/cancel.png"); }
      .oce-invoicelet .invoice .toolbar .action.payment {
        background-image: url("../../Opence/Invoice/images/fatcow/money_add.png"); }
  .oce-invoicelet .invoice .header:hover {
    cursor: pointer; }
    .oce-invoicelet .invoice .header:hover .handle {
      visibility: visible; }
  .oce-invoicelet .invoice.transitioning .header {
    cursor: default; }
    .oce-invoicelet .invoice.transitioning .header .handle {
      visibility: hidden; }
  .oce-invoicelet .invoice.expanded .header {
    border-bottom: 1px solid gainsboro; }
    .oce-invoicelet .invoice.expanded .header .total {
      border-bottom-right-radius: 0; }
  .oce-invoicelet .invoice.expanded .handle {
    background-image: url("../../Opence/Invoice/images/triangle_up_8x8.png"); }

.oce-invoicelet .invoice table {
  width: 100%; }


/* --- Opence/Invoice/css.auto/view/ModuleActionPanel.css */
/**
 * Copyright (C) 2013 Eoko
 *
 * This file is part of Opence.
 *
 * Opence is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Opence is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Opence. If not, see <http://www.gnu.org/licenses/gpl.txt>.
 *
 * @copyright Copyright (C) 2013 Eoko
 * @licence http://www.gnu.org/licenses/gpl.txt GPLv3
 * @author Éric Ortega <eric@eoko.fr>
 */

/**
 *
 * @since 2013-02-01 18:10
 */

.oce-action-panel .icon.invoice {
    background-image: url("../../Opence/Invoice/images/fatcow/32x32/document_index+down+add.png");
}

.oce-action-panel .icon.invoice.refund {
    background-image: url("../../Opence/Invoice/images/fatcow/32x32/document_index+up+add.png");
}


/* --- Opence/Invoice/css.auto/SmInvoiceOptions.css */
/**
 * Copyright (C) 2013 Eoko
 *
 * This file is part of Opence.
 *
 * Opence is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Opence is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Opence. If not, see <http://www.gnu.org/licenses/gpl.txt>.
 *
 * @copyright Copyright (C) 2013 Eoko
 * @licence http://www.gnu.org/licenses/gpl.txt GPLv3
 * @author Éric Ortega <eric@eoko.fr>
 */

/**
 *
 * @since 2013-01-31 05:23
 */
.ribbon.icon.exportSettings {
    background-image: url("../../Opence/Invoice/images/fatcow/document_index+gear.png");
}


/* --- Opence/Invoice/css.auto/SmModuleIcons.css */
/*
    Document   : icons.auto.css
    Created on : 16 mars 2012, 02:32:36
    Author     : Éric Ortéga <eric@planysphere.fr>
*/

/*.ico.SmsInvoices {
	background-image:url("../Opence/Invoice/css.auto/_images/icons/book.png") !important;
}
.ico.SmsInvoices.add {
	background-image:url("../Opence/Invoice/css.auto/_images/icons/book_add.png") !important;
}
.ico.SmsInvoices.edit {
	background-image:url("../Opence/Invoice/css.auto/_images/icons/book_edit.png") !important;
}*/

/**
 *
 * @since 2013-02-01 10:05
 */
.ico.invoice {
    background-image: url("../../Opence/Invoice/images/fatcow/16x16/document_index.png") !important;
}

.ico.SmSummary,
.ico.SmSummaryProducts {
	background-image:url("../Opence/Invoice/css.auto/_images/icons/report.png") !important;
}

.ico.SmsInvoices {
	background-image:url("../../Opence/Invoice/images/fatcow/16x16/document_index.png") !important;
}
.ico.SmsInvoices.add {
    background-image:url("../../Opence/Invoice/images/fatcow/16x16/document_index+add.png") !important;
}
.ico.SmsInvoices.delete {
    background-image:url("../../Opence/Invoice/images/fatcow/16x16/document_index+delete.png") !important;
}
.ico.SmsInvoices.edit {
    background-image:url("../../Opence/Invoice/images/fatcow/16x16/document_index+edit.png") !important;
}

.ico.SmsInvoicesDraft {
	background-image: url("../../Opence/Invoice/images/fatcow/16x16/document_empty.png") !important;
}

.ico.SmsInvoicesValidated {
	background-image: url("../../Opence/Invoice/images/fatcow/16x16/document_index+valid.png") !important;
}

.ico.SmsInvoicesRejected {
	background-image: url("../../Opence/Invoice/images/fatcow/16x16/document_index+cancel.png") !important;
}

.ico.SmsInvoicesDue {
	/*background-image: url("../Opence/Invoice/css.auto/_images/icons/checkbox.png") !important;*/
    background-image: url("../../Opence/Invoice/images/fatcow/16x16/gear_in.png") !important;
}

.ico.SmsInvoicesFinished {
	/*background-image: url("../Opence/Invoice/css.auto/_images/icons/coins.png") !important;*/
	/*background-image: url("../Opence/Invoice/css.auto/_images/icons/checkbox_ticked_green.png") !important;*/
    background-image: url("../../Opence/Invoice/images/fatcow/16x16/check_box.png") !important;
}


/* --- Opence/Member/css.auto/import/LoadingPanel.css */
.oce-member-import-loading-panel {
  margin-top: 45px;
  text-align: center; }
  .oce-member-import-loading-panel .loader {
    width: 220px;
    height: 19px;
    background-image: url("../../Opence/Member/images/import/loading-bar.gif");
    margin: 20px auto 5px; }


/* --- Opence/Member/css.auto/import/ResultPanel.css */
/**
 * Copyright (C) 2013 Eoko
 *
 * This file is part of Opence.
 *
 * Opence is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Opence is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Opence. If not, see <http://www.gnu.org/licenses/gpl.txt>.
 *
 * @copyright Copyright (C) 2013 Eoko
 * @licence http://www.gnu.org/licenses/gpl.txt GPLv3
 * @author Éric Ortega <eric@eoko.fr>
 */
/**
 *
 * @since 2013-04-12 16:51
 */
.oce-member-import-result-panel .modified-value {
  color: blue; }
  .oce-member-import-result-panel .modified-value.empty {
    font-style: italic; }


/* --- Opence/Member/css.auto/import/icons.css */
/**
 * Copyright (C) 2013 Eoko
 *
 * This file is part of Opence.
 *
 * Opence is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Opence is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Opence. If not, see <http://www.gnu.org/licenses/gpl.txt>.
 *
 * @copyright Copyright (C) 2013 Eoko
 * @licence http://www.gnu.org/licenses/gpl.txt GPLv3
 * @author Éric Ortega <eric@eoko.fr>
 */

/**
 *
 * @since 2013-04-12 15:49
 */

.ico.members.import, /* menu action icon */
.ico.importMembers {
    background-image: url("../../Opence/Member/images/fatcow/16x16/table_import.png");
}

.ribbon.icon.importMembers {
    background-image: url("../../Opence/Member/images/fatcow/32x32/table_import.png");
}


/* --- Opence/Member/css.auto/Eoze.Grid.FrameWork.css */
/**
 * Copyright (C) 2013 Eoko
 *
 * This file is part of Opence.
 *
 * Opence is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Opence is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Opence. If not, see <http://www.gnu.org/licenses/gpl.txt>.
 *
 * @copyright Copyright (C) 2013 Eoko
 * @licence http://www.gnu.org/licenses/gpl.txt GPLv3
 * @author Éric Ortega <eric@eoko.fr>
 */
/**
 * Eoze CSS Framework (EoSS) Column System Module.
 *
 * @since 2013-01-24 21:09
 */
.eoss-grid .eo-row-2-columns .col,
.eoss-grid .container-2-columns .col {
  width: 50%;
  float: left;
  padding: 0 5px; }
  .eoss-grid .eo-row-2-columns .col.span-2,
  .eoss-grid .container-2-columns .col.span-2 {
    width: 100%; }
  .eoss-grid .eo-row-2-columns .col.span-3,
  .eoss-grid .container-2-columns .col.span-3 {
    width: 150%; }
  .eoss-grid .eo-row-2-columns .col.span-4,
  .eoss-grid .container-2-columns .col.span-4 {
    width: 200%; }
  .eoss-grid .eo-row-2-columns .col.span-5,
  .eoss-grid .container-2-columns .col.span-5 {
    width: 250%; }
  .eoss-grid .eo-row-2-columns .col.span-6,
  .eoss-grid .container-2-columns .col.span-6 {
    width: 300%; }
  .eoss-grid .eo-row-2-columns .col.span-7,
  .eoss-grid .container-2-columns .col.span-7 {
    width: 350%; }
  .eoss-grid .eo-row-2-columns .col.span-8,
  .eoss-grid .container-2-columns .col.span-8 {
    width: 400%; }
  .eoss-grid .eo-row-2-columns .col.span-9,
  .eoss-grid .container-2-columns .col.span-9 {
    width: 450%; }
  .eoss-grid .eo-row-2-columns .col.span-10,
  .eoss-grid .container-2-columns .col.span-10 {
    width: 500%; }
  .eoss-grid .eo-row-2-columns .col.span-11,
  .eoss-grid .container-2-columns .col.span-11 {
    width: 550%; }
  .eoss-grid .eo-row-2-columns .col.span-12,
  .eoss-grid .container-2-columns .col.span-12 {
    width: 600%; }
.eoss-grid .eo-row-2-columns .col:first-of-type,
.eoss-grid .container-2-columns .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-2-columns .col:last-of-type,
.eoss-grid .container-2-columns .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-2-columns:after,
.eoss-grid .container-2-columns:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-2-columns.gutter-5 .col,
.eoss-grid .container-2-columns.gutter-5 .col {
  width: 50%;
  float: left;
  padding: 0 2.5px; }
  .eoss-grid .eo-row-2-columns.gutter-5 .col.span-2,
  .eoss-grid .container-2-columns.gutter-5 .col.span-2 {
    width: 100%; }
  .eoss-grid .eo-row-2-columns.gutter-5 .col.span-3,
  .eoss-grid .container-2-columns.gutter-5 .col.span-3 {
    width: 150%; }
  .eoss-grid .eo-row-2-columns.gutter-5 .col.span-4,
  .eoss-grid .container-2-columns.gutter-5 .col.span-4 {
    width: 200%; }
  .eoss-grid .eo-row-2-columns.gutter-5 .col.span-5,
  .eoss-grid .container-2-columns.gutter-5 .col.span-5 {
    width: 250%; }
  .eoss-grid .eo-row-2-columns.gutter-5 .col.span-6,
  .eoss-grid .container-2-columns.gutter-5 .col.span-6 {
    width: 300%; }
  .eoss-grid .eo-row-2-columns.gutter-5 .col.span-7,
  .eoss-grid .container-2-columns.gutter-5 .col.span-7 {
    width: 350%; }
  .eoss-grid .eo-row-2-columns.gutter-5 .col.span-8,
  .eoss-grid .container-2-columns.gutter-5 .col.span-8 {
    width: 400%; }
  .eoss-grid .eo-row-2-columns.gutter-5 .col.span-9,
  .eoss-grid .container-2-columns.gutter-5 .col.span-9 {
    width: 450%; }
  .eoss-grid .eo-row-2-columns.gutter-5 .col.span-10,
  .eoss-grid .container-2-columns.gutter-5 .col.span-10 {
    width: 500%; }
  .eoss-grid .eo-row-2-columns.gutter-5 .col.span-11,
  .eoss-grid .container-2-columns.gutter-5 .col.span-11 {
    width: 550%; }
  .eoss-grid .eo-row-2-columns.gutter-5 .col.span-12,
  .eoss-grid .container-2-columns.gutter-5 .col.span-12 {
    width: 600%; }
.eoss-grid .eo-row-2-columns.gutter-5 .col:first-of-type,
.eoss-grid .container-2-columns.gutter-5 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-2-columns.gutter-5 .col:last-of-type,
.eoss-grid .container-2-columns.gutter-5 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-2-columns.gutter-5:after,
.eoss-grid .container-2-columns.gutter-5:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-2-columns.gutter-10 .col,
.eoss-grid .container-2-columns.gutter-10 .col {
  width: 50%;
  float: left;
  padding: 0 5px; }
  .eoss-grid .eo-row-2-columns.gutter-10 .col.span-2,
  .eoss-grid .container-2-columns.gutter-10 .col.span-2 {
    width: 100%; }
  .eoss-grid .eo-row-2-columns.gutter-10 .col.span-3,
  .eoss-grid .container-2-columns.gutter-10 .col.span-3 {
    width: 150%; }
  .eoss-grid .eo-row-2-columns.gutter-10 .col.span-4,
  .eoss-grid .container-2-columns.gutter-10 .col.span-4 {
    width: 200%; }
  .eoss-grid .eo-row-2-columns.gutter-10 .col.span-5,
  .eoss-grid .container-2-columns.gutter-10 .col.span-5 {
    width: 250%; }
  .eoss-grid .eo-row-2-columns.gutter-10 .col.span-6,
  .eoss-grid .container-2-columns.gutter-10 .col.span-6 {
    width: 300%; }
  .eoss-grid .eo-row-2-columns.gutter-10 .col.span-7,
  .eoss-grid .container-2-columns.gutter-10 .col.span-7 {
    width: 350%; }
  .eoss-grid .eo-row-2-columns.gutter-10 .col.span-8,
  .eoss-grid .container-2-columns.gutter-10 .col.span-8 {
    width: 400%; }
  .eoss-grid .eo-row-2-columns.gutter-10 .col.span-9,
  .eoss-grid .container-2-columns.gutter-10 .col.span-9 {
    width: 450%; }
  .eoss-grid .eo-row-2-columns.gutter-10 .col.span-10,
  .eoss-grid .container-2-columns.gutter-10 .col.span-10 {
    width: 500%; }
  .eoss-grid .eo-row-2-columns.gutter-10 .col.span-11,
  .eoss-grid .container-2-columns.gutter-10 .col.span-11 {
    width: 550%; }
  .eoss-grid .eo-row-2-columns.gutter-10 .col.span-12,
  .eoss-grid .container-2-columns.gutter-10 .col.span-12 {
    width: 600%; }
.eoss-grid .eo-row-2-columns.gutter-10 .col:first-of-type,
.eoss-grid .container-2-columns.gutter-10 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-2-columns.gutter-10 .col:last-of-type,
.eoss-grid .container-2-columns.gutter-10 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-2-columns.gutter-10:after,
.eoss-grid .container-2-columns.gutter-10:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-2-columns.gutter-15 .col,
.eoss-grid .container-2-columns.gutter-15 .col {
  width: 50%;
  float: left;
  padding: 0 7.5px; }
  .eoss-grid .eo-row-2-columns.gutter-15 .col.span-2,
  .eoss-grid .container-2-columns.gutter-15 .col.span-2 {
    width: 100%; }
  .eoss-grid .eo-row-2-columns.gutter-15 .col.span-3,
  .eoss-grid .container-2-columns.gutter-15 .col.span-3 {
    width: 150%; }
  .eoss-grid .eo-row-2-columns.gutter-15 .col.span-4,
  .eoss-grid .container-2-columns.gutter-15 .col.span-4 {
    width: 200%; }
  .eoss-grid .eo-row-2-columns.gutter-15 .col.span-5,
  .eoss-grid .container-2-columns.gutter-15 .col.span-5 {
    width: 250%; }
  .eoss-grid .eo-row-2-columns.gutter-15 .col.span-6,
  .eoss-grid .container-2-columns.gutter-15 .col.span-6 {
    width: 300%; }
  .eoss-grid .eo-row-2-columns.gutter-15 .col.span-7,
  .eoss-grid .container-2-columns.gutter-15 .col.span-7 {
    width: 350%; }
  .eoss-grid .eo-row-2-columns.gutter-15 .col.span-8,
  .eoss-grid .container-2-columns.gutter-15 .col.span-8 {
    width: 400%; }
  .eoss-grid .eo-row-2-columns.gutter-15 .col.span-9,
  .eoss-grid .container-2-columns.gutter-15 .col.span-9 {
    width: 450%; }
  .eoss-grid .eo-row-2-columns.gutter-15 .col.span-10,
  .eoss-grid .container-2-columns.gutter-15 .col.span-10 {
    width: 500%; }
  .eoss-grid .eo-row-2-columns.gutter-15 .col.span-11,
  .eoss-grid .container-2-columns.gutter-15 .col.span-11 {
    width: 550%; }
  .eoss-grid .eo-row-2-columns.gutter-15 .col.span-12,
  .eoss-grid .container-2-columns.gutter-15 .col.span-12 {
    width: 600%; }
.eoss-grid .eo-row-2-columns.gutter-15 .col:first-of-type,
.eoss-grid .container-2-columns.gutter-15 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-2-columns.gutter-15 .col:last-of-type,
.eoss-grid .container-2-columns.gutter-15 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-2-columns.gutter-15:after,
.eoss-grid .container-2-columns.gutter-15:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-2-columns.gutter-20 .col,
.eoss-grid .container-2-columns.gutter-20 .col {
  width: 50%;
  float: left;
  padding: 0 10px; }
  .eoss-grid .eo-row-2-columns.gutter-20 .col.span-2,
  .eoss-grid .container-2-columns.gutter-20 .col.span-2 {
    width: 100%; }
  .eoss-grid .eo-row-2-columns.gutter-20 .col.span-3,
  .eoss-grid .container-2-columns.gutter-20 .col.span-3 {
    width: 150%; }
  .eoss-grid .eo-row-2-columns.gutter-20 .col.span-4,
  .eoss-grid .container-2-columns.gutter-20 .col.span-4 {
    width: 200%; }
  .eoss-grid .eo-row-2-columns.gutter-20 .col.span-5,
  .eoss-grid .container-2-columns.gutter-20 .col.span-5 {
    width: 250%; }
  .eoss-grid .eo-row-2-columns.gutter-20 .col.span-6,
  .eoss-grid .container-2-columns.gutter-20 .col.span-6 {
    width: 300%; }
  .eoss-grid .eo-row-2-columns.gutter-20 .col.span-7,
  .eoss-grid .container-2-columns.gutter-20 .col.span-7 {
    width: 350%; }
  .eoss-grid .eo-row-2-columns.gutter-20 .col.span-8,
  .eoss-grid .container-2-columns.gutter-20 .col.span-8 {
    width: 400%; }
  .eoss-grid .eo-row-2-columns.gutter-20 .col.span-9,
  .eoss-grid .container-2-columns.gutter-20 .col.span-9 {
    width: 450%; }
  .eoss-grid .eo-row-2-columns.gutter-20 .col.span-10,
  .eoss-grid .container-2-columns.gutter-20 .col.span-10 {
    width: 500%; }
  .eoss-grid .eo-row-2-columns.gutter-20 .col.span-11,
  .eoss-grid .container-2-columns.gutter-20 .col.span-11 {
    width: 550%; }
  .eoss-grid .eo-row-2-columns.gutter-20 .col.span-12,
  .eoss-grid .container-2-columns.gutter-20 .col.span-12 {
    width: 600%; }
.eoss-grid .eo-row-2-columns.gutter-20 .col:first-of-type,
.eoss-grid .container-2-columns.gutter-20 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-2-columns.gutter-20 .col:last-of-type,
.eoss-grid .container-2-columns.gutter-20 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-2-columns.gutter-20:after,
.eoss-grid .container-2-columns.gutter-20:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-2-columns.gutter-25 .col,
.eoss-grid .container-2-columns.gutter-25 .col {
  width: 50%;
  float: left;
  padding: 0 12.5px; }
  .eoss-grid .eo-row-2-columns.gutter-25 .col.span-2,
  .eoss-grid .container-2-columns.gutter-25 .col.span-2 {
    width: 100%; }
  .eoss-grid .eo-row-2-columns.gutter-25 .col.span-3,
  .eoss-grid .container-2-columns.gutter-25 .col.span-3 {
    width: 150%; }
  .eoss-grid .eo-row-2-columns.gutter-25 .col.span-4,
  .eoss-grid .container-2-columns.gutter-25 .col.span-4 {
    width: 200%; }
  .eoss-grid .eo-row-2-columns.gutter-25 .col.span-5,
  .eoss-grid .container-2-columns.gutter-25 .col.span-5 {
    width: 250%; }
  .eoss-grid .eo-row-2-columns.gutter-25 .col.span-6,
  .eoss-grid .container-2-columns.gutter-25 .col.span-6 {
    width: 300%; }
  .eoss-grid .eo-row-2-columns.gutter-25 .col.span-7,
  .eoss-grid .container-2-columns.gutter-25 .col.span-7 {
    width: 350%; }
  .eoss-grid .eo-row-2-columns.gutter-25 .col.span-8,
  .eoss-grid .container-2-columns.gutter-25 .col.span-8 {
    width: 400%; }
  .eoss-grid .eo-row-2-columns.gutter-25 .col.span-9,
  .eoss-grid .container-2-columns.gutter-25 .col.span-9 {
    width: 450%; }
  .eoss-grid .eo-row-2-columns.gutter-25 .col.span-10,
  .eoss-grid .container-2-columns.gutter-25 .col.span-10 {
    width: 500%; }
  .eoss-grid .eo-row-2-columns.gutter-25 .col.span-11,
  .eoss-grid .container-2-columns.gutter-25 .col.span-11 {
    width: 550%; }
  .eoss-grid .eo-row-2-columns.gutter-25 .col.span-12,
  .eoss-grid .container-2-columns.gutter-25 .col.span-12 {
    width: 600%; }
.eoss-grid .eo-row-2-columns.gutter-25 .col:first-of-type,
.eoss-grid .container-2-columns.gutter-25 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-2-columns.gutter-25 .col:last-of-type,
.eoss-grid .container-2-columns.gutter-25 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-2-columns.gutter-25:after,
.eoss-grid .container-2-columns.gutter-25:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-2-columns.gutter-30 .col,
.eoss-grid .container-2-columns.gutter-30 .col {
  width: 50%;
  float: left;
  padding: 0 15px; }
  .eoss-grid .eo-row-2-columns.gutter-30 .col.span-2,
  .eoss-grid .container-2-columns.gutter-30 .col.span-2 {
    width: 100%; }
  .eoss-grid .eo-row-2-columns.gutter-30 .col.span-3,
  .eoss-grid .container-2-columns.gutter-30 .col.span-3 {
    width: 150%; }
  .eoss-grid .eo-row-2-columns.gutter-30 .col.span-4,
  .eoss-grid .container-2-columns.gutter-30 .col.span-4 {
    width: 200%; }
  .eoss-grid .eo-row-2-columns.gutter-30 .col.span-5,
  .eoss-grid .container-2-columns.gutter-30 .col.span-5 {
    width: 250%; }
  .eoss-grid .eo-row-2-columns.gutter-30 .col.span-6,
  .eoss-grid .container-2-columns.gutter-30 .col.span-6 {
    width: 300%; }
  .eoss-grid .eo-row-2-columns.gutter-30 .col.span-7,
  .eoss-grid .container-2-columns.gutter-30 .col.span-7 {
    width: 350%; }
  .eoss-grid .eo-row-2-columns.gutter-30 .col.span-8,
  .eoss-grid .container-2-columns.gutter-30 .col.span-8 {
    width: 400%; }
  .eoss-grid .eo-row-2-columns.gutter-30 .col.span-9,
  .eoss-grid .container-2-columns.gutter-30 .col.span-9 {
    width: 450%; }
  .eoss-grid .eo-row-2-columns.gutter-30 .col.span-10,
  .eoss-grid .container-2-columns.gutter-30 .col.span-10 {
    width: 500%; }
  .eoss-grid .eo-row-2-columns.gutter-30 .col.span-11,
  .eoss-grid .container-2-columns.gutter-30 .col.span-11 {
    width: 550%; }
  .eoss-grid .eo-row-2-columns.gutter-30 .col.span-12,
  .eoss-grid .container-2-columns.gutter-30 .col.span-12 {
    width: 600%; }
.eoss-grid .eo-row-2-columns.gutter-30 .col:first-of-type,
.eoss-grid .container-2-columns.gutter-30 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-2-columns.gutter-30 .col:last-of-type,
.eoss-grid .container-2-columns.gutter-30 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-2-columns.gutter-30:after,
.eoss-grid .container-2-columns.gutter-30:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-2-columns.gutter-40 .col,
.eoss-grid .container-2-columns.gutter-40 .col {
  width: 50%;
  float: left;
  padding: 0 20px; }
  .eoss-grid .eo-row-2-columns.gutter-40 .col.span-2,
  .eoss-grid .container-2-columns.gutter-40 .col.span-2 {
    width: 100%; }
  .eoss-grid .eo-row-2-columns.gutter-40 .col.span-3,
  .eoss-grid .container-2-columns.gutter-40 .col.span-3 {
    width: 150%; }
  .eoss-grid .eo-row-2-columns.gutter-40 .col.span-4,
  .eoss-grid .container-2-columns.gutter-40 .col.span-4 {
    width: 200%; }
  .eoss-grid .eo-row-2-columns.gutter-40 .col.span-5,
  .eoss-grid .container-2-columns.gutter-40 .col.span-5 {
    width: 250%; }
  .eoss-grid .eo-row-2-columns.gutter-40 .col.span-6,
  .eoss-grid .container-2-columns.gutter-40 .col.span-6 {
    width: 300%; }
  .eoss-grid .eo-row-2-columns.gutter-40 .col.span-7,
  .eoss-grid .container-2-columns.gutter-40 .col.span-7 {
    width: 350%; }
  .eoss-grid .eo-row-2-columns.gutter-40 .col.span-8,
  .eoss-grid .container-2-columns.gutter-40 .col.span-8 {
    width: 400%; }
  .eoss-grid .eo-row-2-columns.gutter-40 .col.span-9,
  .eoss-grid .container-2-columns.gutter-40 .col.span-9 {
    width: 450%; }
  .eoss-grid .eo-row-2-columns.gutter-40 .col.span-10,
  .eoss-grid .container-2-columns.gutter-40 .col.span-10 {
    width: 500%; }
  .eoss-grid .eo-row-2-columns.gutter-40 .col.span-11,
  .eoss-grid .container-2-columns.gutter-40 .col.span-11 {
    width: 550%; }
  .eoss-grid .eo-row-2-columns.gutter-40 .col.span-12,
  .eoss-grid .container-2-columns.gutter-40 .col.span-12 {
    width: 600%; }
.eoss-grid .eo-row-2-columns.gutter-40 .col:first-of-type,
.eoss-grid .container-2-columns.gutter-40 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-2-columns.gutter-40 .col:last-of-type,
.eoss-grid .container-2-columns.gutter-40 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-2-columns.gutter-40:after,
.eoss-grid .container-2-columns.gutter-40:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-2-columns.gutter-50 .col,
.eoss-grid .container-2-columns.gutter-50 .col {
  width: 50%;
  float: left;
  padding: 0 25px; }
  .eoss-grid .eo-row-2-columns.gutter-50 .col.span-2,
  .eoss-grid .container-2-columns.gutter-50 .col.span-2 {
    width: 100%; }
  .eoss-grid .eo-row-2-columns.gutter-50 .col.span-3,
  .eoss-grid .container-2-columns.gutter-50 .col.span-3 {
    width: 150%; }
  .eoss-grid .eo-row-2-columns.gutter-50 .col.span-4,
  .eoss-grid .container-2-columns.gutter-50 .col.span-4 {
    width: 200%; }
  .eoss-grid .eo-row-2-columns.gutter-50 .col.span-5,
  .eoss-grid .container-2-columns.gutter-50 .col.span-5 {
    width: 250%; }
  .eoss-grid .eo-row-2-columns.gutter-50 .col.span-6,
  .eoss-grid .container-2-columns.gutter-50 .col.span-6 {
    width: 300%; }
  .eoss-grid .eo-row-2-columns.gutter-50 .col.span-7,
  .eoss-grid .container-2-columns.gutter-50 .col.span-7 {
    width: 350%; }
  .eoss-grid .eo-row-2-columns.gutter-50 .col.span-8,
  .eoss-grid .container-2-columns.gutter-50 .col.span-8 {
    width: 400%; }
  .eoss-grid .eo-row-2-columns.gutter-50 .col.span-9,
  .eoss-grid .container-2-columns.gutter-50 .col.span-9 {
    width: 450%; }
  .eoss-grid .eo-row-2-columns.gutter-50 .col.span-10,
  .eoss-grid .container-2-columns.gutter-50 .col.span-10 {
    width: 500%; }
  .eoss-grid .eo-row-2-columns.gutter-50 .col.span-11,
  .eoss-grid .container-2-columns.gutter-50 .col.span-11 {
    width: 550%; }
  .eoss-grid .eo-row-2-columns.gutter-50 .col.span-12,
  .eoss-grid .container-2-columns.gutter-50 .col.span-12 {
    width: 600%; }
.eoss-grid .eo-row-2-columns.gutter-50 .col:first-of-type,
.eoss-grid .container-2-columns.gutter-50 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-2-columns.gutter-50 .col:last-of-type,
.eoss-grid .container-2-columns.gutter-50 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-2-columns.gutter-50:after,
.eoss-grid .container-2-columns.gutter-50:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-3-columns .col,
.eoss-grid .container-3-columns .col {
  width: 33.33333%;
  float: left;
  padding: 0 5px; }
  .eoss-grid .eo-row-3-columns .col.span-2,
  .eoss-grid .container-3-columns .col.span-2 {
    width: 66.66667%; }
  .eoss-grid .eo-row-3-columns .col.span-3,
  .eoss-grid .container-3-columns .col.span-3 {
    width: 100%; }
  .eoss-grid .eo-row-3-columns .col.span-4,
  .eoss-grid .container-3-columns .col.span-4 {
    width: 133.33333%; }
  .eoss-grid .eo-row-3-columns .col.span-5,
  .eoss-grid .container-3-columns .col.span-5 {
    width: 166.66667%; }
  .eoss-grid .eo-row-3-columns .col.span-6,
  .eoss-grid .container-3-columns .col.span-6 {
    width: 200%; }
  .eoss-grid .eo-row-3-columns .col.span-7,
  .eoss-grid .container-3-columns .col.span-7 {
    width: 233.33333%; }
  .eoss-grid .eo-row-3-columns .col.span-8,
  .eoss-grid .container-3-columns .col.span-8 {
    width: 266.66667%; }
  .eoss-grid .eo-row-3-columns .col.span-9,
  .eoss-grid .container-3-columns .col.span-9 {
    width: 300%; }
  .eoss-grid .eo-row-3-columns .col.span-10,
  .eoss-grid .container-3-columns .col.span-10 {
    width: 333.33333%; }
  .eoss-grid .eo-row-3-columns .col.span-11,
  .eoss-grid .container-3-columns .col.span-11 {
    width: 366.66667%; }
  .eoss-grid .eo-row-3-columns .col.span-12,
  .eoss-grid .container-3-columns .col.span-12 {
    width: 400%; }
.eoss-grid .eo-row-3-columns .col:first-of-type,
.eoss-grid .container-3-columns .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-3-columns .col:last-of-type,
.eoss-grid .container-3-columns .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-3-columns:after,
.eoss-grid .container-3-columns:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-3-columns.gutter-5 .col,
.eoss-grid .container-3-columns.gutter-5 .col {
  width: 33.33333%;
  float: left;
  padding: 0 2.5px; }
  .eoss-grid .eo-row-3-columns.gutter-5 .col.span-2,
  .eoss-grid .container-3-columns.gutter-5 .col.span-2 {
    width: 66.66667%; }
  .eoss-grid .eo-row-3-columns.gutter-5 .col.span-3,
  .eoss-grid .container-3-columns.gutter-5 .col.span-3 {
    width: 100%; }
  .eoss-grid .eo-row-3-columns.gutter-5 .col.span-4,
  .eoss-grid .container-3-columns.gutter-5 .col.span-4 {
    width: 133.33333%; }
  .eoss-grid .eo-row-3-columns.gutter-5 .col.span-5,
  .eoss-grid .container-3-columns.gutter-5 .col.span-5 {
    width: 166.66667%; }
  .eoss-grid .eo-row-3-columns.gutter-5 .col.span-6,
  .eoss-grid .container-3-columns.gutter-5 .col.span-6 {
    width: 200%; }
  .eoss-grid .eo-row-3-columns.gutter-5 .col.span-7,
  .eoss-grid .container-3-columns.gutter-5 .col.span-7 {
    width: 233.33333%; }
  .eoss-grid .eo-row-3-columns.gutter-5 .col.span-8,
  .eoss-grid .container-3-columns.gutter-5 .col.span-8 {
    width: 266.66667%; }
  .eoss-grid .eo-row-3-columns.gutter-5 .col.span-9,
  .eoss-grid .container-3-columns.gutter-5 .col.span-9 {
    width: 300%; }
  .eoss-grid .eo-row-3-columns.gutter-5 .col.span-10,
  .eoss-grid .container-3-columns.gutter-5 .col.span-10 {
    width: 333.33333%; }
  .eoss-grid .eo-row-3-columns.gutter-5 .col.span-11,
  .eoss-grid .container-3-columns.gutter-5 .col.span-11 {
    width: 366.66667%; }
  .eoss-grid .eo-row-3-columns.gutter-5 .col.span-12,
  .eoss-grid .container-3-columns.gutter-5 .col.span-12 {
    width: 400%; }
.eoss-grid .eo-row-3-columns.gutter-5 .col:first-of-type,
.eoss-grid .container-3-columns.gutter-5 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-3-columns.gutter-5 .col:last-of-type,
.eoss-grid .container-3-columns.gutter-5 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-3-columns.gutter-5:after,
.eoss-grid .container-3-columns.gutter-5:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-3-columns.gutter-10 .col,
.eoss-grid .container-3-columns.gutter-10 .col {
  width: 33.33333%;
  float: left;
  padding: 0 5px; }
  .eoss-grid .eo-row-3-columns.gutter-10 .col.span-2,
  .eoss-grid .container-3-columns.gutter-10 .col.span-2 {
    width: 66.66667%; }
  .eoss-grid .eo-row-3-columns.gutter-10 .col.span-3,
  .eoss-grid .container-3-columns.gutter-10 .col.span-3 {
    width: 100%; }
  .eoss-grid .eo-row-3-columns.gutter-10 .col.span-4,
  .eoss-grid .container-3-columns.gutter-10 .col.span-4 {
    width: 133.33333%; }
  .eoss-grid .eo-row-3-columns.gutter-10 .col.span-5,
  .eoss-grid .container-3-columns.gutter-10 .col.span-5 {
    width: 166.66667%; }
  .eoss-grid .eo-row-3-columns.gutter-10 .col.span-6,
  .eoss-grid .container-3-columns.gutter-10 .col.span-6 {
    width: 200%; }
  .eoss-grid .eo-row-3-columns.gutter-10 .col.span-7,
  .eoss-grid .container-3-columns.gutter-10 .col.span-7 {
    width: 233.33333%; }
  .eoss-grid .eo-row-3-columns.gutter-10 .col.span-8,
  .eoss-grid .container-3-columns.gutter-10 .col.span-8 {
    width: 266.66667%; }
  .eoss-grid .eo-row-3-columns.gutter-10 .col.span-9,
  .eoss-grid .container-3-columns.gutter-10 .col.span-9 {
    width: 300%; }
  .eoss-grid .eo-row-3-columns.gutter-10 .col.span-10,
  .eoss-grid .container-3-columns.gutter-10 .col.span-10 {
    width: 333.33333%; }
  .eoss-grid .eo-row-3-columns.gutter-10 .col.span-11,
  .eoss-grid .container-3-columns.gutter-10 .col.span-11 {
    width: 366.66667%; }
  .eoss-grid .eo-row-3-columns.gutter-10 .col.span-12,
  .eoss-grid .container-3-columns.gutter-10 .col.span-12 {
    width: 400%; }
.eoss-grid .eo-row-3-columns.gutter-10 .col:first-of-type,
.eoss-grid .container-3-columns.gutter-10 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-3-columns.gutter-10 .col:last-of-type,
.eoss-grid .container-3-columns.gutter-10 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-3-columns.gutter-10:after,
.eoss-grid .container-3-columns.gutter-10:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-3-columns.gutter-15 .col,
.eoss-grid .container-3-columns.gutter-15 .col {
  width: 33.33333%;
  float: left;
  padding: 0 7.5px; }
  .eoss-grid .eo-row-3-columns.gutter-15 .col.span-2,
  .eoss-grid .container-3-columns.gutter-15 .col.span-2 {
    width: 66.66667%; }
  .eoss-grid .eo-row-3-columns.gutter-15 .col.span-3,
  .eoss-grid .container-3-columns.gutter-15 .col.span-3 {
    width: 100%; }
  .eoss-grid .eo-row-3-columns.gutter-15 .col.span-4,
  .eoss-grid .container-3-columns.gutter-15 .col.span-4 {
    width: 133.33333%; }
  .eoss-grid .eo-row-3-columns.gutter-15 .col.span-5,
  .eoss-grid .container-3-columns.gutter-15 .col.span-5 {
    width: 166.66667%; }
  .eoss-grid .eo-row-3-columns.gutter-15 .col.span-6,
  .eoss-grid .container-3-columns.gutter-15 .col.span-6 {
    width: 200%; }
  .eoss-grid .eo-row-3-columns.gutter-15 .col.span-7,
  .eoss-grid .container-3-columns.gutter-15 .col.span-7 {
    width: 233.33333%; }
  .eoss-grid .eo-row-3-columns.gutter-15 .col.span-8,
  .eoss-grid .container-3-columns.gutter-15 .col.span-8 {
    width: 266.66667%; }
  .eoss-grid .eo-row-3-columns.gutter-15 .col.span-9,
  .eoss-grid .container-3-columns.gutter-15 .col.span-9 {
    width: 300%; }
  .eoss-grid .eo-row-3-columns.gutter-15 .col.span-10,
  .eoss-grid .container-3-columns.gutter-15 .col.span-10 {
    width: 333.33333%; }
  .eoss-grid .eo-row-3-columns.gutter-15 .col.span-11,
  .eoss-grid .container-3-columns.gutter-15 .col.span-11 {
    width: 366.66667%; }
  .eoss-grid .eo-row-3-columns.gutter-15 .col.span-12,
  .eoss-grid .container-3-columns.gutter-15 .col.span-12 {
    width: 400%; }
.eoss-grid .eo-row-3-columns.gutter-15 .col:first-of-type,
.eoss-grid .container-3-columns.gutter-15 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-3-columns.gutter-15 .col:last-of-type,
.eoss-grid .container-3-columns.gutter-15 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-3-columns.gutter-15:after,
.eoss-grid .container-3-columns.gutter-15:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-3-columns.gutter-20 .col,
.eoss-grid .container-3-columns.gutter-20 .col {
  width: 33.33333%;
  float: left;
  padding: 0 10px; }
  .eoss-grid .eo-row-3-columns.gutter-20 .col.span-2,
  .eoss-grid .container-3-columns.gutter-20 .col.span-2 {
    width: 66.66667%; }
  .eoss-grid .eo-row-3-columns.gutter-20 .col.span-3,
  .eoss-grid .container-3-columns.gutter-20 .col.span-3 {
    width: 100%; }
  .eoss-grid .eo-row-3-columns.gutter-20 .col.span-4,
  .eoss-grid .container-3-columns.gutter-20 .col.span-4 {
    width: 133.33333%; }
  .eoss-grid .eo-row-3-columns.gutter-20 .col.span-5,
  .eoss-grid .container-3-columns.gutter-20 .col.span-5 {
    width: 166.66667%; }
  .eoss-grid .eo-row-3-columns.gutter-20 .col.span-6,
  .eoss-grid .container-3-columns.gutter-20 .col.span-6 {
    width: 200%; }
  .eoss-grid .eo-row-3-columns.gutter-20 .col.span-7,
  .eoss-grid .container-3-columns.gutter-20 .col.span-7 {
    width: 233.33333%; }
  .eoss-grid .eo-row-3-columns.gutter-20 .col.span-8,
  .eoss-grid .container-3-columns.gutter-20 .col.span-8 {
    width: 266.66667%; }
  .eoss-grid .eo-row-3-columns.gutter-20 .col.span-9,
  .eoss-grid .container-3-columns.gutter-20 .col.span-9 {
    width: 300%; }
  .eoss-grid .eo-row-3-columns.gutter-20 .col.span-10,
  .eoss-grid .container-3-columns.gutter-20 .col.span-10 {
    width: 333.33333%; }
  .eoss-grid .eo-row-3-columns.gutter-20 .col.span-11,
  .eoss-grid .container-3-columns.gutter-20 .col.span-11 {
    width: 366.66667%; }
  .eoss-grid .eo-row-3-columns.gutter-20 .col.span-12,
  .eoss-grid .container-3-columns.gutter-20 .col.span-12 {
    width: 400%; }
.eoss-grid .eo-row-3-columns.gutter-20 .col:first-of-type,
.eoss-grid .container-3-columns.gutter-20 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-3-columns.gutter-20 .col:last-of-type,
.eoss-grid .container-3-columns.gutter-20 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-3-columns.gutter-20:after,
.eoss-grid .container-3-columns.gutter-20:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-3-columns.gutter-25 .col,
.eoss-grid .container-3-columns.gutter-25 .col {
  width: 33.33333%;
  float: left;
  padding: 0 12.5px; }
  .eoss-grid .eo-row-3-columns.gutter-25 .col.span-2,
  .eoss-grid .container-3-columns.gutter-25 .col.span-2 {
    width: 66.66667%; }
  .eoss-grid .eo-row-3-columns.gutter-25 .col.span-3,
  .eoss-grid .container-3-columns.gutter-25 .col.span-3 {
    width: 100%; }
  .eoss-grid .eo-row-3-columns.gutter-25 .col.span-4,
  .eoss-grid .container-3-columns.gutter-25 .col.span-4 {
    width: 133.33333%; }
  .eoss-grid .eo-row-3-columns.gutter-25 .col.span-5,
  .eoss-grid .container-3-columns.gutter-25 .col.span-5 {
    width: 166.66667%; }
  .eoss-grid .eo-row-3-columns.gutter-25 .col.span-6,
  .eoss-grid .container-3-columns.gutter-25 .col.span-6 {
    width: 200%; }
  .eoss-grid .eo-row-3-columns.gutter-25 .col.span-7,
  .eoss-grid .container-3-columns.gutter-25 .col.span-7 {
    width: 233.33333%; }
  .eoss-grid .eo-row-3-columns.gutter-25 .col.span-8,
  .eoss-grid .container-3-columns.gutter-25 .col.span-8 {
    width: 266.66667%; }
  .eoss-grid .eo-row-3-columns.gutter-25 .col.span-9,
  .eoss-grid .container-3-columns.gutter-25 .col.span-9 {
    width: 300%; }
  .eoss-grid .eo-row-3-columns.gutter-25 .col.span-10,
  .eoss-grid .container-3-columns.gutter-25 .col.span-10 {
    width: 333.33333%; }
  .eoss-grid .eo-row-3-columns.gutter-25 .col.span-11,
  .eoss-grid .container-3-columns.gutter-25 .col.span-11 {
    width: 366.66667%; }
  .eoss-grid .eo-row-3-columns.gutter-25 .col.span-12,
  .eoss-grid .container-3-columns.gutter-25 .col.span-12 {
    width: 400%; }
.eoss-grid .eo-row-3-columns.gutter-25 .col:first-of-type,
.eoss-grid .container-3-columns.gutter-25 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-3-columns.gutter-25 .col:last-of-type,
.eoss-grid .container-3-columns.gutter-25 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-3-columns.gutter-25:after,
.eoss-grid .container-3-columns.gutter-25:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-3-columns.gutter-30 .col,
.eoss-grid .container-3-columns.gutter-30 .col {
  width: 33.33333%;
  float: left;
  padding: 0 15px; }
  .eoss-grid .eo-row-3-columns.gutter-30 .col.span-2,
  .eoss-grid .container-3-columns.gutter-30 .col.span-2 {
    width: 66.66667%; }
  .eoss-grid .eo-row-3-columns.gutter-30 .col.span-3,
  .eoss-grid .container-3-columns.gutter-30 .col.span-3 {
    width: 100%; }
  .eoss-grid .eo-row-3-columns.gutter-30 .col.span-4,
  .eoss-grid .container-3-columns.gutter-30 .col.span-4 {
    width: 133.33333%; }
  .eoss-grid .eo-row-3-columns.gutter-30 .col.span-5,
  .eoss-grid .container-3-columns.gutter-30 .col.span-5 {
    width: 166.66667%; }
  .eoss-grid .eo-row-3-columns.gutter-30 .col.span-6,
  .eoss-grid .container-3-columns.gutter-30 .col.span-6 {
    width: 200%; }
  .eoss-grid .eo-row-3-columns.gutter-30 .col.span-7,
  .eoss-grid .container-3-columns.gutter-30 .col.span-7 {
    width: 233.33333%; }
  .eoss-grid .eo-row-3-columns.gutter-30 .col.span-8,
  .eoss-grid .container-3-columns.gutter-30 .col.span-8 {
    width: 266.66667%; }
  .eoss-grid .eo-row-3-columns.gutter-30 .col.span-9,
  .eoss-grid .container-3-columns.gutter-30 .col.span-9 {
    width: 300%; }
  .eoss-grid .eo-row-3-columns.gutter-30 .col.span-10,
  .eoss-grid .container-3-columns.gutter-30 .col.span-10 {
    width: 333.33333%; }
  .eoss-grid .eo-row-3-columns.gutter-30 .col.span-11,
  .eoss-grid .container-3-columns.gutter-30 .col.span-11 {
    width: 366.66667%; }
  .eoss-grid .eo-row-3-columns.gutter-30 .col.span-12,
  .eoss-grid .container-3-columns.gutter-30 .col.span-12 {
    width: 400%; }
.eoss-grid .eo-row-3-columns.gutter-30 .col:first-of-type,
.eoss-grid .container-3-columns.gutter-30 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-3-columns.gutter-30 .col:last-of-type,
.eoss-grid .container-3-columns.gutter-30 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-3-columns.gutter-30:after,
.eoss-grid .container-3-columns.gutter-30:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-3-columns.gutter-40 .col,
.eoss-grid .container-3-columns.gutter-40 .col {
  width: 33.33333%;
  float: left;
  padding: 0 20px; }
  .eoss-grid .eo-row-3-columns.gutter-40 .col.span-2,
  .eoss-grid .container-3-columns.gutter-40 .col.span-2 {
    width: 66.66667%; }
  .eoss-grid .eo-row-3-columns.gutter-40 .col.span-3,
  .eoss-grid .container-3-columns.gutter-40 .col.span-3 {
    width: 100%; }
  .eoss-grid .eo-row-3-columns.gutter-40 .col.span-4,
  .eoss-grid .container-3-columns.gutter-40 .col.span-4 {
    width: 133.33333%; }
  .eoss-grid .eo-row-3-columns.gutter-40 .col.span-5,
  .eoss-grid .container-3-columns.gutter-40 .col.span-5 {
    width: 166.66667%; }
  .eoss-grid .eo-row-3-columns.gutter-40 .col.span-6,
  .eoss-grid .container-3-columns.gutter-40 .col.span-6 {
    width: 200%; }
  .eoss-grid .eo-row-3-columns.gutter-40 .col.span-7,
  .eoss-grid .container-3-columns.gutter-40 .col.span-7 {
    width: 233.33333%; }
  .eoss-grid .eo-row-3-columns.gutter-40 .col.span-8,
  .eoss-grid .container-3-columns.gutter-40 .col.span-8 {
    width: 266.66667%; }
  .eoss-grid .eo-row-3-columns.gutter-40 .col.span-9,
  .eoss-grid .container-3-columns.gutter-40 .col.span-9 {
    width: 300%; }
  .eoss-grid .eo-row-3-columns.gutter-40 .col.span-10,
  .eoss-grid .container-3-columns.gutter-40 .col.span-10 {
    width: 333.33333%; }
  .eoss-grid .eo-row-3-columns.gutter-40 .col.span-11,
  .eoss-grid .container-3-columns.gutter-40 .col.span-11 {
    width: 366.66667%; }
  .eoss-grid .eo-row-3-columns.gutter-40 .col.span-12,
  .eoss-grid .container-3-columns.gutter-40 .col.span-12 {
    width: 400%; }
.eoss-grid .eo-row-3-columns.gutter-40 .col:first-of-type,
.eoss-grid .container-3-columns.gutter-40 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-3-columns.gutter-40 .col:last-of-type,
.eoss-grid .container-3-columns.gutter-40 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-3-columns.gutter-40:after,
.eoss-grid .container-3-columns.gutter-40:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-3-columns.gutter-50 .col,
.eoss-grid .container-3-columns.gutter-50 .col {
  width: 33.33333%;
  float: left;
  padding: 0 25px; }
  .eoss-grid .eo-row-3-columns.gutter-50 .col.span-2,
  .eoss-grid .container-3-columns.gutter-50 .col.span-2 {
    width: 66.66667%; }
  .eoss-grid .eo-row-3-columns.gutter-50 .col.span-3,
  .eoss-grid .container-3-columns.gutter-50 .col.span-3 {
    width: 100%; }
  .eoss-grid .eo-row-3-columns.gutter-50 .col.span-4,
  .eoss-grid .container-3-columns.gutter-50 .col.span-4 {
    width: 133.33333%; }
  .eoss-grid .eo-row-3-columns.gutter-50 .col.span-5,
  .eoss-grid .container-3-columns.gutter-50 .col.span-5 {
    width: 166.66667%; }
  .eoss-grid .eo-row-3-columns.gutter-50 .col.span-6,
  .eoss-grid .container-3-columns.gutter-50 .col.span-6 {
    width: 200%; }
  .eoss-grid .eo-row-3-columns.gutter-50 .col.span-7,
  .eoss-grid .container-3-columns.gutter-50 .col.span-7 {
    width: 233.33333%; }
  .eoss-grid .eo-row-3-columns.gutter-50 .col.span-8,
  .eoss-grid .container-3-columns.gutter-50 .col.span-8 {
    width: 266.66667%; }
  .eoss-grid .eo-row-3-columns.gutter-50 .col.span-9,
  .eoss-grid .container-3-columns.gutter-50 .col.span-9 {
    width: 300%; }
  .eoss-grid .eo-row-3-columns.gutter-50 .col.span-10,
  .eoss-grid .container-3-columns.gutter-50 .col.span-10 {
    width: 333.33333%; }
  .eoss-grid .eo-row-3-columns.gutter-50 .col.span-11,
  .eoss-grid .container-3-columns.gutter-50 .col.span-11 {
    width: 366.66667%; }
  .eoss-grid .eo-row-3-columns.gutter-50 .col.span-12,
  .eoss-grid .container-3-columns.gutter-50 .col.span-12 {
    width: 400%; }
.eoss-grid .eo-row-3-columns.gutter-50 .col:first-of-type,
.eoss-grid .container-3-columns.gutter-50 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-3-columns.gutter-50 .col:last-of-type,
.eoss-grid .container-3-columns.gutter-50 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-3-columns.gutter-50:after,
.eoss-grid .container-3-columns.gutter-50:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-4-columns .col,
.eoss-grid .container-4-columns .col {
  width: 25%;
  float: left;
  padding: 0 5px; }
  .eoss-grid .eo-row-4-columns .col.span-2,
  .eoss-grid .container-4-columns .col.span-2 {
    width: 50%; }
  .eoss-grid .eo-row-4-columns .col.span-3,
  .eoss-grid .container-4-columns .col.span-3 {
    width: 75%; }
  .eoss-grid .eo-row-4-columns .col.span-4,
  .eoss-grid .container-4-columns .col.span-4 {
    width: 100%; }
  .eoss-grid .eo-row-4-columns .col.span-5,
  .eoss-grid .container-4-columns .col.span-5 {
    width: 125%; }
  .eoss-grid .eo-row-4-columns .col.span-6,
  .eoss-grid .container-4-columns .col.span-6 {
    width: 150%; }
  .eoss-grid .eo-row-4-columns .col.span-7,
  .eoss-grid .container-4-columns .col.span-7 {
    width: 175%; }
  .eoss-grid .eo-row-4-columns .col.span-8,
  .eoss-grid .container-4-columns .col.span-8 {
    width: 200%; }
  .eoss-grid .eo-row-4-columns .col.span-9,
  .eoss-grid .container-4-columns .col.span-9 {
    width: 225%; }
  .eoss-grid .eo-row-4-columns .col.span-10,
  .eoss-grid .container-4-columns .col.span-10 {
    width: 250%; }
  .eoss-grid .eo-row-4-columns .col.span-11,
  .eoss-grid .container-4-columns .col.span-11 {
    width: 275%; }
  .eoss-grid .eo-row-4-columns .col.span-12,
  .eoss-grid .container-4-columns .col.span-12 {
    width: 300%; }
.eoss-grid .eo-row-4-columns .col:first-of-type,
.eoss-grid .container-4-columns .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-4-columns .col:last-of-type,
.eoss-grid .container-4-columns .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-4-columns:after,
.eoss-grid .container-4-columns:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-4-columns.gutter-5 .col,
.eoss-grid .container-4-columns.gutter-5 .col {
  width: 25%;
  float: left;
  padding: 0 2.5px; }
  .eoss-grid .eo-row-4-columns.gutter-5 .col.span-2,
  .eoss-grid .container-4-columns.gutter-5 .col.span-2 {
    width: 50%; }
  .eoss-grid .eo-row-4-columns.gutter-5 .col.span-3,
  .eoss-grid .container-4-columns.gutter-5 .col.span-3 {
    width: 75%; }
  .eoss-grid .eo-row-4-columns.gutter-5 .col.span-4,
  .eoss-grid .container-4-columns.gutter-5 .col.span-4 {
    width: 100%; }
  .eoss-grid .eo-row-4-columns.gutter-5 .col.span-5,
  .eoss-grid .container-4-columns.gutter-5 .col.span-5 {
    width: 125%; }
  .eoss-grid .eo-row-4-columns.gutter-5 .col.span-6,
  .eoss-grid .container-4-columns.gutter-5 .col.span-6 {
    width: 150%; }
  .eoss-grid .eo-row-4-columns.gutter-5 .col.span-7,
  .eoss-grid .container-4-columns.gutter-5 .col.span-7 {
    width: 175%; }
  .eoss-grid .eo-row-4-columns.gutter-5 .col.span-8,
  .eoss-grid .container-4-columns.gutter-5 .col.span-8 {
    width: 200%; }
  .eoss-grid .eo-row-4-columns.gutter-5 .col.span-9,
  .eoss-grid .container-4-columns.gutter-5 .col.span-9 {
    width: 225%; }
  .eoss-grid .eo-row-4-columns.gutter-5 .col.span-10,
  .eoss-grid .container-4-columns.gutter-5 .col.span-10 {
    width: 250%; }
  .eoss-grid .eo-row-4-columns.gutter-5 .col.span-11,
  .eoss-grid .container-4-columns.gutter-5 .col.span-11 {
    width: 275%; }
  .eoss-grid .eo-row-4-columns.gutter-5 .col.span-12,
  .eoss-grid .container-4-columns.gutter-5 .col.span-12 {
    width: 300%; }
.eoss-grid .eo-row-4-columns.gutter-5 .col:first-of-type,
.eoss-grid .container-4-columns.gutter-5 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-4-columns.gutter-5 .col:last-of-type,
.eoss-grid .container-4-columns.gutter-5 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-4-columns.gutter-5:after,
.eoss-grid .container-4-columns.gutter-5:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-4-columns.gutter-10 .col,
.eoss-grid .container-4-columns.gutter-10 .col {
  width: 25%;
  float: left;
  padding: 0 5px; }
  .eoss-grid .eo-row-4-columns.gutter-10 .col.span-2,
  .eoss-grid .container-4-columns.gutter-10 .col.span-2 {
    width: 50%; }
  .eoss-grid .eo-row-4-columns.gutter-10 .col.span-3,
  .eoss-grid .container-4-columns.gutter-10 .col.span-3 {
    width: 75%; }
  .eoss-grid .eo-row-4-columns.gutter-10 .col.span-4,
  .eoss-grid .container-4-columns.gutter-10 .col.span-4 {
    width: 100%; }
  .eoss-grid .eo-row-4-columns.gutter-10 .col.span-5,
  .eoss-grid .container-4-columns.gutter-10 .col.span-5 {
    width: 125%; }
  .eoss-grid .eo-row-4-columns.gutter-10 .col.span-6,
  .eoss-grid .container-4-columns.gutter-10 .col.span-6 {
    width: 150%; }
  .eoss-grid .eo-row-4-columns.gutter-10 .col.span-7,
  .eoss-grid .container-4-columns.gutter-10 .col.span-7 {
    width: 175%; }
  .eoss-grid .eo-row-4-columns.gutter-10 .col.span-8,
  .eoss-grid .container-4-columns.gutter-10 .col.span-8 {
    width: 200%; }
  .eoss-grid .eo-row-4-columns.gutter-10 .col.span-9,
  .eoss-grid .container-4-columns.gutter-10 .col.span-9 {
    width: 225%; }
  .eoss-grid .eo-row-4-columns.gutter-10 .col.span-10,
  .eoss-grid .container-4-columns.gutter-10 .col.span-10 {
    width: 250%; }
  .eoss-grid .eo-row-4-columns.gutter-10 .col.span-11,
  .eoss-grid .container-4-columns.gutter-10 .col.span-11 {
    width: 275%; }
  .eoss-grid .eo-row-4-columns.gutter-10 .col.span-12,
  .eoss-grid .container-4-columns.gutter-10 .col.span-12 {
    width: 300%; }
.eoss-grid .eo-row-4-columns.gutter-10 .col:first-of-type,
.eoss-grid .container-4-columns.gutter-10 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-4-columns.gutter-10 .col:last-of-type,
.eoss-grid .container-4-columns.gutter-10 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-4-columns.gutter-10:after,
.eoss-grid .container-4-columns.gutter-10:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-4-columns.gutter-15 .col,
.eoss-grid .container-4-columns.gutter-15 .col {
  width: 25%;
  float: left;
  padding: 0 7.5px; }
  .eoss-grid .eo-row-4-columns.gutter-15 .col.span-2,
  .eoss-grid .container-4-columns.gutter-15 .col.span-2 {
    width: 50%; }
  .eoss-grid .eo-row-4-columns.gutter-15 .col.span-3,
  .eoss-grid .container-4-columns.gutter-15 .col.span-3 {
    width: 75%; }
  .eoss-grid .eo-row-4-columns.gutter-15 .col.span-4,
  .eoss-grid .container-4-columns.gutter-15 .col.span-4 {
    width: 100%; }
  .eoss-grid .eo-row-4-columns.gutter-15 .col.span-5,
  .eoss-grid .container-4-columns.gutter-15 .col.span-5 {
    width: 125%; }
  .eoss-grid .eo-row-4-columns.gutter-15 .col.span-6,
  .eoss-grid .container-4-columns.gutter-15 .col.span-6 {
    width: 150%; }
  .eoss-grid .eo-row-4-columns.gutter-15 .col.span-7,
  .eoss-grid .container-4-columns.gutter-15 .col.span-7 {
    width: 175%; }
  .eoss-grid .eo-row-4-columns.gutter-15 .col.span-8,
  .eoss-grid .container-4-columns.gutter-15 .col.span-8 {
    width: 200%; }
  .eoss-grid .eo-row-4-columns.gutter-15 .col.span-9,
  .eoss-grid .container-4-columns.gutter-15 .col.span-9 {
    width: 225%; }
  .eoss-grid .eo-row-4-columns.gutter-15 .col.span-10,
  .eoss-grid .container-4-columns.gutter-15 .col.span-10 {
    width: 250%; }
  .eoss-grid .eo-row-4-columns.gutter-15 .col.span-11,
  .eoss-grid .container-4-columns.gutter-15 .col.span-11 {
    width: 275%; }
  .eoss-grid .eo-row-4-columns.gutter-15 .col.span-12,
  .eoss-grid .container-4-columns.gutter-15 .col.span-12 {
    width: 300%; }
.eoss-grid .eo-row-4-columns.gutter-15 .col:first-of-type,
.eoss-grid .container-4-columns.gutter-15 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-4-columns.gutter-15 .col:last-of-type,
.eoss-grid .container-4-columns.gutter-15 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-4-columns.gutter-15:after,
.eoss-grid .container-4-columns.gutter-15:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-4-columns.gutter-20 .col,
.eoss-grid .container-4-columns.gutter-20 .col {
  width: 25%;
  float: left;
  padding: 0 10px; }
  .eoss-grid .eo-row-4-columns.gutter-20 .col.span-2,
  .eoss-grid .container-4-columns.gutter-20 .col.span-2 {
    width: 50%; }
  .eoss-grid .eo-row-4-columns.gutter-20 .col.span-3,
  .eoss-grid .container-4-columns.gutter-20 .col.span-3 {
    width: 75%; }
  .eoss-grid .eo-row-4-columns.gutter-20 .col.span-4,
  .eoss-grid .container-4-columns.gutter-20 .col.span-4 {
    width: 100%; }
  .eoss-grid .eo-row-4-columns.gutter-20 .col.span-5,
  .eoss-grid .container-4-columns.gutter-20 .col.span-5 {
    width: 125%; }
  .eoss-grid .eo-row-4-columns.gutter-20 .col.span-6,
  .eoss-grid .container-4-columns.gutter-20 .col.span-6 {
    width: 150%; }
  .eoss-grid .eo-row-4-columns.gutter-20 .col.span-7,
  .eoss-grid .container-4-columns.gutter-20 .col.span-7 {
    width: 175%; }
  .eoss-grid .eo-row-4-columns.gutter-20 .col.span-8,
  .eoss-grid .container-4-columns.gutter-20 .col.span-8 {
    width: 200%; }
  .eoss-grid .eo-row-4-columns.gutter-20 .col.span-9,
  .eoss-grid .container-4-columns.gutter-20 .col.span-9 {
    width: 225%; }
  .eoss-grid .eo-row-4-columns.gutter-20 .col.span-10,
  .eoss-grid .container-4-columns.gutter-20 .col.span-10 {
    width: 250%; }
  .eoss-grid .eo-row-4-columns.gutter-20 .col.span-11,
  .eoss-grid .container-4-columns.gutter-20 .col.span-11 {
    width: 275%; }
  .eoss-grid .eo-row-4-columns.gutter-20 .col.span-12,
  .eoss-grid .container-4-columns.gutter-20 .col.span-12 {
    width: 300%; }
.eoss-grid .eo-row-4-columns.gutter-20 .col:first-of-type,
.eoss-grid .container-4-columns.gutter-20 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-4-columns.gutter-20 .col:last-of-type,
.eoss-grid .container-4-columns.gutter-20 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-4-columns.gutter-20:after,
.eoss-grid .container-4-columns.gutter-20:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-4-columns.gutter-25 .col,
.eoss-grid .container-4-columns.gutter-25 .col {
  width: 25%;
  float: left;
  padding: 0 12.5px; }
  .eoss-grid .eo-row-4-columns.gutter-25 .col.span-2,
  .eoss-grid .container-4-columns.gutter-25 .col.span-2 {
    width: 50%; }
  .eoss-grid .eo-row-4-columns.gutter-25 .col.span-3,
  .eoss-grid .container-4-columns.gutter-25 .col.span-3 {
    width: 75%; }
  .eoss-grid .eo-row-4-columns.gutter-25 .col.span-4,
  .eoss-grid .container-4-columns.gutter-25 .col.span-4 {
    width: 100%; }
  .eoss-grid .eo-row-4-columns.gutter-25 .col.span-5,
  .eoss-grid .container-4-columns.gutter-25 .col.span-5 {
    width: 125%; }
  .eoss-grid .eo-row-4-columns.gutter-25 .col.span-6,
  .eoss-grid .container-4-columns.gutter-25 .col.span-6 {
    width: 150%; }
  .eoss-grid .eo-row-4-columns.gutter-25 .col.span-7,
  .eoss-grid .container-4-columns.gutter-25 .col.span-7 {
    width: 175%; }
  .eoss-grid .eo-row-4-columns.gutter-25 .col.span-8,
  .eoss-grid .container-4-columns.gutter-25 .col.span-8 {
    width: 200%; }
  .eoss-grid .eo-row-4-columns.gutter-25 .col.span-9,
  .eoss-grid .container-4-columns.gutter-25 .col.span-9 {
    width: 225%; }
  .eoss-grid .eo-row-4-columns.gutter-25 .col.span-10,
  .eoss-grid .container-4-columns.gutter-25 .col.span-10 {
    width: 250%; }
  .eoss-grid .eo-row-4-columns.gutter-25 .col.span-11,
  .eoss-grid .container-4-columns.gutter-25 .col.span-11 {
    width: 275%; }
  .eoss-grid .eo-row-4-columns.gutter-25 .col.span-12,
  .eoss-grid .container-4-columns.gutter-25 .col.span-12 {
    width: 300%; }
.eoss-grid .eo-row-4-columns.gutter-25 .col:first-of-type,
.eoss-grid .container-4-columns.gutter-25 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-4-columns.gutter-25 .col:last-of-type,
.eoss-grid .container-4-columns.gutter-25 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-4-columns.gutter-25:after,
.eoss-grid .container-4-columns.gutter-25:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-4-columns.gutter-30 .col,
.eoss-grid .container-4-columns.gutter-30 .col {
  width: 25%;
  float: left;
  padding: 0 15px; }
  .eoss-grid .eo-row-4-columns.gutter-30 .col.span-2,
  .eoss-grid .container-4-columns.gutter-30 .col.span-2 {
    width: 50%; }
  .eoss-grid .eo-row-4-columns.gutter-30 .col.span-3,
  .eoss-grid .container-4-columns.gutter-30 .col.span-3 {
    width: 75%; }
  .eoss-grid .eo-row-4-columns.gutter-30 .col.span-4,
  .eoss-grid .container-4-columns.gutter-30 .col.span-4 {
    width: 100%; }
  .eoss-grid .eo-row-4-columns.gutter-30 .col.span-5,
  .eoss-grid .container-4-columns.gutter-30 .col.span-5 {
    width: 125%; }
  .eoss-grid .eo-row-4-columns.gutter-30 .col.span-6,
  .eoss-grid .container-4-columns.gutter-30 .col.span-6 {
    width: 150%; }
  .eoss-grid .eo-row-4-columns.gutter-30 .col.span-7,
  .eoss-grid .container-4-columns.gutter-30 .col.span-7 {
    width: 175%; }
  .eoss-grid .eo-row-4-columns.gutter-30 .col.span-8,
  .eoss-grid .container-4-columns.gutter-30 .col.span-8 {
    width: 200%; }
  .eoss-grid .eo-row-4-columns.gutter-30 .col.span-9,
  .eoss-grid .container-4-columns.gutter-30 .col.span-9 {
    width: 225%; }
  .eoss-grid .eo-row-4-columns.gutter-30 .col.span-10,
  .eoss-grid .container-4-columns.gutter-30 .col.span-10 {
    width: 250%; }
  .eoss-grid .eo-row-4-columns.gutter-30 .col.span-11,
  .eoss-grid .container-4-columns.gutter-30 .col.span-11 {
    width: 275%; }
  .eoss-grid .eo-row-4-columns.gutter-30 .col.span-12,
  .eoss-grid .container-4-columns.gutter-30 .col.span-12 {
    width: 300%; }
.eoss-grid .eo-row-4-columns.gutter-30 .col:first-of-type,
.eoss-grid .container-4-columns.gutter-30 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-4-columns.gutter-30 .col:last-of-type,
.eoss-grid .container-4-columns.gutter-30 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-4-columns.gutter-30:after,
.eoss-grid .container-4-columns.gutter-30:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-4-columns.gutter-40 .col,
.eoss-grid .container-4-columns.gutter-40 .col {
  width: 25%;
  float: left;
  padding: 0 20px; }
  .eoss-grid .eo-row-4-columns.gutter-40 .col.span-2,
  .eoss-grid .container-4-columns.gutter-40 .col.span-2 {
    width: 50%; }
  .eoss-grid .eo-row-4-columns.gutter-40 .col.span-3,
  .eoss-grid .container-4-columns.gutter-40 .col.span-3 {
    width: 75%; }
  .eoss-grid .eo-row-4-columns.gutter-40 .col.span-4,
  .eoss-grid .container-4-columns.gutter-40 .col.span-4 {
    width: 100%; }
  .eoss-grid .eo-row-4-columns.gutter-40 .col.span-5,
  .eoss-grid .container-4-columns.gutter-40 .col.span-5 {
    width: 125%; }
  .eoss-grid .eo-row-4-columns.gutter-40 .col.span-6,
  .eoss-grid .container-4-columns.gutter-40 .col.span-6 {
    width: 150%; }
  .eoss-grid .eo-row-4-columns.gutter-40 .col.span-7,
  .eoss-grid .container-4-columns.gutter-40 .col.span-7 {
    width: 175%; }
  .eoss-grid .eo-row-4-columns.gutter-40 .col.span-8,
  .eoss-grid .container-4-columns.gutter-40 .col.span-8 {
    width: 200%; }
  .eoss-grid .eo-row-4-columns.gutter-40 .col.span-9,
  .eoss-grid .container-4-columns.gutter-40 .col.span-9 {
    width: 225%; }
  .eoss-grid .eo-row-4-columns.gutter-40 .col.span-10,
  .eoss-grid .container-4-columns.gutter-40 .col.span-10 {
    width: 250%; }
  .eoss-grid .eo-row-4-columns.gutter-40 .col.span-11,
  .eoss-grid .container-4-columns.gutter-40 .col.span-11 {
    width: 275%; }
  .eoss-grid .eo-row-4-columns.gutter-40 .col.span-12,
  .eoss-grid .container-4-columns.gutter-40 .col.span-12 {
    width: 300%; }
.eoss-grid .eo-row-4-columns.gutter-40 .col:first-of-type,
.eoss-grid .container-4-columns.gutter-40 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-4-columns.gutter-40 .col:last-of-type,
.eoss-grid .container-4-columns.gutter-40 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-4-columns.gutter-40:after,
.eoss-grid .container-4-columns.gutter-40:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-4-columns.gutter-50 .col,
.eoss-grid .container-4-columns.gutter-50 .col {
  width: 25%;
  float: left;
  padding: 0 25px; }
  .eoss-grid .eo-row-4-columns.gutter-50 .col.span-2,
  .eoss-grid .container-4-columns.gutter-50 .col.span-2 {
    width: 50%; }
  .eoss-grid .eo-row-4-columns.gutter-50 .col.span-3,
  .eoss-grid .container-4-columns.gutter-50 .col.span-3 {
    width: 75%; }
  .eoss-grid .eo-row-4-columns.gutter-50 .col.span-4,
  .eoss-grid .container-4-columns.gutter-50 .col.span-4 {
    width: 100%; }
  .eoss-grid .eo-row-4-columns.gutter-50 .col.span-5,
  .eoss-grid .container-4-columns.gutter-50 .col.span-5 {
    width: 125%; }
  .eoss-grid .eo-row-4-columns.gutter-50 .col.span-6,
  .eoss-grid .container-4-columns.gutter-50 .col.span-6 {
    width: 150%; }
  .eoss-grid .eo-row-4-columns.gutter-50 .col.span-7,
  .eoss-grid .container-4-columns.gutter-50 .col.span-7 {
    width: 175%; }
  .eoss-grid .eo-row-4-columns.gutter-50 .col.span-8,
  .eoss-grid .container-4-columns.gutter-50 .col.span-8 {
    width: 200%; }
  .eoss-grid .eo-row-4-columns.gutter-50 .col.span-9,
  .eoss-grid .container-4-columns.gutter-50 .col.span-9 {
    width: 225%; }
  .eoss-grid .eo-row-4-columns.gutter-50 .col.span-10,
  .eoss-grid .container-4-columns.gutter-50 .col.span-10 {
    width: 250%; }
  .eoss-grid .eo-row-4-columns.gutter-50 .col.span-11,
  .eoss-grid .container-4-columns.gutter-50 .col.span-11 {
    width: 275%; }
  .eoss-grid .eo-row-4-columns.gutter-50 .col.span-12,
  .eoss-grid .container-4-columns.gutter-50 .col.span-12 {
    width: 300%; }
.eoss-grid .eo-row-4-columns.gutter-50 .col:first-of-type,
.eoss-grid .container-4-columns.gutter-50 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-4-columns.gutter-50 .col:last-of-type,
.eoss-grid .container-4-columns.gutter-50 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-4-columns.gutter-50:after,
.eoss-grid .container-4-columns.gutter-50:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-5-columns .col,
.eoss-grid .container-5-columns .col {
  width: 20%;
  float: left;
  padding: 0 5px; }
  .eoss-grid .eo-row-5-columns .col.span-2,
  .eoss-grid .container-5-columns .col.span-2 {
    width: 40%; }
  .eoss-grid .eo-row-5-columns .col.span-3,
  .eoss-grid .container-5-columns .col.span-3 {
    width: 60%; }
  .eoss-grid .eo-row-5-columns .col.span-4,
  .eoss-grid .container-5-columns .col.span-4 {
    width: 80%; }
  .eoss-grid .eo-row-5-columns .col.span-5,
  .eoss-grid .container-5-columns .col.span-5 {
    width: 100%; }
  .eoss-grid .eo-row-5-columns .col.span-6,
  .eoss-grid .container-5-columns .col.span-6 {
    width: 120%; }
  .eoss-grid .eo-row-5-columns .col.span-7,
  .eoss-grid .container-5-columns .col.span-7 {
    width: 140%; }
  .eoss-grid .eo-row-5-columns .col.span-8,
  .eoss-grid .container-5-columns .col.span-8 {
    width: 160%; }
  .eoss-grid .eo-row-5-columns .col.span-9,
  .eoss-grid .container-5-columns .col.span-9 {
    width: 180%; }
  .eoss-grid .eo-row-5-columns .col.span-10,
  .eoss-grid .container-5-columns .col.span-10 {
    width: 200%; }
  .eoss-grid .eo-row-5-columns .col.span-11,
  .eoss-grid .container-5-columns .col.span-11 {
    width: 220%; }
  .eoss-grid .eo-row-5-columns .col.span-12,
  .eoss-grid .container-5-columns .col.span-12 {
    width: 240%; }
.eoss-grid .eo-row-5-columns .col:first-of-type,
.eoss-grid .container-5-columns .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-5-columns .col:last-of-type,
.eoss-grid .container-5-columns .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-5-columns:after,
.eoss-grid .container-5-columns:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-5-columns.gutter-5 .col,
.eoss-grid .container-5-columns.gutter-5 .col {
  width: 20%;
  float: left;
  padding: 0 2.5px; }
  .eoss-grid .eo-row-5-columns.gutter-5 .col.span-2,
  .eoss-grid .container-5-columns.gutter-5 .col.span-2 {
    width: 40%; }
  .eoss-grid .eo-row-5-columns.gutter-5 .col.span-3,
  .eoss-grid .container-5-columns.gutter-5 .col.span-3 {
    width: 60%; }
  .eoss-grid .eo-row-5-columns.gutter-5 .col.span-4,
  .eoss-grid .container-5-columns.gutter-5 .col.span-4 {
    width: 80%; }
  .eoss-grid .eo-row-5-columns.gutter-5 .col.span-5,
  .eoss-grid .container-5-columns.gutter-5 .col.span-5 {
    width: 100%; }
  .eoss-grid .eo-row-5-columns.gutter-5 .col.span-6,
  .eoss-grid .container-5-columns.gutter-5 .col.span-6 {
    width: 120%; }
  .eoss-grid .eo-row-5-columns.gutter-5 .col.span-7,
  .eoss-grid .container-5-columns.gutter-5 .col.span-7 {
    width: 140%; }
  .eoss-grid .eo-row-5-columns.gutter-5 .col.span-8,
  .eoss-grid .container-5-columns.gutter-5 .col.span-8 {
    width: 160%; }
  .eoss-grid .eo-row-5-columns.gutter-5 .col.span-9,
  .eoss-grid .container-5-columns.gutter-5 .col.span-9 {
    width: 180%; }
  .eoss-grid .eo-row-5-columns.gutter-5 .col.span-10,
  .eoss-grid .container-5-columns.gutter-5 .col.span-10 {
    width: 200%; }
  .eoss-grid .eo-row-5-columns.gutter-5 .col.span-11,
  .eoss-grid .container-5-columns.gutter-5 .col.span-11 {
    width: 220%; }
  .eoss-grid .eo-row-5-columns.gutter-5 .col.span-12,
  .eoss-grid .container-5-columns.gutter-5 .col.span-12 {
    width: 240%; }
.eoss-grid .eo-row-5-columns.gutter-5 .col:first-of-type,
.eoss-grid .container-5-columns.gutter-5 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-5-columns.gutter-5 .col:last-of-type,
.eoss-grid .container-5-columns.gutter-5 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-5-columns.gutter-5:after,
.eoss-grid .container-5-columns.gutter-5:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-5-columns.gutter-10 .col,
.eoss-grid .container-5-columns.gutter-10 .col {
  width: 20%;
  float: left;
  padding: 0 5px; }
  .eoss-grid .eo-row-5-columns.gutter-10 .col.span-2,
  .eoss-grid .container-5-columns.gutter-10 .col.span-2 {
    width: 40%; }
  .eoss-grid .eo-row-5-columns.gutter-10 .col.span-3,
  .eoss-grid .container-5-columns.gutter-10 .col.span-3 {
    width: 60%; }
  .eoss-grid .eo-row-5-columns.gutter-10 .col.span-4,
  .eoss-grid .container-5-columns.gutter-10 .col.span-4 {
    width: 80%; }
  .eoss-grid .eo-row-5-columns.gutter-10 .col.span-5,
  .eoss-grid .container-5-columns.gutter-10 .col.span-5 {
    width: 100%; }
  .eoss-grid .eo-row-5-columns.gutter-10 .col.span-6,
  .eoss-grid .container-5-columns.gutter-10 .col.span-6 {
    width: 120%; }
  .eoss-grid .eo-row-5-columns.gutter-10 .col.span-7,
  .eoss-grid .container-5-columns.gutter-10 .col.span-7 {
    width: 140%; }
  .eoss-grid .eo-row-5-columns.gutter-10 .col.span-8,
  .eoss-grid .container-5-columns.gutter-10 .col.span-8 {
    width: 160%; }
  .eoss-grid .eo-row-5-columns.gutter-10 .col.span-9,
  .eoss-grid .container-5-columns.gutter-10 .col.span-9 {
    width: 180%; }
  .eoss-grid .eo-row-5-columns.gutter-10 .col.span-10,
  .eoss-grid .container-5-columns.gutter-10 .col.span-10 {
    width: 200%; }
  .eoss-grid .eo-row-5-columns.gutter-10 .col.span-11,
  .eoss-grid .container-5-columns.gutter-10 .col.span-11 {
    width: 220%; }
  .eoss-grid .eo-row-5-columns.gutter-10 .col.span-12,
  .eoss-grid .container-5-columns.gutter-10 .col.span-12 {
    width: 240%; }
.eoss-grid .eo-row-5-columns.gutter-10 .col:first-of-type,
.eoss-grid .container-5-columns.gutter-10 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-5-columns.gutter-10 .col:last-of-type,
.eoss-grid .container-5-columns.gutter-10 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-5-columns.gutter-10:after,
.eoss-grid .container-5-columns.gutter-10:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-5-columns.gutter-15 .col,
.eoss-grid .container-5-columns.gutter-15 .col {
  width: 20%;
  float: left;
  padding: 0 7.5px; }
  .eoss-grid .eo-row-5-columns.gutter-15 .col.span-2,
  .eoss-grid .container-5-columns.gutter-15 .col.span-2 {
    width: 40%; }
  .eoss-grid .eo-row-5-columns.gutter-15 .col.span-3,
  .eoss-grid .container-5-columns.gutter-15 .col.span-3 {
    width: 60%; }
  .eoss-grid .eo-row-5-columns.gutter-15 .col.span-4,
  .eoss-grid .container-5-columns.gutter-15 .col.span-4 {
    width: 80%; }
  .eoss-grid .eo-row-5-columns.gutter-15 .col.span-5,
  .eoss-grid .container-5-columns.gutter-15 .col.span-5 {
    width: 100%; }
  .eoss-grid .eo-row-5-columns.gutter-15 .col.span-6,
  .eoss-grid .container-5-columns.gutter-15 .col.span-6 {
    width: 120%; }
  .eoss-grid .eo-row-5-columns.gutter-15 .col.span-7,
  .eoss-grid .container-5-columns.gutter-15 .col.span-7 {
    width: 140%; }
  .eoss-grid .eo-row-5-columns.gutter-15 .col.span-8,
  .eoss-grid .container-5-columns.gutter-15 .col.span-8 {
    width: 160%; }
  .eoss-grid .eo-row-5-columns.gutter-15 .col.span-9,
  .eoss-grid .container-5-columns.gutter-15 .col.span-9 {
    width: 180%; }
  .eoss-grid .eo-row-5-columns.gutter-15 .col.span-10,
  .eoss-grid .container-5-columns.gutter-15 .col.span-10 {
    width: 200%; }
  .eoss-grid .eo-row-5-columns.gutter-15 .col.span-11,
  .eoss-grid .container-5-columns.gutter-15 .col.span-11 {
    width: 220%; }
  .eoss-grid .eo-row-5-columns.gutter-15 .col.span-12,
  .eoss-grid .container-5-columns.gutter-15 .col.span-12 {
    width: 240%; }
.eoss-grid .eo-row-5-columns.gutter-15 .col:first-of-type,
.eoss-grid .container-5-columns.gutter-15 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-5-columns.gutter-15 .col:last-of-type,
.eoss-grid .container-5-columns.gutter-15 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-5-columns.gutter-15:after,
.eoss-grid .container-5-columns.gutter-15:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-5-columns.gutter-20 .col,
.eoss-grid .container-5-columns.gutter-20 .col {
  width: 20%;
  float: left;
  padding: 0 10px; }
  .eoss-grid .eo-row-5-columns.gutter-20 .col.span-2,
  .eoss-grid .container-5-columns.gutter-20 .col.span-2 {
    width: 40%; }
  .eoss-grid .eo-row-5-columns.gutter-20 .col.span-3,
  .eoss-grid .container-5-columns.gutter-20 .col.span-3 {
    width: 60%; }
  .eoss-grid .eo-row-5-columns.gutter-20 .col.span-4,
  .eoss-grid .container-5-columns.gutter-20 .col.span-4 {
    width: 80%; }
  .eoss-grid .eo-row-5-columns.gutter-20 .col.span-5,
  .eoss-grid .container-5-columns.gutter-20 .col.span-5 {
    width: 100%; }
  .eoss-grid .eo-row-5-columns.gutter-20 .col.span-6,
  .eoss-grid .container-5-columns.gutter-20 .col.span-6 {
    width: 120%; }
  .eoss-grid .eo-row-5-columns.gutter-20 .col.span-7,
  .eoss-grid .container-5-columns.gutter-20 .col.span-7 {
    width: 140%; }
  .eoss-grid .eo-row-5-columns.gutter-20 .col.span-8,
  .eoss-grid .container-5-columns.gutter-20 .col.span-8 {
    width: 160%; }
  .eoss-grid .eo-row-5-columns.gutter-20 .col.span-9,
  .eoss-grid .container-5-columns.gutter-20 .col.span-9 {
    width: 180%; }
  .eoss-grid .eo-row-5-columns.gutter-20 .col.span-10,
  .eoss-grid .container-5-columns.gutter-20 .col.span-10 {
    width: 200%; }
  .eoss-grid .eo-row-5-columns.gutter-20 .col.span-11,
  .eoss-grid .container-5-columns.gutter-20 .col.span-11 {
    width: 220%; }
  .eoss-grid .eo-row-5-columns.gutter-20 .col.span-12,
  .eoss-grid .container-5-columns.gutter-20 .col.span-12 {
    width: 240%; }
.eoss-grid .eo-row-5-columns.gutter-20 .col:first-of-type,
.eoss-grid .container-5-columns.gutter-20 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-5-columns.gutter-20 .col:last-of-type,
.eoss-grid .container-5-columns.gutter-20 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-5-columns.gutter-20:after,
.eoss-grid .container-5-columns.gutter-20:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-5-columns.gutter-25 .col,
.eoss-grid .container-5-columns.gutter-25 .col {
  width: 20%;
  float: left;
  padding: 0 12.5px; }
  .eoss-grid .eo-row-5-columns.gutter-25 .col.span-2,
  .eoss-grid .container-5-columns.gutter-25 .col.span-2 {
    width: 40%; }
  .eoss-grid .eo-row-5-columns.gutter-25 .col.span-3,
  .eoss-grid .container-5-columns.gutter-25 .col.span-3 {
    width: 60%; }
  .eoss-grid .eo-row-5-columns.gutter-25 .col.span-4,
  .eoss-grid .container-5-columns.gutter-25 .col.span-4 {
    width: 80%; }
  .eoss-grid .eo-row-5-columns.gutter-25 .col.span-5,
  .eoss-grid .container-5-columns.gutter-25 .col.span-5 {
    width: 100%; }
  .eoss-grid .eo-row-5-columns.gutter-25 .col.span-6,
  .eoss-grid .container-5-columns.gutter-25 .col.span-6 {
    width: 120%; }
  .eoss-grid .eo-row-5-columns.gutter-25 .col.span-7,
  .eoss-grid .container-5-columns.gutter-25 .col.span-7 {
    width: 140%; }
  .eoss-grid .eo-row-5-columns.gutter-25 .col.span-8,
  .eoss-grid .container-5-columns.gutter-25 .col.span-8 {
    width: 160%; }
  .eoss-grid .eo-row-5-columns.gutter-25 .col.span-9,
  .eoss-grid .container-5-columns.gutter-25 .col.span-9 {
    width: 180%; }
  .eoss-grid .eo-row-5-columns.gutter-25 .col.span-10,
  .eoss-grid .container-5-columns.gutter-25 .col.span-10 {
    width: 200%; }
  .eoss-grid .eo-row-5-columns.gutter-25 .col.span-11,
  .eoss-grid .container-5-columns.gutter-25 .col.span-11 {
    width: 220%; }
  .eoss-grid .eo-row-5-columns.gutter-25 .col.span-12,
  .eoss-grid .container-5-columns.gutter-25 .col.span-12 {
    width: 240%; }
.eoss-grid .eo-row-5-columns.gutter-25 .col:first-of-type,
.eoss-grid .container-5-columns.gutter-25 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-5-columns.gutter-25 .col:last-of-type,
.eoss-grid .container-5-columns.gutter-25 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-5-columns.gutter-25:after,
.eoss-grid .container-5-columns.gutter-25:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-5-columns.gutter-30 .col,
.eoss-grid .container-5-columns.gutter-30 .col {
  width: 20%;
  float: left;
  padding: 0 15px; }
  .eoss-grid .eo-row-5-columns.gutter-30 .col.span-2,
  .eoss-grid .container-5-columns.gutter-30 .col.span-2 {
    width: 40%; }
  .eoss-grid .eo-row-5-columns.gutter-30 .col.span-3,
  .eoss-grid .container-5-columns.gutter-30 .col.span-3 {
    width: 60%; }
  .eoss-grid .eo-row-5-columns.gutter-30 .col.span-4,
  .eoss-grid .container-5-columns.gutter-30 .col.span-4 {
    width: 80%; }
  .eoss-grid .eo-row-5-columns.gutter-30 .col.span-5,
  .eoss-grid .container-5-columns.gutter-30 .col.span-5 {
    width: 100%; }
  .eoss-grid .eo-row-5-columns.gutter-30 .col.span-6,
  .eoss-grid .container-5-columns.gutter-30 .col.span-6 {
    width: 120%; }
  .eoss-grid .eo-row-5-columns.gutter-30 .col.span-7,
  .eoss-grid .container-5-columns.gutter-30 .col.span-7 {
    width: 140%; }
  .eoss-grid .eo-row-5-columns.gutter-30 .col.span-8,
  .eoss-grid .container-5-columns.gutter-30 .col.span-8 {
    width: 160%; }
  .eoss-grid .eo-row-5-columns.gutter-30 .col.span-9,
  .eoss-grid .container-5-columns.gutter-30 .col.span-9 {
    width: 180%; }
  .eoss-grid .eo-row-5-columns.gutter-30 .col.span-10,
  .eoss-grid .container-5-columns.gutter-30 .col.span-10 {
    width: 200%; }
  .eoss-grid .eo-row-5-columns.gutter-30 .col.span-11,
  .eoss-grid .container-5-columns.gutter-30 .col.span-11 {
    width: 220%; }
  .eoss-grid .eo-row-5-columns.gutter-30 .col.span-12,
  .eoss-grid .container-5-columns.gutter-30 .col.span-12 {
    width: 240%; }
.eoss-grid .eo-row-5-columns.gutter-30 .col:first-of-type,
.eoss-grid .container-5-columns.gutter-30 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-5-columns.gutter-30 .col:last-of-type,
.eoss-grid .container-5-columns.gutter-30 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-5-columns.gutter-30:after,
.eoss-grid .container-5-columns.gutter-30:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-5-columns.gutter-40 .col,
.eoss-grid .container-5-columns.gutter-40 .col {
  width: 20%;
  float: left;
  padding: 0 20px; }
  .eoss-grid .eo-row-5-columns.gutter-40 .col.span-2,
  .eoss-grid .container-5-columns.gutter-40 .col.span-2 {
    width: 40%; }
  .eoss-grid .eo-row-5-columns.gutter-40 .col.span-3,
  .eoss-grid .container-5-columns.gutter-40 .col.span-3 {
    width: 60%; }
  .eoss-grid .eo-row-5-columns.gutter-40 .col.span-4,
  .eoss-grid .container-5-columns.gutter-40 .col.span-4 {
    width: 80%; }
  .eoss-grid .eo-row-5-columns.gutter-40 .col.span-5,
  .eoss-grid .container-5-columns.gutter-40 .col.span-5 {
    width: 100%; }
  .eoss-grid .eo-row-5-columns.gutter-40 .col.span-6,
  .eoss-grid .container-5-columns.gutter-40 .col.span-6 {
    width: 120%; }
  .eoss-grid .eo-row-5-columns.gutter-40 .col.span-7,
  .eoss-grid .container-5-columns.gutter-40 .col.span-7 {
    width: 140%; }
  .eoss-grid .eo-row-5-columns.gutter-40 .col.span-8,
  .eoss-grid .container-5-columns.gutter-40 .col.span-8 {
    width: 160%; }
  .eoss-grid .eo-row-5-columns.gutter-40 .col.span-9,
  .eoss-grid .container-5-columns.gutter-40 .col.span-9 {
    width: 180%; }
  .eoss-grid .eo-row-5-columns.gutter-40 .col.span-10,
  .eoss-grid .container-5-columns.gutter-40 .col.span-10 {
    width: 200%; }
  .eoss-grid .eo-row-5-columns.gutter-40 .col.span-11,
  .eoss-grid .container-5-columns.gutter-40 .col.span-11 {
    width: 220%; }
  .eoss-grid .eo-row-5-columns.gutter-40 .col.span-12,
  .eoss-grid .container-5-columns.gutter-40 .col.span-12 {
    width: 240%; }
.eoss-grid .eo-row-5-columns.gutter-40 .col:first-of-type,
.eoss-grid .container-5-columns.gutter-40 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-5-columns.gutter-40 .col:last-of-type,
.eoss-grid .container-5-columns.gutter-40 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-5-columns.gutter-40:after,
.eoss-grid .container-5-columns.gutter-40:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-5-columns.gutter-50 .col,
.eoss-grid .container-5-columns.gutter-50 .col {
  width: 20%;
  float: left;
  padding: 0 25px; }
  .eoss-grid .eo-row-5-columns.gutter-50 .col.span-2,
  .eoss-grid .container-5-columns.gutter-50 .col.span-2 {
    width: 40%; }
  .eoss-grid .eo-row-5-columns.gutter-50 .col.span-3,
  .eoss-grid .container-5-columns.gutter-50 .col.span-3 {
    width: 60%; }
  .eoss-grid .eo-row-5-columns.gutter-50 .col.span-4,
  .eoss-grid .container-5-columns.gutter-50 .col.span-4 {
    width: 80%; }
  .eoss-grid .eo-row-5-columns.gutter-50 .col.span-5,
  .eoss-grid .container-5-columns.gutter-50 .col.span-5 {
    width: 100%; }
  .eoss-grid .eo-row-5-columns.gutter-50 .col.span-6,
  .eoss-grid .container-5-columns.gutter-50 .col.span-6 {
    width: 120%; }
  .eoss-grid .eo-row-5-columns.gutter-50 .col.span-7,
  .eoss-grid .container-5-columns.gutter-50 .col.span-7 {
    width: 140%; }
  .eoss-grid .eo-row-5-columns.gutter-50 .col.span-8,
  .eoss-grid .container-5-columns.gutter-50 .col.span-8 {
    width: 160%; }
  .eoss-grid .eo-row-5-columns.gutter-50 .col.span-9,
  .eoss-grid .container-5-columns.gutter-50 .col.span-9 {
    width: 180%; }
  .eoss-grid .eo-row-5-columns.gutter-50 .col.span-10,
  .eoss-grid .container-5-columns.gutter-50 .col.span-10 {
    width: 200%; }
  .eoss-grid .eo-row-5-columns.gutter-50 .col.span-11,
  .eoss-grid .container-5-columns.gutter-50 .col.span-11 {
    width: 220%; }
  .eoss-grid .eo-row-5-columns.gutter-50 .col.span-12,
  .eoss-grid .container-5-columns.gutter-50 .col.span-12 {
    width: 240%; }
.eoss-grid .eo-row-5-columns.gutter-50 .col:first-of-type,
.eoss-grid .container-5-columns.gutter-50 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-5-columns.gutter-50 .col:last-of-type,
.eoss-grid .container-5-columns.gutter-50 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-5-columns.gutter-50:after,
.eoss-grid .container-5-columns.gutter-50:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-6-columns .col,
.eoss-grid .container-6-columns .col {
  width: 16.66667%;
  float: left;
  padding: 0 5px; }
  .eoss-grid .eo-row-6-columns .col.span-2,
  .eoss-grid .container-6-columns .col.span-2 {
    width: 33.33333%; }
  .eoss-grid .eo-row-6-columns .col.span-3,
  .eoss-grid .container-6-columns .col.span-3 {
    width: 50%; }
  .eoss-grid .eo-row-6-columns .col.span-4,
  .eoss-grid .container-6-columns .col.span-4 {
    width: 66.66667%; }
  .eoss-grid .eo-row-6-columns .col.span-5,
  .eoss-grid .container-6-columns .col.span-5 {
    width: 83.33333%; }
  .eoss-grid .eo-row-6-columns .col.span-6,
  .eoss-grid .container-6-columns .col.span-6 {
    width: 100%; }
  .eoss-grid .eo-row-6-columns .col.span-7,
  .eoss-grid .container-6-columns .col.span-7 {
    width: 116.66667%; }
  .eoss-grid .eo-row-6-columns .col.span-8,
  .eoss-grid .container-6-columns .col.span-8 {
    width: 133.33333%; }
  .eoss-grid .eo-row-6-columns .col.span-9,
  .eoss-grid .container-6-columns .col.span-9 {
    width: 150%; }
  .eoss-grid .eo-row-6-columns .col.span-10,
  .eoss-grid .container-6-columns .col.span-10 {
    width: 166.66667%; }
  .eoss-grid .eo-row-6-columns .col.span-11,
  .eoss-grid .container-6-columns .col.span-11 {
    width: 183.33333%; }
  .eoss-grid .eo-row-6-columns .col.span-12,
  .eoss-grid .container-6-columns .col.span-12 {
    width: 200%; }
.eoss-grid .eo-row-6-columns .col:first-of-type,
.eoss-grid .container-6-columns .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-6-columns .col:last-of-type,
.eoss-grid .container-6-columns .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-6-columns:after,
.eoss-grid .container-6-columns:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-6-columns.gutter-5 .col,
.eoss-grid .container-6-columns.gutter-5 .col {
  width: 16.66667%;
  float: left;
  padding: 0 2.5px; }
  .eoss-grid .eo-row-6-columns.gutter-5 .col.span-2,
  .eoss-grid .container-6-columns.gutter-5 .col.span-2 {
    width: 33.33333%; }
  .eoss-grid .eo-row-6-columns.gutter-5 .col.span-3,
  .eoss-grid .container-6-columns.gutter-5 .col.span-3 {
    width: 50%; }
  .eoss-grid .eo-row-6-columns.gutter-5 .col.span-4,
  .eoss-grid .container-6-columns.gutter-5 .col.span-4 {
    width: 66.66667%; }
  .eoss-grid .eo-row-6-columns.gutter-5 .col.span-5,
  .eoss-grid .container-6-columns.gutter-5 .col.span-5 {
    width: 83.33333%; }
  .eoss-grid .eo-row-6-columns.gutter-5 .col.span-6,
  .eoss-grid .container-6-columns.gutter-5 .col.span-6 {
    width: 100%; }
  .eoss-grid .eo-row-6-columns.gutter-5 .col.span-7,
  .eoss-grid .container-6-columns.gutter-5 .col.span-7 {
    width: 116.66667%; }
  .eoss-grid .eo-row-6-columns.gutter-5 .col.span-8,
  .eoss-grid .container-6-columns.gutter-5 .col.span-8 {
    width: 133.33333%; }
  .eoss-grid .eo-row-6-columns.gutter-5 .col.span-9,
  .eoss-grid .container-6-columns.gutter-5 .col.span-9 {
    width: 150%; }
  .eoss-grid .eo-row-6-columns.gutter-5 .col.span-10,
  .eoss-grid .container-6-columns.gutter-5 .col.span-10 {
    width: 166.66667%; }
  .eoss-grid .eo-row-6-columns.gutter-5 .col.span-11,
  .eoss-grid .container-6-columns.gutter-5 .col.span-11 {
    width: 183.33333%; }
  .eoss-grid .eo-row-6-columns.gutter-5 .col.span-12,
  .eoss-grid .container-6-columns.gutter-5 .col.span-12 {
    width: 200%; }
.eoss-grid .eo-row-6-columns.gutter-5 .col:first-of-type,
.eoss-grid .container-6-columns.gutter-5 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-6-columns.gutter-5 .col:last-of-type,
.eoss-grid .container-6-columns.gutter-5 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-6-columns.gutter-5:after,
.eoss-grid .container-6-columns.gutter-5:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-6-columns.gutter-10 .col,
.eoss-grid .container-6-columns.gutter-10 .col {
  width: 16.66667%;
  float: left;
  padding: 0 5px; }
  .eoss-grid .eo-row-6-columns.gutter-10 .col.span-2,
  .eoss-grid .container-6-columns.gutter-10 .col.span-2 {
    width: 33.33333%; }
  .eoss-grid .eo-row-6-columns.gutter-10 .col.span-3,
  .eoss-grid .container-6-columns.gutter-10 .col.span-3 {
    width: 50%; }
  .eoss-grid .eo-row-6-columns.gutter-10 .col.span-4,
  .eoss-grid .container-6-columns.gutter-10 .col.span-4 {
    width: 66.66667%; }
  .eoss-grid .eo-row-6-columns.gutter-10 .col.span-5,
  .eoss-grid .container-6-columns.gutter-10 .col.span-5 {
    width: 83.33333%; }
  .eoss-grid .eo-row-6-columns.gutter-10 .col.span-6,
  .eoss-grid .container-6-columns.gutter-10 .col.span-6 {
    width: 100%; }
  .eoss-grid .eo-row-6-columns.gutter-10 .col.span-7,
  .eoss-grid .container-6-columns.gutter-10 .col.span-7 {
    width: 116.66667%; }
  .eoss-grid .eo-row-6-columns.gutter-10 .col.span-8,
  .eoss-grid .container-6-columns.gutter-10 .col.span-8 {
    width: 133.33333%; }
  .eoss-grid .eo-row-6-columns.gutter-10 .col.span-9,
  .eoss-grid .container-6-columns.gutter-10 .col.span-9 {
    width: 150%; }
  .eoss-grid .eo-row-6-columns.gutter-10 .col.span-10,
  .eoss-grid .container-6-columns.gutter-10 .col.span-10 {
    width: 166.66667%; }
  .eoss-grid .eo-row-6-columns.gutter-10 .col.span-11,
  .eoss-grid .container-6-columns.gutter-10 .col.span-11 {
    width: 183.33333%; }
  .eoss-grid .eo-row-6-columns.gutter-10 .col.span-12,
  .eoss-grid .container-6-columns.gutter-10 .col.span-12 {
    width: 200%; }
.eoss-grid .eo-row-6-columns.gutter-10 .col:first-of-type,
.eoss-grid .container-6-columns.gutter-10 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-6-columns.gutter-10 .col:last-of-type,
.eoss-grid .container-6-columns.gutter-10 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-6-columns.gutter-10:after,
.eoss-grid .container-6-columns.gutter-10:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-6-columns.gutter-15 .col,
.eoss-grid .container-6-columns.gutter-15 .col {
  width: 16.66667%;
  float: left;
  padding: 0 7.5px; }
  .eoss-grid .eo-row-6-columns.gutter-15 .col.span-2,
  .eoss-grid .container-6-columns.gutter-15 .col.span-2 {
    width: 33.33333%; }
  .eoss-grid .eo-row-6-columns.gutter-15 .col.span-3,
  .eoss-grid .container-6-columns.gutter-15 .col.span-3 {
    width: 50%; }
  .eoss-grid .eo-row-6-columns.gutter-15 .col.span-4,
  .eoss-grid .container-6-columns.gutter-15 .col.span-4 {
    width: 66.66667%; }
  .eoss-grid .eo-row-6-columns.gutter-15 .col.span-5,
  .eoss-grid .container-6-columns.gutter-15 .col.span-5 {
    width: 83.33333%; }
  .eoss-grid .eo-row-6-columns.gutter-15 .col.span-6,
  .eoss-grid .container-6-columns.gutter-15 .col.span-6 {
    width: 100%; }
  .eoss-grid .eo-row-6-columns.gutter-15 .col.span-7,
  .eoss-grid .container-6-columns.gutter-15 .col.span-7 {
    width: 116.66667%; }
  .eoss-grid .eo-row-6-columns.gutter-15 .col.span-8,
  .eoss-grid .container-6-columns.gutter-15 .col.span-8 {
    width: 133.33333%; }
  .eoss-grid .eo-row-6-columns.gutter-15 .col.span-9,
  .eoss-grid .container-6-columns.gutter-15 .col.span-9 {
    width: 150%; }
  .eoss-grid .eo-row-6-columns.gutter-15 .col.span-10,
  .eoss-grid .container-6-columns.gutter-15 .col.span-10 {
    width: 166.66667%; }
  .eoss-grid .eo-row-6-columns.gutter-15 .col.span-11,
  .eoss-grid .container-6-columns.gutter-15 .col.span-11 {
    width: 183.33333%; }
  .eoss-grid .eo-row-6-columns.gutter-15 .col.span-12,
  .eoss-grid .container-6-columns.gutter-15 .col.span-12 {
    width: 200%; }
.eoss-grid .eo-row-6-columns.gutter-15 .col:first-of-type,
.eoss-grid .container-6-columns.gutter-15 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-6-columns.gutter-15 .col:last-of-type,
.eoss-grid .container-6-columns.gutter-15 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-6-columns.gutter-15:after,
.eoss-grid .container-6-columns.gutter-15:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-6-columns.gutter-20 .col,
.eoss-grid .container-6-columns.gutter-20 .col {
  width: 16.66667%;
  float: left;
  padding: 0 10px; }
  .eoss-grid .eo-row-6-columns.gutter-20 .col.span-2,
  .eoss-grid .container-6-columns.gutter-20 .col.span-2 {
    width: 33.33333%; }
  .eoss-grid .eo-row-6-columns.gutter-20 .col.span-3,
  .eoss-grid .container-6-columns.gutter-20 .col.span-3 {
    width: 50%; }
  .eoss-grid .eo-row-6-columns.gutter-20 .col.span-4,
  .eoss-grid .container-6-columns.gutter-20 .col.span-4 {
    width: 66.66667%; }
  .eoss-grid .eo-row-6-columns.gutter-20 .col.span-5,
  .eoss-grid .container-6-columns.gutter-20 .col.span-5 {
    width: 83.33333%; }
  .eoss-grid .eo-row-6-columns.gutter-20 .col.span-6,
  .eoss-grid .container-6-columns.gutter-20 .col.span-6 {
    width: 100%; }
  .eoss-grid .eo-row-6-columns.gutter-20 .col.span-7,
  .eoss-grid .container-6-columns.gutter-20 .col.span-7 {
    width: 116.66667%; }
  .eoss-grid .eo-row-6-columns.gutter-20 .col.span-8,
  .eoss-grid .container-6-columns.gutter-20 .col.span-8 {
    width: 133.33333%; }
  .eoss-grid .eo-row-6-columns.gutter-20 .col.span-9,
  .eoss-grid .container-6-columns.gutter-20 .col.span-9 {
    width: 150%; }
  .eoss-grid .eo-row-6-columns.gutter-20 .col.span-10,
  .eoss-grid .container-6-columns.gutter-20 .col.span-10 {
    width: 166.66667%; }
  .eoss-grid .eo-row-6-columns.gutter-20 .col.span-11,
  .eoss-grid .container-6-columns.gutter-20 .col.span-11 {
    width: 183.33333%; }
  .eoss-grid .eo-row-6-columns.gutter-20 .col.span-12,
  .eoss-grid .container-6-columns.gutter-20 .col.span-12 {
    width: 200%; }
.eoss-grid .eo-row-6-columns.gutter-20 .col:first-of-type,
.eoss-grid .container-6-columns.gutter-20 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-6-columns.gutter-20 .col:last-of-type,
.eoss-grid .container-6-columns.gutter-20 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-6-columns.gutter-20:after,
.eoss-grid .container-6-columns.gutter-20:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-6-columns.gutter-25 .col,
.eoss-grid .container-6-columns.gutter-25 .col {
  width: 16.66667%;
  float: left;
  padding: 0 12.5px; }
  .eoss-grid .eo-row-6-columns.gutter-25 .col.span-2,
  .eoss-grid .container-6-columns.gutter-25 .col.span-2 {
    width: 33.33333%; }
  .eoss-grid .eo-row-6-columns.gutter-25 .col.span-3,
  .eoss-grid .container-6-columns.gutter-25 .col.span-3 {
    width: 50%; }
  .eoss-grid .eo-row-6-columns.gutter-25 .col.span-4,
  .eoss-grid .container-6-columns.gutter-25 .col.span-4 {
    width: 66.66667%; }
  .eoss-grid .eo-row-6-columns.gutter-25 .col.span-5,
  .eoss-grid .container-6-columns.gutter-25 .col.span-5 {
    width: 83.33333%; }
  .eoss-grid .eo-row-6-columns.gutter-25 .col.span-6,
  .eoss-grid .container-6-columns.gutter-25 .col.span-6 {
    width: 100%; }
  .eoss-grid .eo-row-6-columns.gutter-25 .col.span-7,
  .eoss-grid .container-6-columns.gutter-25 .col.span-7 {
    width: 116.66667%; }
  .eoss-grid .eo-row-6-columns.gutter-25 .col.span-8,
  .eoss-grid .container-6-columns.gutter-25 .col.span-8 {
    width: 133.33333%; }
  .eoss-grid .eo-row-6-columns.gutter-25 .col.span-9,
  .eoss-grid .container-6-columns.gutter-25 .col.span-9 {
    width: 150%; }
  .eoss-grid .eo-row-6-columns.gutter-25 .col.span-10,
  .eoss-grid .container-6-columns.gutter-25 .col.span-10 {
    width: 166.66667%; }
  .eoss-grid .eo-row-6-columns.gutter-25 .col.span-11,
  .eoss-grid .container-6-columns.gutter-25 .col.span-11 {
    width: 183.33333%; }
  .eoss-grid .eo-row-6-columns.gutter-25 .col.span-12,
  .eoss-grid .container-6-columns.gutter-25 .col.span-12 {
    width: 200%; }
.eoss-grid .eo-row-6-columns.gutter-25 .col:first-of-type,
.eoss-grid .container-6-columns.gutter-25 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-6-columns.gutter-25 .col:last-of-type,
.eoss-grid .container-6-columns.gutter-25 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-6-columns.gutter-25:after,
.eoss-grid .container-6-columns.gutter-25:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-6-columns.gutter-30 .col,
.eoss-grid .container-6-columns.gutter-30 .col {
  width: 16.66667%;
  float: left;
  padding: 0 15px; }
  .eoss-grid .eo-row-6-columns.gutter-30 .col.span-2,
  .eoss-grid .container-6-columns.gutter-30 .col.span-2 {
    width: 33.33333%; }
  .eoss-grid .eo-row-6-columns.gutter-30 .col.span-3,
  .eoss-grid .container-6-columns.gutter-30 .col.span-3 {
    width: 50%; }
  .eoss-grid .eo-row-6-columns.gutter-30 .col.span-4,
  .eoss-grid .container-6-columns.gutter-30 .col.span-4 {
    width: 66.66667%; }
  .eoss-grid .eo-row-6-columns.gutter-30 .col.span-5,
  .eoss-grid .container-6-columns.gutter-30 .col.span-5 {
    width: 83.33333%; }
  .eoss-grid .eo-row-6-columns.gutter-30 .col.span-6,
  .eoss-grid .container-6-columns.gutter-30 .col.span-6 {
    width: 100%; }
  .eoss-grid .eo-row-6-columns.gutter-30 .col.span-7,
  .eoss-grid .container-6-columns.gutter-30 .col.span-7 {
    width: 116.66667%; }
  .eoss-grid .eo-row-6-columns.gutter-30 .col.span-8,
  .eoss-grid .container-6-columns.gutter-30 .col.span-8 {
    width: 133.33333%; }
  .eoss-grid .eo-row-6-columns.gutter-30 .col.span-9,
  .eoss-grid .container-6-columns.gutter-30 .col.span-9 {
    width: 150%; }
  .eoss-grid .eo-row-6-columns.gutter-30 .col.span-10,
  .eoss-grid .container-6-columns.gutter-30 .col.span-10 {
    width: 166.66667%; }
  .eoss-grid .eo-row-6-columns.gutter-30 .col.span-11,
  .eoss-grid .container-6-columns.gutter-30 .col.span-11 {
    width: 183.33333%; }
  .eoss-grid .eo-row-6-columns.gutter-30 .col.span-12,
  .eoss-grid .container-6-columns.gutter-30 .col.span-12 {
    width: 200%; }
.eoss-grid .eo-row-6-columns.gutter-30 .col:first-of-type,
.eoss-grid .container-6-columns.gutter-30 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-6-columns.gutter-30 .col:last-of-type,
.eoss-grid .container-6-columns.gutter-30 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-6-columns.gutter-30:after,
.eoss-grid .container-6-columns.gutter-30:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-6-columns.gutter-40 .col,
.eoss-grid .container-6-columns.gutter-40 .col {
  width: 16.66667%;
  float: left;
  padding: 0 20px; }
  .eoss-grid .eo-row-6-columns.gutter-40 .col.span-2,
  .eoss-grid .container-6-columns.gutter-40 .col.span-2 {
    width: 33.33333%; }
  .eoss-grid .eo-row-6-columns.gutter-40 .col.span-3,
  .eoss-grid .container-6-columns.gutter-40 .col.span-3 {
    width: 50%; }
  .eoss-grid .eo-row-6-columns.gutter-40 .col.span-4,
  .eoss-grid .container-6-columns.gutter-40 .col.span-4 {
    width: 66.66667%; }
  .eoss-grid .eo-row-6-columns.gutter-40 .col.span-5,
  .eoss-grid .container-6-columns.gutter-40 .col.span-5 {
    width: 83.33333%; }
  .eoss-grid .eo-row-6-columns.gutter-40 .col.span-6,
  .eoss-grid .container-6-columns.gutter-40 .col.span-6 {
    width: 100%; }
  .eoss-grid .eo-row-6-columns.gutter-40 .col.span-7,
  .eoss-grid .container-6-columns.gutter-40 .col.span-7 {
    width: 116.66667%; }
  .eoss-grid .eo-row-6-columns.gutter-40 .col.span-8,
  .eoss-grid .container-6-columns.gutter-40 .col.span-8 {
    width: 133.33333%; }
  .eoss-grid .eo-row-6-columns.gutter-40 .col.span-9,
  .eoss-grid .container-6-columns.gutter-40 .col.span-9 {
    width: 150%; }
  .eoss-grid .eo-row-6-columns.gutter-40 .col.span-10,
  .eoss-grid .container-6-columns.gutter-40 .col.span-10 {
    width: 166.66667%; }
  .eoss-grid .eo-row-6-columns.gutter-40 .col.span-11,
  .eoss-grid .container-6-columns.gutter-40 .col.span-11 {
    width: 183.33333%; }
  .eoss-grid .eo-row-6-columns.gutter-40 .col.span-12,
  .eoss-grid .container-6-columns.gutter-40 .col.span-12 {
    width: 200%; }
.eoss-grid .eo-row-6-columns.gutter-40 .col:first-of-type,
.eoss-grid .container-6-columns.gutter-40 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-6-columns.gutter-40 .col:last-of-type,
.eoss-grid .container-6-columns.gutter-40 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-6-columns.gutter-40:after,
.eoss-grid .container-6-columns.gutter-40:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-6-columns.gutter-50 .col,
.eoss-grid .container-6-columns.gutter-50 .col {
  width: 16.66667%;
  float: left;
  padding: 0 25px; }
  .eoss-grid .eo-row-6-columns.gutter-50 .col.span-2,
  .eoss-grid .container-6-columns.gutter-50 .col.span-2 {
    width: 33.33333%; }
  .eoss-grid .eo-row-6-columns.gutter-50 .col.span-3,
  .eoss-grid .container-6-columns.gutter-50 .col.span-3 {
    width: 50%; }
  .eoss-grid .eo-row-6-columns.gutter-50 .col.span-4,
  .eoss-grid .container-6-columns.gutter-50 .col.span-4 {
    width: 66.66667%; }
  .eoss-grid .eo-row-6-columns.gutter-50 .col.span-5,
  .eoss-grid .container-6-columns.gutter-50 .col.span-5 {
    width: 83.33333%; }
  .eoss-grid .eo-row-6-columns.gutter-50 .col.span-6,
  .eoss-grid .container-6-columns.gutter-50 .col.span-6 {
    width: 100%; }
  .eoss-grid .eo-row-6-columns.gutter-50 .col.span-7,
  .eoss-grid .container-6-columns.gutter-50 .col.span-7 {
    width: 116.66667%; }
  .eoss-grid .eo-row-6-columns.gutter-50 .col.span-8,
  .eoss-grid .container-6-columns.gutter-50 .col.span-8 {
    width: 133.33333%; }
  .eoss-grid .eo-row-6-columns.gutter-50 .col.span-9,
  .eoss-grid .container-6-columns.gutter-50 .col.span-9 {
    width: 150%; }
  .eoss-grid .eo-row-6-columns.gutter-50 .col.span-10,
  .eoss-grid .container-6-columns.gutter-50 .col.span-10 {
    width: 166.66667%; }
  .eoss-grid .eo-row-6-columns.gutter-50 .col.span-11,
  .eoss-grid .container-6-columns.gutter-50 .col.span-11 {
    width: 183.33333%; }
  .eoss-grid .eo-row-6-columns.gutter-50 .col.span-12,
  .eoss-grid .container-6-columns.gutter-50 .col.span-12 {
    width: 200%; }
.eoss-grid .eo-row-6-columns.gutter-50 .col:first-of-type,
.eoss-grid .container-6-columns.gutter-50 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-6-columns.gutter-50 .col:last-of-type,
.eoss-grid .container-6-columns.gutter-50 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-6-columns.gutter-50:after,
.eoss-grid .container-6-columns.gutter-50:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-7-columns .col,
.eoss-grid .container-7-columns .col {
  width: 14.28571%;
  float: left;
  padding: 0 5px; }
  .eoss-grid .eo-row-7-columns .col.span-2,
  .eoss-grid .container-7-columns .col.span-2 {
    width: 28.57143%; }
  .eoss-grid .eo-row-7-columns .col.span-3,
  .eoss-grid .container-7-columns .col.span-3 {
    width: 42.85714%; }
  .eoss-grid .eo-row-7-columns .col.span-4,
  .eoss-grid .container-7-columns .col.span-4 {
    width: 57.14286%; }
  .eoss-grid .eo-row-7-columns .col.span-5,
  .eoss-grid .container-7-columns .col.span-5 {
    width: 71.42857%; }
  .eoss-grid .eo-row-7-columns .col.span-6,
  .eoss-grid .container-7-columns .col.span-6 {
    width: 85.71429%; }
  .eoss-grid .eo-row-7-columns .col.span-7,
  .eoss-grid .container-7-columns .col.span-7 {
    width: 100%; }
  .eoss-grid .eo-row-7-columns .col.span-8,
  .eoss-grid .container-7-columns .col.span-8 {
    width: 114.28571%; }
  .eoss-grid .eo-row-7-columns .col.span-9,
  .eoss-grid .container-7-columns .col.span-9 {
    width: 128.57143%; }
  .eoss-grid .eo-row-7-columns .col.span-10,
  .eoss-grid .container-7-columns .col.span-10 {
    width: 142.85714%; }
  .eoss-grid .eo-row-7-columns .col.span-11,
  .eoss-grid .container-7-columns .col.span-11 {
    width: 157.14286%; }
  .eoss-grid .eo-row-7-columns .col.span-12,
  .eoss-grid .container-7-columns .col.span-12 {
    width: 171.42857%; }
.eoss-grid .eo-row-7-columns .col:first-of-type,
.eoss-grid .container-7-columns .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-7-columns .col:last-of-type,
.eoss-grid .container-7-columns .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-7-columns:after,
.eoss-grid .container-7-columns:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-7-columns.gutter-5 .col,
.eoss-grid .container-7-columns.gutter-5 .col {
  width: 14.28571%;
  float: left;
  padding: 0 2.5px; }
  .eoss-grid .eo-row-7-columns.gutter-5 .col.span-2,
  .eoss-grid .container-7-columns.gutter-5 .col.span-2 {
    width: 28.57143%; }
  .eoss-grid .eo-row-7-columns.gutter-5 .col.span-3,
  .eoss-grid .container-7-columns.gutter-5 .col.span-3 {
    width: 42.85714%; }
  .eoss-grid .eo-row-7-columns.gutter-5 .col.span-4,
  .eoss-grid .container-7-columns.gutter-5 .col.span-4 {
    width: 57.14286%; }
  .eoss-grid .eo-row-7-columns.gutter-5 .col.span-5,
  .eoss-grid .container-7-columns.gutter-5 .col.span-5 {
    width: 71.42857%; }
  .eoss-grid .eo-row-7-columns.gutter-5 .col.span-6,
  .eoss-grid .container-7-columns.gutter-5 .col.span-6 {
    width: 85.71429%; }
  .eoss-grid .eo-row-7-columns.gutter-5 .col.span-7,
  .eoss-grid .container-7-columns.gutter-5 .col.span-7 {
    width: 100%; }
  .eoss-grid .eo-row-7-columns.gutter-5 .col.span-8,
  .eoss-grid .container-7-columns.gutter-5 .col.span-8 {
    width: 114.28571%; }
  .eoss-grid .eo-row-7-columns.gutter-5 .col.span-9,
  .eoss-grid .container-7-columns.gutter-5 .col.span-9 {
    width: 128.57143%; }
  .eoss-grid .eo-row-7-columns.gutter-5 .col.span-10,
  .eoss-grid .container-7-columns.gutter-5 .col.span-10 {
    width: 142.85714%; }
  .eoss-grid .eo-row-7-columns.gutter-5 .col.span-11,
  .eoss-grid .container-7-columns.gutter-5 .col.span-11 {
    width: 157.14286%; }
  .eoss-grid .eo-row-7-columns.gutter-5 .col.span-12,
  .eoss-grid .container-7-columns.gutter-5 .col.span-12 {
    width: 171.42857%; }
.eoss-grid .eo-row-7-columns.gutter-5 .col:first-of-type,
.eoss-grid .container-7-columns.gutter-5 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-7-columns.gutter-5 .col:last-of-type,
.eoss-grid .container-7-columns.gutter-5 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-7-columns.gutter-5:after,
.eoss-grid .container-7-columns.gutter-5:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-7-columns.gutter-10 .col,
.eoss-grid .container-7-columns.gutter-10 .col {
  width: 14.28571%;
  float: left;
  padding: 0 5px; }
  .eoss-grid .eo-row-7-columns.gutter-10 .col.span-2,
  .eoss-grid .container-7-columns.gutter-10 .col.span-2 {
    width: 28.57143%; }
  .eoss-grid .eo-row-7-columns.gutter-10 .col.span-3,
  .eoss-grid .container-7-columns.gutter-10 .col.span-3 {
    width: 42.85714%; }
  .eoss-grid .eo-row-7-columns.gutter-10 .col.span-4,
  .eoss-grid .container-7-columns.gutter-10 .col.span-4 {
    width: 57.14286%; }
  .eoss-grid .eo-row-7-columns.gutter-10 .col.span-5,
  .eoss-grid .container-7-columns.gutter-10 .col.span-5 {
    width: 71.42857%; }
  .eoss-grid .eo-row-7-columns.gutter-10 .col.span-6,
  .eoss-grid .container-7-columns.gutter-10 .col.span-6 {
    width: 85.71429%; }
  .eoss-grid .eo-row-7-columns.gutter-10 .col.span-7,
  .eoss-grid .container-7-columns.gutter-10 .col.span-7 {
    width: 100%; }
  .eoss-grid .eo-row-7-columns.gutter-10 .col.span-8,
  .eoss-grid .container-7-columns.gutter-10 .col.span-8 {
    width: 114.28571%; }
  .eoss-grid .eo-row-7-columns.gutter-10 .col.span-9,
  .eoss-grid .container-7-columns.gutter-10 .col.span-9 {
    width: 128.57143%; }
  .eoss-grid .eo-row-7-columns.gutter-10 .col.span-10,
  .eoss-grid .container-7-columns.gutter-10 .col.span-10 {
    width: 142.85714%; }
  .eoss-grid .eo-row-7-columns.gutter-10 .col.span-11,
  .eoss-grid .container-7-columns.gutter-10 .col.span-11 {
    width: 157.14286%; }
  .eoss-grid .eo-row-7-columns.gutter-10 .col.span-12,
  .eoss-grid .container-7-columns.gutter-10 .col.span-12 {
    width: 171.42857%; }
.eoss-grid .eo-row-7-columns.gutter-10 .col:first-of-type,
.eoss-grid .container-7-columns.gutter-10 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-7-columns.gutter-10 .col:last-of-type,
.eoss-grid .container-7-columns.gutter-10 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-7-columns.gutter-10:after,
.eoss-grid .container-7-columns.gutter-10:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-7-columns.gutter-15 .col,
.eoss-grid .container-7-columns.gutter-15 .col {
  width: 14.28571%;
  float: left;
  padding: 0 7.5px; }
  .eoss-grid .eo-row-7-columns.gutter-15 .col.span-2,
  .eoss-grid .container-7-columns.gutter-15 .col.span-2 {
    width: 28.57143%; }
  .eoss-grid .eo-row-7-columns.gutter-15 .col.span-3,
  .eoss-grid .container-7-columns.gutter-15 .col.span-3 {
    width: 42.85714%; }
  .eoss-grid .eo-row-7-columns.gutter-15 .col.span-4,
  .eoss-grid .container-7-columns.gutter-15 .col.span-4 {
    width: 57.14286%; }
  .eoss-grid .eo-row-7-columns.gutter-15 .col.span-5,
  .eoss-grid .container-7-columns.gutter-15 .col.span-5 {
    width: 71.42857%; }
  .eoss-grid .eo-row-7-columns.gutter-15 .col.span-6,
  .eoss-grid .container-7-columns.gutter-15 .col.span-6 {
    width: 85.71429%; }
  .eoss-grid .eo-row-7-columns.gutter-15 .col.span-7,
  .eoss-grid .container-7-columns.gutter-15 .col.span-7 {
    width: 100%; }
  .eoss-grid .eo-row-7-columns.gutter-15 .col.span-8,
  .eoss-grid .container-7-columns.gutter-15 .col.span-8 {
    width: 114.28571%; }
  .eoss-grid .eo-row-7-columns.gutter-15 .col.span-9,
  .eoss-grid .container-7-columns.gutter-15 .col.span-9 {
    width: 128.57143%; }
  .eoss-grid .eo-row-7-columns.gutter-15 .col.span-10,
  .eoss-grid .container-7-columns.gutter-15 .col.span-10 {
    width: 142.85714%; }
  .eoss-grid .eo-row-7-columns.gutter-15 .col.span-11,
  .eoss-grid .container-7-columns.gutter-15 .col.span-11 {
    width: 157.14286%; }
  .eoss-grid .eo-row-7-columns.gutter-15 .col.span-12,
  .eoss-grid .container-7-columns.gutter-15 .col.span-12 {
    width: 171.42857%; }
.eoss-grid .eo-row-7-columns.gutter-15 .col:first-of-type,
.eoss-grid .container-7-columns.gutter-15 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-7-columns.gutter-15 .col:last-of-type,
.eoss-grid .container-7-columns.gutter-15 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-7-columns.gutter-15:after,
.eoss-grid .container-7-columns.gutter-15:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-7-columns.gutter-20 .col,
.eoss-grid .container-7-columns.gutter-20 .col {
  width: 14.28571%;
  float: left;
  padding: 0 10px; }
  .eoss-grid .eo-row-7-columns.gutter-20 .col.span-2,
  .eoss-grid .container-7-columns.gutter-20 .col.span-2 {
    width: 28.57143%; }
  .eoss-grid .eo-row-7-columns.gutter-20 .col.span-3,
  .eoss-grid .container-7-columns.gutter-20 .col.span-3 {
    width: 42.85714%; }
  .eoss-grid .eo-row-7-columns.gutter-20 .col.span-4,
  .eoss-grid .container-7-columns.gutter-20 .col.span-4 {
    width: 57.14286%; }
  .eoss-grid .eo-row-7-columns.gutter-20 .col.span-5,
  .eoss-grid .container-7-columns.gutter-20 .col.span-5 {
    width: 71.42857%; }
  .eoss-grid .eo-row-7-columns.gutter-20 .col.span-6,
  .eoss-grid .container-7-columns.gutter-20 .col.span-6 {
    width: 85.71429%; }
  .eoss-grid .eo-row-7-columns.gutter-20 .col.span-7,
  .eoss-grid .container-7-columns.gutter-20 .col.span-7 {
    width: 100%; }
  .eoss-grid .eo-row-7-columns.gutter-20 .col.span-8,
  .eoss-grid .container-7-columns.gutter-20 .col.span-8 {
    width: 114.28571%; }
  .eoss-grid .eo-row-7-columns.gutter-20 .col.span-9,
  .eoss-grid .container-7-columns.gutter-20 .col.span-9 {
    width: 128.57143%; }
  .eoss-grid .eo-row-7-columns.gutter-20 .col.span-10,
  .eoss-grid .container-7-columns.gutter-20 .col.span-10 {
    width: 142.85714%; }
  .eoss-grid .eo-row-7-columns.gutter-20 .col.span-11,
  .eoss-grid .container-7-columns.gutter-20 .col.span-11 {
    width: 157.14286%; }
  .eoss-grid .eo-row-7-columns.gutter-20 .col.span-12,
  .eoss-grid .container-7-columns.gutter-20 .col.span-12 {
    width: 171.42857%; }
.eoss-grid .eo-row-7-columns.gutter-20 .col:first-of-type,
.eoss-grid .container-7-columns.gutter-20 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-7-columns.gutter-20 .col:last-of-type,
.eoss-grid .container-7-columns.gutter-20 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-7-columns.gutter-20:after,
.eoss-grid .container-7-columns.gutter-20:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-7-columns.gutter-25 .col,
.eoss-grid .container-7-columns.gutter-25 .col {
  width: 14.28571%;
  float: left;
  padding: 0 12.5px; }
  .eoss-grid .eo-row-7-columns.gutter-25 .col.span-2,
  .eoss-grid .container-7-columns.gutter-25 .col.span-2 {
    width: 28.57143%; }
  .eoss-grid .eo-row-7-columns.gutter-25 .col.span-3,
  .eoss-grid .container-7-columns.gutter-25 .col.span-3 {
    width: 42.85714%; }
  .eoss-grid .eo-row-7-columns.gutter-25 .col.span-4,
  .eoss-grid .container-7-columns.gutter-25 .col.span-4 {
    width: 57.14286%; }
  .eoss-grid .eo-row-7-columns.gutter-25 .col.span-5,
  .eoss-grid .container-7-columns.gutter-25 .col.span-5 {
    width: 71.42857%; }
  .eoss-grid .eo-row-7-columns.gutter-25 .col.span-6,
  .eoss-grid .container-7-columns.gutter-25 .col.span-6 {
    width: 85.71429%; }
  .eoss-grid .eo-row-7-columns.gutter-25 .col.span-7,
  .eoss-grid .container-7-columns.gutter-25 .col.span-7 {
    width: 100%; }
  .eoss-grid .eo-row-7-columns.gutter-25 .col.span-8,
  .eoss-grid .container-7-columns.gutter-25 .col.span-8 {
    width: 114.28571%; }
  .eoss-grid .eo-row-7-columns.gutter-25 .col.span-9,
  .eoss-grid .container-7-columns.gutter-25 .col.span-9 {
    width: 128.57143%; }
  .eoss-grid .eo-row-7-columns.gutter-25 .col.span-10,
  .eoss-grid .container-7-columns.gutter-25 .col.span-10 {
    width: 142.85714%; }
  .eoss-grid .eo-row-7-columns.gutter-25 .col.span-11,
  .eoss-grid .container-7-columns.gutter-25 .col.span-11 {
    width: 157.14286%; }
  .eoss-grid .eo-row-7-columns.gutter-25 .col.span-12,
  .eoss-grid .container-7-columns.gutter-25 .col.span-12 {
    width: 171.42857%; }
.eoss-grid .eo-row-7-columns.gutter-25 .col:first-of-type,
.eoss-grid .container-7-columns.gutter-25 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-7-columns.gutter-25 .col:last-of-type,
.eoss-grid .container-7-columns.gutter-25 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-7-columns.gutter-25:after,
.eoss-grid .container-7-columns.gutter-25:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-7-columns.gutter-30 .col,
.eoss-grid .container-7-columns.gutter-30 .col {
  width: 14.28571%;
  float: left;
  padding: 0 15px; }
  .eoss-grid .eo-row-7-columns.gutter-30 .col.span-2,
  .eoss-grid .container-7-columns.gutter-30 .col.span-2 {
    width: 28.57143%; }
  .eoss-grid .eo-row-7-columns.gutter-30 .col.span-3,
  .eoss-grid .container-7-columns.gutter-30 .col.span-3 {
    width: 42.85714%; }
  .eoss-grid .eo-row-7-columns.gutter-30 .col.span-4,
  .eoss-grid .container-7-columns.gutter-30 .col.span-4 {
    width: 57.14286%; }
  .eoss-grid .eo-row-7-columns.gutter-30 .col.span-5,
  .eoss-grid .container-7-columns.gutter-30 .col.span-5 {
    width: 71.42857%; }
  .eoss-grid .eo-row-7-columns.gutter-30 .col.span-6,
  .eoss-grid .container-7-columns.gutter-30 .col.span-6 {
    width: 85.71429%; }
  .eoss-grid .eo-row-7-columns.gutter-30 .col.span-7,
  .eoss-grid .container-7-columns.gutter-30 .col.span-7 {
    width: 100%; }
  .eoss-grid .eo-row-7-columns.gutter-30 .col.span-8,
  .eoss-grid .container-7-columns.gutter-30 .col.span-8 {
    width: 114.28571%; }
  .eoss-grid .eo-row-7-columns.gutter-30 .col.span-9,
  .eoss-grid .container-7-columns.gutter-30 .col.span-9 {
    width: 128.57143%; }
  .eoss-grid .eo-row-7-columns.gutter-30 .col.span-10,
  .eoss-grid .container-7-columns.gutter-30 .col.span-10 {
    width: 142.85714%; }
  .eoss-grid .eo-row-7-columns.gutter-30 .col.span-11,
  .eoss-grid .container-7-columns.gutter-30 .col.span-11 {
    width: 157.14286%; }
  .eoss-grid .eo-row-7-columns.gutter-30 .col.span-12,
  .eoss-grid .container-7-columns.gutter-30 .col.span-12 {
    width: 171.42857%; }
.eoss-grid .eo-row-7-columns.gutter-30 .col:first-of-type,
.eoss-grid .container-7-columns.gutter-30 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-7-columns.gutter-30 .col:last-of-type,
.eoss-grid .container-7-columns.gutter-30 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-7-columns.gutter-30:after,
.eoss-grid .container-7-columns.gutter-30:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-7-columns.gutter-40 .col,
.eoss-grid .container-7-columns.gutter-40 .col {
  width: 14.28571%;
  float: left;
  padding: 0 20px; }
  .eoss-grid .eo-row-7-columns.gutter-40 .col.span-2,
  .eoss-grid .container-7-columns.gutter-40 .col.span-2 {
    width: 28.57143%; }
  .eoss-grid .eo-row-7-columns.gutter-40 .col.span-3,
  .eoss-grid .container-7-columns.gutter-40 .col.span-3 {
    width: 42.85714%; }
  .eoss-grid .eo-row-7-columns.gutter-40 .col.span-4,
  .eoss-grid .container-7-columns.gutter-40 .col.span-4 {
    width: 57.14286%; }
  .eoss-grid .eo-row-7-columns.gutter-40 .col.span-5,
  .eoss-grid .container-7-columns.gutter-40 .col.span-5 {
    width: 71.42857%; }
  .eoss-grid .eo-row-7-columns.gutter-40 .col.span-6,
  .eoss-grid .container-7-columns.gutter-40 .col.span-6 {
    width: 85.71429%; }
  .eoss-grid .eo-row-7-columns.gutter-40 .col.span-7,
  .eoss-grid .container-7-columns.gutter-40 .col.span-7 {
    width: 100%; }
  .eoss-grid .eo-row-7-columns.gutter-40 .col.span-8,
  .eoss-grid .container-7-columns.gutter-40 .col.span-8 {
    width: 114.28571%; }
  .eoss-grid .eo-row-7-columns.gutter-40 .col.span-9,
  .eoss-grid .container-7-columns.gutter-40 .col.span-9 {
    width: 128.57143%; }
  .eoss-grid .eo-row-7-columns.gutter-40 .col.span-10,
  .eoss-grid .container-7-columns.gutter-40 .col.span-10 {
    width: 142.85714%; }
  .eoss-grid .eo-row-7-columns.gutter-40 .col.span-11,
  .eoss-grid .container-7-columns.gutter-40 .col.span-11 {
    width: 157.14286%; }
  .eoss-grid .eo-row-7-columns.gutter-40 .col.span-12,
  .eoss-grid .container-7-columns.gutter-40 .col.span-12 {
    width: 171.42857%; }
.eoss-grid .eo-row-7-columns.gutter-40 .col:first-of-type,
.eoss-grid .container-7-columns.gutter-40 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-7-columns.gutter-40 .col:last-of-type,
.eoss-grid .container-7-columns.gutter-40 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-7-columns.gutter-40:after,
.eoss-grid .container-7-columns.gutter-40:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-7-columns.gutter-50 .col,
.eoss-grid .container-7-columns.gutter-50 .col {
  width: 14.28571%;
  float: left;
  padding: 0 25px; }
  .eoss-grid .eo-row-7-columns.gutter-50 .col.span-2,
  .eoss-grid .container-7-columns.gutter-50 .col.span-2 {
    width: 28.57143%; }
  .eoss-grid .eo-row-7-columns.gutter-50 .col.span-3,
  .eoss-grid .container-7-columns.gutter-50 .col.span-3 {
    width: 42.85714%; }
  .eoss-grid .eo-row-7-columns.gutter-50 .col.span-4,
  .eoss-grid .container-7-columns.gutter-50 .col.span-4 {
    width: 57.14286%; }
  .eoss-grid .eo-row-7-columns.gutter-50 .col.span-5,
  .eoss-grid .container-7-columns.gutter-50 .col.span-5 {
    width: 71.42857%; }
  .eoss-grid .eo-row-7-columns.gutter-50 .col.span-6,
  .eoss-grid .container-7-columns.gutter-50 .col.span-6 {
    width: 85.71429%; }
  .eoss-grid .eo-row-7-columns.gutter-50 .col.span-7,
  .eoss-grid .container-7-columns.gutter-50 .col.span-7 {
    width: 100%; }
  .eoss-grid .eo-row-7-columns.gutter-50 .col.span-8,
  .eoss-grid .container-7-columns.gutter-50 .col.span-8 {
    width: 114.28571%; }
  .eoss-grid .eo-row-7-columns.gutter-50 .col.span-9,
  .eoss-grid .container-7-columns.gutter-50 .col.span-9 {
    width: 128.57143%; }
  .eoss-grid .eo-row-7-columns.gutter-50 .col.span-10,
  .eoss-grid .container-7-columns.gutter-50 .col.span-10 {
    width: 142.85714%; }
  .eoss-grid .eo-row-7-columns.gutter-50 .col.span-11,
  .eoss-grid .container-7-columns.gutter-50 .col.span-11 {
    width: 157.14286%; }
  .eoss-grid .eo-row-7-columns.gutter-50 .col.span-12,
  .eoss-grid .container-7-columns.gutter-50 .col.span-12 {
    width: 171.42857%; }
.eoss-grid .eo-row-7-columns.gutter-50 .col:first-of-type,
.eoss-grid .container-7-columns.gutter-50 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-7-columns.gutter-50 .col:last-of-type,
.eoss-grid .container-7-columns.gutter-50 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-7-columns.gutter-50:after,
.eoss-grid .container-7-columns.gutter-50:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-8-columns .col,
.eoss-grid .container-8-columns .col {
  width: 12.5%;
  float: left;
  padding: 0 5px; }
  .eoss-grid .eo-row-8-columns .col.span-2,
  .eoss-grid .container-8-columns .col.span-2 {
    width: 25%; }
  .eoss-grid .eo-row-8-columns .col.span-3,
  .eoss-grid .container-8-columns .col.span-3 {
    width: 37.5%; }
  .eoss-grid .eo-row-8-columns .col.span-4,
  .eoss-grid .container-8-columns .col.span-4 {
    width: 50%; }
  .eoss-grid .eo-row-8-columns .col.span-5,
  .eoss-grid .container-8-columns .col.span-5 {
    width: 62.5%; }
  .eoss-grid .eo-row-8-columns .col.span-6,
  .eoss-grid .container-8-columns .col.span-6 {
    width: 75%; }
  .eoss-grid .eo-row-8-columns .col.span-7,
  .eoss-grid .container-8-columns .col.span-7 {
    width: 87.5%; }
  .eoss-grid .eo-row-8-columns .col.span-8,
  .eoss-grid .container-8-columns .col.span-8 {
    width: 100%; }
  .eoss-grid .eo-row-8-columns .col.span-9,
  .eoss-grid .container-8-columns .col.span-9 {
    width: 112.5%; }
  .eoss-grid .eo-row-8-columns .col.span-10,
  .eoss-grid .container-8-columns .col.span-10 {
    width: 125%; }
  .eoss-grid .eo-row-8-columns .col.span-11,
  .eoss-grid .container-8-columns .col.span-11 {
    width: 137.5%; }
  .eoss-grid .eo-row-8-columns .col.span-12,
  .eoss-grid .container-8-columns .col.span-12 {
    width: 150%; }
.eoss-grid .eo-row-8-columns .col:first-of-type,
.eoss-grid .container-8-columns .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-8-columns .col:last-of-type,
.eoss-grid .container-8-columns .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-8-columns:after,
.eoss-grid .container-8-columns:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-8-columns.gutter-5 .col,
.eoss-grid .container-8-columns.gutter-5 .col {
  width: 12.5%;
  float: left;
  padding: 0 2.5px; }
  .eoss-grid .eo-row-8-columns.gutter-5 .col.span-2,
  .eoss-grid .container-8-columns.gutter-5 .col.span-2 {
    width: 25%; }
  .eoss-grid .eo-row-8-columns.gutter-5 .col.span-3,
  .eoss-grid .container-8-columns.gutter-5 .col.span-3 {
    width: 37.5%; }
  .eoss-grid .eo-row-8-columns.gutter-5 .col.span-4,
  .eoss-grid .container-8-columns.gutter-5 .col.span-4 {
    width: 50%; }
  .eoss-grid .eo-row-8-columns.gutter-5 .col.span-5,
  .eoss-grid .container-8-columns.gutter-5 .col.span-5 {
    width: 62.5%; }
  .eoss-grid .eo-row-8-columns.gutter-5 .col.span-6,
  .eoss-grid .container-8-columns.gutter-5 .col.span-6 {
    width: 75%; }
  .eoss-grid .eo-row-8-columns.gutter-5 .col.span-7,
  .eoss-grid .container-8-columns.gutter-5 .col.span-7 {
    width: 87.5%; }
  .eoss-grid .eo-row-8-columns.gutter-5 .col.span-8,
  .eoss-grid .container-8-columns.gutter-5 .col.span-8 {
    width: 100%; }
  .eoss-grid .eo-row-8-columns.gutter-5 .col.span-9,
  .eoss-grid .container-8-columns.gutter-5 .col.span-9 {
    width: 112.5%; }
  .eoss-grid .eo-row-8-columns.gutter-5 .col.span-10,
  .eoss-grid .container-8-columns.gutter-5 .col.span-10 {
    width: 125%; }
  .eoss-grid .eo-row-8-columns.gutter-5 .col.span-11,
  .eoss-grid .container-8-columns.gutter-5 .col.span-11 {
    width: 137.5%; }
  .eoss-grid .eo-row-8-columns.gutter-5 .col.span-12,
  .eoss-grid .container-8-columns.gutter-5 .col.span-12 {
    width: 150%; }
.eoss-grid .eo-row-8-columns.gutter-5 .col:first-of-type,
.eoss-grid .container-8-columns.gutter-5 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-8-columns.gutter-5 .col:last-of-type,
.eoss-grid .container-8-columns.gutter-5 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-8-columns.gutter-5:after,
.eoss-grid .container-8-columns.gutter-5:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-8-columns.gutter-10 .col,
.eoss-grid .container-8-columns.gutter-10 .col {
  width: 12.5%;
  float: left;
  padding: 0 5px; }
  .eoss-grid .eo-row-8-columns.gutter-10 .col.span-2,
  .eoss-grid .container-8-columns.gutter-10 .col.span-2 {
    width: 25%; }
  .eoss-grid .eo-row-8-columns.gutter-10 .col.span-3,
  .eoss-grid .container-8-columns.gutter-10 .col.span-3 {
    width: 37.5%; }
  .eoss-grid .eo-row-8-columns.gutter-10 .col.span-4,
  .eoss-grid .container-8-columns.gutter-10 .col.span-4 {
    width: 50%; }
  .eoss-grid .eo-row-8-columns.gutter-10 .col.span-5,
  .eoss-grid .container-8-columns.gutter-10 .col.span-5 {
    width: 62.5%; }
  .eoss-grid .eo-row-8-columns.gutter-10 .col.span-6,
  .eoss-grid .container-8-columns.gutter-10 .col.span-6 {
    width: 75%; }
  .eoss-grid .eo-row-8-columns.gutter-10 .col.span-7,
  .eoss-grid .container-8-columns.gutter-10 .col.span-7 {
    width: 87.5%; }
  .eoss-grid .eo-row-8-columns.gutter-10 .col.span-8,
  .eoss-grid .container-8-columns.gutter-10 .col.span-8 {
    width: 100%; }
  .eoss-grid .eo-row-8-columns.gutter-10 .col.span-9,
  .eoss-grid .container-8-columns.gutter-10 .col.span-9 {
    width: 112.5%; }
  .eoss-grid .eo-row-8-columns.gutter-10 .col.span-10,
  .eoss-grid .container-8-columns.gutter-10 .col.span-10 {
    width: 125%; }
  .eoss-grid .eo-row-8-columns.gutter-10 .col.span-11,
  .eoss-grid .container-8-columns.gutter-10 .col.span-11 {
    width: 137.5%; }
  .eoss-grid .eo-row-8-columns.gutter-10 .col.span-12,
  .eoss-grid .container-8-columns.gutter-10 .col.span-12 {
    width: 150%; }
.eoss-grid .eo-row-8-columns.gutter-10 .col:first-of-type,
.eoss-grid .container-8-columns.gutter-10 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-8-columns.gutter-10 .col:last-of-type,
.eoss-grid .container-8-columns.gutter-10 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-8-columns.gutter-10:after,
.eoss-grid .container-8-columns.gutter-10:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-8-columns.gutter-15 .col,
.eoss-grid .container-8-columns.gutter-15 .col {
  width: 12.5%;
  float: left;
  padding: 0 7.5px; }
  .eoss-grid .eo-row-8-columns.gutter-15 .col.span-2,
  .eoss-grid .container-8-columns.gutter-15 .col.span-2 {
    width: 25%; }
  .eoss-grid .eo-row-8-columns.gutter-15 .col.span-3,
  .eoss-grid .container-8-columns.gutter-15 .col.span-3 {
    width: 37.5%; }
  .eoss-grid .eo-row-8-columns.gutter-15 .col.span-4,
  .eoss-grid .container-8-columns.gutter-15 .col.span-4 {
    width: 50%; }
  .eoss-grid .eo-row-8-columns.gutter-15 .col.span-5,
  .eoss-grid .container-8-columns.gutter-15 .col.span-5 {
    width: 62.5%; }
  .eoss-grid .eo-row-8-columns.gutter-15 .col.span-6,
  .eoss-grid .container-8-columns.gutter-15 .col.span-6 {
    width: 75%; }
  .eoss-grid .eo-row-8-columns.gutter-15 .col.span-7,
  .eoss-grid .container-8-columns.gutter-15 .col.span-7 {
    width: 87.5%; }
  .eoss-grid .eo-row-8-columns.gutter-15 .col.span-8,
  .eoss-grid .container-8-columns.gutter-15 .col.span-8 {
    width: 100%; }
  .eoss-grid .eo-row-8-columns.gutter-15 .col.span-9,
  .eoss-grid .container-8-columns.gutter-15 .col.span-9 {
    width: 112.5%; }
  .eoss-grid .eo-row-8-columns.gutter-15 .col.span-10,
  .eoss-grid .container-8-columns.gutter-15 .col.span-10 {
    width: 125%; }
  .eoss-grid .eo-row-8-columns.gutter-15 .col.span-11,
  .eoss-grid .container-8-columns.gutter-15 .col.span-11 {
    width: 137.5%; }
  .eoss-grid .eo-row-8-columns.gutter-15 .col.span-12,
  .eoss-grid .container-8-columns.gutter-15 .col.span-12 {
    width: 150%; }
.eoss-grid .eo-row-8-columns.gutter-15 .col:first-of-type,
.eoss-grid .container-8-columns.gutter-15 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-8-columns.gutter-15 .col:last-of-type,
.eoss-grid .container-8-columns.gutter-15 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-8-columns.gutter-15:after,
.eoss-grid .container-8-columns.gutter-15:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-8-columns.gutter-20 .col,
.eoss-grid .container-8-columns.gutter-20 .col {
  width: 12.5%;
  float: left;
  padding: 0 10px; }
  .eoss-grid .eo-row-8-columns.gutter-20 .col.span-2,
  .eoss-grid .container-8-columns.gutter-20 .col.span-2 {
    width: 25%; }
  .eoss-grid .eo-row-8-columns.gutter-20 .col.span-3,
  .eoss-grid .container-8-columns.gutter-20 .col.span-3 {
    width: 37.5%; }
  .eoss-grid .eo-row-8-columns.gutter-20 .col.span-4,
  .eoss-grid .container-8-columns.gutter-20 .col.span-4 {
    width: 50%; }
  .eoss-grid .eo-row-8-columns.gutter-20 .col.span-5,
  .eoss-grid .container-8-columns.gutter-20 .col.span-5 {
    width: 62.5%; }
  .eoss-grid .eo-row-8-columns.gutter-20 .col.span-6,
  .eoss-grid .container-8-columns.gutter-20 .col.span-6 {
    width: 75%; }
  .eoss-grid .eo-row-8-columns.gutter-20 .col.span-7,
  .eoss-grid .container-8-columns.gutter-20 .col.span-7 {
    width: 87.5%; }
  .eoss-grid .eo-row-8-columns.gutter-20 .col.span-8,
  .eoss-grid .container-8-columns.gutter-20 .col.span-8 {
    width: 100%; }
  .eoss-grid .eo-row-8-columns.gutter-20 .col.span-9,
  .eoss-grid .container-8-columns.gutter-20 .col.span-9 {
    width: 112.5%; }
  .eoss-grid .eo-row-8-columns.gutter-20 .col.span-10,
  .eoss-grid .container-8-columns.gutter-20 .col.span-10 {
    width: 125%; }
  .eoss-grid .eo-row-8-columns.gutter-20 .col.span-11,
  .eoss-grid .container-8-columns.gutter-20 .col.span-11 {
    width: 137.5%; }
  .eoss-grid .eo-row-8-columns.gutter-20 .col.span-12,
  .eoss-grid .container-8-columns.gutter-20 .col.span-12 {
    width: 150%; }
.eoss-grid .eo-row-8-columns.gutter-20 .col:first-of-type,
.eoss-grid .container-8-columns.gutter-20 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-8-columns.gutter-20 .col:last-of-type,
.eoss-grid .container-8-columns.gutter-20 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-8-columns.gutter-20:after,
.eoss-grid .container-8-columns.gutter-20:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-8-columns.gutter-25 .col,
.eoss-grid .container-8-columns.gutter-25 .col {
  width: 12.5%;
  float: left;
  padding: 0 12.5px; }
  .eoss-grid .eo-row-8-columns.gutter-25 .col.span-2,
  .eoss-grid .container-8-columns.gutter-25 .col.span-2 {
    width: 25%; }
  .eoss-grid .eo-row-8-columns.gutter-25 .col.span-3,
  .eoss-grid .container-8-columns.gutter-25 .col.span-3 {
    width: 37.5%; }
  .eoss-grid .eo-row-8-columns.gutter-25 .col.span-4,
  .eoss-grid .container-8-columns.gutter-25 .col.span-4 {
    width: 50%; }
  .eoss-grid .eo-row-8-columns.gutter-25 .col.span-5,
  .eoss-grid .container-8-columns.gutter-25 .col.span-5 {
    width: 62.5%; }
  .eoss-grid .eo-row-8-columns.gutter-25 .col.span-6,
  .eoss-grid .container-8-columns.gutter-25 .col.span-6 {
    width: 75%; }
  .eoss-grid .eo-row-8-columns.gutter-25 .col.span-7,
  .eoss-grid .container-8-columns.gutter-25 .col.span-7 {
    width: 87.5%; }
  .eoss-grid .eo-row-8-columns.gutter-25 .col.span-8,
  .eoss-grid .container-8-columns.gutter-25 .col.span-8 {
    width: 100%; }
  .eoss-grid .eo-row-8-columns.gutter-25 .col.span-9,
  .eoss-grid .container-8-columns.gutter-25 .col.span-9 {
    width: 112.5%; }
  .eoss-grid .eo-row-8-columns.gutter-25 .col.span-10,
  .eoss-grid .container-8-columns.gutter-25 .col.span-10 {
    width: 125%; }
  .eoss-grid .eo-row-8-columns.gutter-25 .col.span-11,
  .eoss-grid .container-8-columns.gutter-25 .col.span-11 {
    width: 137.5%; }
  .eoss-grid .eo-row-8-columns.gutter-25 .col.span-12,
  .eoss-grid .container-8-columns.gutter-25 .col.span-12 {
    width: 150%; }
.eoss-grid .eo-row-8-columns.gutter-25 .col:first-of-type,
.eoss-grid .container-8-columns.gutter-25 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-8-columns.gutter-25 .col:last-of-type,
.eoss-grid .container-8-columns.gutter-25 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-8-columns.gutter-25:after,
.eoss-grid .container-8-columns.gutter-25:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-8-columns.gutter-30 .col,
.eoss-grid .container-8-columns.gutter-30 .col {
  width: 12.5%;
  float: left;
  padding: 0 15px; }
  .eoss-grid .eo-row-8-columns.gutter-30 .col.span-2,
  .eoss-grid .container-8-columns.gutter-30 .col.span-2 {
    width: 25%; }
  .eoss-grid .eo-row-8-columns.gutter-30 .col.span-3,
  .eoss-grid .container-8-columns.gutter-30 .col.span-3 {
    width: 37.5%; }
  .eoss-grid .eo-row-8-columns.gutter-30 .col.span-4,
  .eoss-grid .container-8-columns.gutter-30 .col.span-4 {
    width: 50%; }
  .eoss-grid .eo-row-8-columns.gutter-30 .col.span-5,
  .eoss-grid .container-8-columns.gutter-30 .col.span-5 {
    width: 62.5%; }
  .eoss-grid .eo-row-8-columns.gutter-30 .col.span-6,
  .eoss-grid .container-8-columns.gutter-30 .col.span-6 {
    width: 75%; }
  .eoss-grid .eo-row-8-columns.gutter-30 .col.span-7,
  .eoss-grid .container-8-columns.gutter-30 .col.span-7 {
    width: 87.5%; }
  .eoss-grid .eo-row-8-columns.gutter-30 .col.span-8,
  .eoss-grid .container-8-columns.gutter-30 .col.span-8 {
    width: 100%; }
  .eoss-grid .eo-row-8-columns.gutter-30 .col.span-9,
  .eoss-grid .container-8-columns.gutter-30 .col.span-9 {
    width: 112.5%; }
  .eoss-grid .eo-row-8-columns.gutter-30 .col.span-10,
  .eoss-grid .container-8-columns.gutter-30 .col.span-10 {
    width: 125%; }
  .eoss-grid .eo-row-8-columns.gutter-30 .col.span-11,
  .eoss-grid .container-8-columns.gutter-30 .col.span-11 {
    width: 137.5%; }
  .eoss-grid .eo-row-8-columns.gutter-30 .col.span-12,
  .eoss-grid .container-8-columns.gutter-30 .col.span-12 {
    width: 150%; }
.eoss-grid .eo-row-8-columns.gutter-30 .col:first-of-type,
.eoss-grid .container-8-columns.gutter-30 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-8-columns.gutter-30 .col:last-of-type,
.eoss-grid .container-8-columns.gutter-30 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-8-columns.gutter-30:after,
.eoss-grid .container-8-columns.gutter-30:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-8-columns.gutter-40 .col,
.eoss-grid .container-8-columns.gutter-40 .col {
  width: 12.5%;
  float: left;
  padding: 0 20px; }
  .eoss-grid .eo-row-8-columns.gutter-40 .col.span-2,
  .eoss-grid .container-8-columns.gutter-40 .col.span-2 {
    width: 25%; }
  .eoss-grid .eo-row-8-columns.gutter-40 .col.span-3,
  .eoss-grid .container-8-columns.gutter-40 .col.span-3 {
    width: 37.5%; }
  .eoss-grid .eo-row-8-columns.gutter-40 .col.span-4,
  .eoss-grid .container-8-columns.gutter-40 .col.span-4 {
    width: 50%; }
  .eoss-grid .eo-row-8-columns.gutter-40 .col.span-5,
  .eoss-grid .container-8-columns.gutter-40 .col.span-5 {
    width: 62.5%; }
  .eoss-grid .eo-row-8-columns.gutter-40 .col.span-6,
  .eoss-grid .container-8-columns.gutter-40 .col.span-6 {
    width: 75%; }
  .eoss-grid .eo-row-8-columns.gutter-40 .col.span-7,
  .eoss-grid .container-8-columns.gutter-40 .col.span-7 {
    width: 87.5%; }
  .eoss-grid .eo-row-8-columns.gutter-40 .col.span-8,
  .eoss-grid .container-8-columns.gutter-40 .col.span-8 {
    width: 100%; }
  .eoss-grid .eo-row-8-columns.gutter-40 .col.span-9,
  .eoss-grid .container-8-columns.gutter-40 .col.span-9 {
    width: 112.5%; }
  .eoss-grid .eo-row-8-columns.gutter-40 .col.span-10,
  .eoss-grid .container-8-columns.gutter-40 .col.span-10 {
    width: 125%; }
  .eoss-grid .eo-row-8-columns.gutter-40 .col.span-11,
  .eoss-grid .container-8-columns.gutter-40 .col.span-11 {
    width: 137.5%; }
  .eoss-grid .eo-row-8-columns.gutter-40 .col.span-12,
  .eoss-grid .container-8-columns.gutter-40 .col.span-12 {
    width: 150%; }
.eoss-grid .eo-row-8-columns.gutter-40 .col:first-of-type,
.eoss-grid .container-8-columns.gutter-40 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-8-columns.gutter-40 .col:last-of-type,
.eoss-grid .container-8-columns.gutter-40 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-8-columns.gutter-40:after,
.eoss-grid .container-8-columns.gutter-40:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-8-columns.gutter-50 .col,
.eoss-grid .container-8-columns.gutter-50 .col {
  width: 12.5%;
  float: left;
  padding: 0 25px; }
  .eoss-grid .eo-row-8-columns.gutter-50 .col.span-2,
  .eoss-grid .container-8-columns.gutter-50 .col.span-2 {
    width: 25%; }
  .eoss-grid .eo-row-8-columns.gutter-50 .col.span-3,
  .eoss-grid .container-8-columns.gutter-50 .col.span-3 {
    width: 37.5%; }
  .eoss-grid .eo-row-8-columns.gutter-50 .col.span-4,
  .eoss-grid .container-8-columns.gutter-50 .col.span-4 {
    width: 50%; }
  .eoss-grid .eo-row-8-columns.gutter-50 .col.span-5,
  .eoss-grid .container-8-columns.gutter-50 .col.span-5 {
    width: 62.5%; }
  .eoss-grid .eo-row-8-columns.gutter-50 .col.span-6,
  .eoss-grid .container-8-columns.gutter-50 .col.span-6 {
    width: 75%; }
  .eoss-grid .eo-row-8-columns.gutter-50 .col.span-7,
  .eoss-grid .container-8-columns.gutter-50 .col.span-7 {
    width: 87.5%; }
  .eoss-grid .eo-row-8-columns.gutter-50 .col.span-8,
  .eoss-grid .container-8-columns.gutter-50 .col.span-8 {
    width: 100%; }
  .eoss-grid .eo-row-8-columns.gutter-50 .col.span-9,
  .eoss-grid .container-8-columns.gutter-50 .col.span-9 {
    width: 112.5%; }
  .eoss-grid .eo-row-8-columns.gutter-50 .col.span-10,
  .eoss-grid .container-8-columns.gutter-50 .col.span-10 {
    width: 125%; }
  .eoss-grid .eo-row-8-columns.gutter-50 .col.span-11,
  .eoss-grid .container-8-columns.gutter-50 .col.span-11 {
    width: 137.5%; }
  .eoss-grid .eo-row-8-columns.gutter-50 .col.span-12,
  .eoss-grid .container-8-columns.gutter-50 .col.span-12 {
    width: 150%; }
.eoss-grid .eo-row-8-columns.gutter-50 .col:first-of-type,
.eoss-grid .container-8-columns.gutter-50 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-8-columns.gutter-50 .col:last-of-type,
.eoss-grid .container-8-columns.gutter-50 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-8-columns.gutter-50:after,
.eoss-grid .container-8-columns.gutter-50:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-9-columns .col,
.eoss-grid .container-9-columns .col {
  width: 11.11111%;
  float: left;
  padding: 0 5px; }
  .eoss-grid .eo-row-9-columns .col.span-2,
  .eoss-grid .container-9-columns .col.span-2 {
    width: 22.22222%; }
  .eoss-grid .eo-row-9-columns .col.span-3,
  .eoss-grid .container-9-columns .col.span-3 {
    width: 33.33333%; }
  .eoss-grid .eo-row-9-columns .col.span-4,
  .eoss-grid .container-9-columns .col.span-4 {
    width: 44.44444%; }
  .eoss-grid .eo-row-9-columns .col.span-5,
  .eoss-grid .container-9-columns .col.span-5 {
    width: 55.55556%; }
  .eoss-grid .eo-row-9-columns .col.span-6,
  .eoss-grid .container-9-columns .col.span-6 {
    width: 66.66667%; }
  .eoss-grid .eo-row-9-columns .col.span-7,
  .eoss-grid .container-9-columns .col.span-7 {
    width: 77.77778%; }
  .eoss-grid .eo-row-9-columns .col.span-8,
  .eoss-grid .container-9-columns .col.span-8 {
    width: 88.88889%; }
  .eoss-grid .eo-row-9-columns .col.span-9,
  .eoss-grid .container-9-columns .col.span-9 {
    width: 100%; }
  .eoss-grid .eo-row-9-columns .col.span-10,
  .eoss-grid .container-9-columns .col.span-10 {
    width: 111.11111%; }
  .eoss-grid .eo-row-9-columns .col.span-11,
  .eoss-grid .container-9-columns .col.span-11 {
    width: 122.22222%; }
  .eoss-grid .eo-row-9-columns .col.span-12,
  .eoss-grid .container-9-columns .col.span-12 {
    width: 133.33333%; }
.eoss-grid .eo-row-9-columns .col:first-of-type,
.eoss-grid .container-9-columns .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-9-columns .col:last-of-type,
.eoss-grid .container-9-columns .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-9-columns:after,
.eoss-grid .container-9-columns:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-9-columns.gutter-5 .col,
.eoss-grid .container-9-columns.gutter-5 .col {
  width: 11.11111%;
  float: left;
  padding: 0 2.5px; }
  .eoss-grid .eo-row-9-columns.gutter-5 .col.span-2,
  .eoss-grid .container-9-columns.gutter-5 .col.span-2 {
    width: 22.22222%; }
  .eoss-grid .eo-row-9-columns.gutter-5 .col.span-3,
  .eoss-grid .container-9-columns.gutter-5 .col.span-3 {
    width: 33.33333%; }
  .eoss-grid .eo-row-9-columns.gutter-5 .col.span-4,
  .eoss-grid .container-9-columns.gutter-5 .col.span-4 {
    width: 44.44444%; }
  .eoss-grid .eo-row-9-columns.gutter-5 .col.span-5,
  .eoss-grid .container-9-columns.gutter-5 .col.span-5 {
    width: 55.55556%; }
  .eoss-grid .eo-row-9-columns.gutter-5 .col.span-6,
  .eoss-grid .container-9-columns.gutter-5 .col.span-6 {
    width: 66.66667%; }
  .eoss-grid .eo-row-9-columns.gutter-5 .col.span-7,
  .eoss-grid .container-9-columns.gutter-5 .col.span-7 {
    width: 77.77778%; }
  .eoss-grid .eo-row-9-columns.gutter-5 .col.span-8,
  .eoss-grid .container-9-columns.gutter-5 .col.span-8 {
    width: 88.88889%; }
  .eoss-grid .eo-row-9-columns.gutter-5 .col.span-9,
  .eoss-grid .container-9-columns.gutter-5 .col.span-9 {
    width: 100%; }
  .eoss-grid .eo-row-9-columns.gutter-5 .col.span-10,
  .eoss-grid .container-9-columns.gutter-5 .col.span-10 {
    width: 111.11111%; }
  .eoss-grid .eo-row-9-columns.gutter-5 .col.span-11,
  .eoss-grid .container-9-columns.gutter-5 .col.span-11 {
    width: 122.22222%; }
  .eoss-grid .eo-row-9-columns.gutter-5 .col.span-12,
  .eoss-grid .container-9-columns.gutter-5 .col.span-12 {
    width: 133.33333%; }
.eoss-grid .eo-row-9-columns.gutter-5 .col:first-of-type,
.eoss-grid .container-9-columns.gutter-5 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-9-columns.gutter-5 .col:last-of-type,
.eoss-grid .container-9-columns.gutter-5 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-9-columns.gutter-5:after,
.eoss-grid .container-9-columns.gutter-5:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-9-columns.gutter-10 .col,
.eoss-grid .container-9-columns.gutter-10 .col {
  width: 11.11111%;
  float: left;
  padding: 0 5px; }
  .eoss-grid .eo-row-9-columns.gutter-10 .col.span-2,
  .eoss-grid .container-9-columns.gutter-10 .col.span-2 {
    width: 22.22222%; }
  .eoss-grid .eo-row-9-columns.gutter-10 .col.span-3,
  .eoss-grid .container-9-columns.gutter-10 .col.span-3 {
    width: 33.33333%; }
  .eoss-grid .eo-row-9-columns.gutter-10 .col.span-4,
  .eoss-grid .container-9-columns.gutter-10 .col.span-4 {
    width: 44.44444%; }
  .eoss-grid .eo-row-9-columns.gutter-10 .col.span-5,
  .eoss-grid .container-9-columns.gutter-10 .col.span-5 {
    width: 55.55556%; }
  .eoss-grid .eo-row-9-columns.gutter-10 .col.span-6,
  .eoss-grid .container-9-columns.gutter-10 .col.span-6 {
    width: 66.66667%; }
  .eoss-grid .eo-row-9-columns.gutter-10 .col.span-7,
  .eoss-grid .container-9-columns.gutter-10 .col.span-7 {
    width: 77.77778%; }
  .eoss-grid .eo-row-9-columns.gutter-10 .col.span-8,
  .eoss-grid .container-9-columns.gutter-10 .col.span-8 {
    width: 88.88889%; }
  .eoss-grid .eo-row-9-columns.gutter-10 .col.span-9,
  .eoss-grid .container-9-columns.gutter-10 .col.span-9 {
    width: 100%; }
  .eoss-grid .eo-row-9-columns.gutter-10 .col.span-10,
  .eoss-grid .container-9-columns.gutter-10 .col.span-10 {
    width: 111.11111%; }
  .eoss-grid .eo-row-9-columns.gutter-10 .col.span-11,
  .eoss-grid .container-9-columns.gutter-10 .col.span-11 {
    width: 122.22222%; }
  .eoss-grid .eo-row-9-columns.gutter-10 .col.span-12,
  .eoss-grid .container-9-columns.gutter-10 .col.span-12 {
    width: 133.33333%; }
.eoss-grid .eo-row-9-columns.gutter-10 .col:first-of-type,
.eoss-grid .container-9-columns.gutter-10 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-9-columns.gutter-10 .col:last-of-type,
.eoss-grid .container-9-columns.gutter-10 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-9-columns.gutter-10:after,
.eoss-grid .container-9-columns.gutter-10:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-9-columns.gutter-15 .col,
.eoss-grid .container-9-columns.gutter-15 .col {
  width: 11.11111%;
  float: left;
  padding: 0 7.5px; }
  .eoss-grid .eo-row-9-columns.gutter-15 .col.span-2,
  .eoss-grid .container-9-columns.gutter-15 .col.span-2 {
    width: 22.22222%; }
  .eoss-grid .eo-row-9-columns.gutter-15 .col.span-3,
  .eoss-grid .container-9-columns.gutter-15 .col.span-3 {
    width: 33.33333%; }
  .eoss-grid .eo-row-9-columns.gutter-15 .col.span-4,
  .eoss-grid .container-9-columns.gutter-15 .col.span-4 {
    width: 44.44444%; }
  .eoss-grid .eo-row-9-columns.gutter-15 .col.span-5,
  .eoss-grid .container-9-columns.gutter-15 .col.span-5 {
    width: 55.55556%; }
  .eoss-grid .eo-row-9-columns.gutter-15 .col.span-6,
  .eoss-grid .container-9-columns.gutter-15 .col.span-6 {
    width: 66.66667%; }
  .eoss-grid .eo-row-9-columns.gutter-15 .col.span-7,
  .eoss-grid .container-9-columns.gutter-15 .col.span-7 {
    width: 77.77778%; }
  .eoss-grid .eo-row-9-columns.gutter-15 .col.span-8,
  .eoss-grid .container-9-columns.gutter-15 .col.span-8 {
    width: 88.88889%; }
  .eoss-grid .eo-row-9-columns.gutter-15 .col.span-9,
  .eoss-grid .container-9-columns.gutter-15 .col.span-9 {
    width: 100%; }
  .eoss-grid .eo-row-9-columns.gutter-15 .col.span-10,
  .eoss-grid .container-9-columns.gutter-15 .col.span-10 {
    width: 111.11111%; }
  .eoss-grid .eo-row-9-columns.gutter-15 .col.span-11,
  .eoss-grid .container-9-columns.gutter-15 .col.span-11 {
    width: 122.22222%; }
  .eoss-grid .eo-row-9-columns.gutter-15 .col.span-12,
  .eoss-grid .container-9-columns.gutter-15 .col.span-12 {
    width: 133.33333%; }
.eoss-grid .eo-row-9-columns.gutter-15 .col:first-of-type,
.eoss-grid .container-9-columns.gutter-15 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-9-columns.gutter-15 .col:last-of-type,
.eoss-grid .container-9-columns.gutter-15 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-9-columns.gutter-15:after,
.eoss-grid .container-9-columns.gutter-15:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-9-columns.gutter-20 .col,
.eoss-grid .container-9-columns.gutter-20 .col {
  width: 11.11111%;
  float: left;
  padding: 0 10px; }
  .eoss-grid .eo-row-9-columns.gutter-20 .col.span-2,
  .eoss-grid .container-9-columns.gutter-20 .col.span-2 {
    width: 22.22222%; }
  .eoss-grid .eo-row-9-columns.gutter-20 .col.span-3,
  .eoss-grid .container-9-columns.gutter-20 .col.span-3 {
    width: 33.33333%; }
  .eoss-grid .eo-row-9-columns.gutter-20 .col.span-4,
  .eoss-grid .container-9-columns.gutter-20 .col.span-4 {
    width: 44.44444%; }
  .eoss-grid .eo-row-9-columns.gutter-20 .col.span-5,
  .eoss-grid .container-9-columns.gutter-20 .col.span-5 {
    width: 55.55556%; }
  .eoss-grid .eo-row-9-columns.gutter-20 .col.span-6,
  .eoss-grid .container-9-columns.gutter-20 .col.span-6 {
    width: 66.66667%; }
  .eoss-grid .eo-row-9-columns.gutter-20 .col.span-7,
  .eoss-grid .container-9-columns.gutter-20 .col.span-7 {
    width: 77.77778%; }
  .eoss-grid .eo-row-9-columns.gutter-20 .col.span-8,
  .eoss-grid .container-9-columns.gutter-20 .col.span-8 {
    width: 88.88889%; }
  .eoss-grid .eo-row-9-columns.gutter-20 .col.span-9,
  .eoss-grid .container-9-columns.gutter-20 .col.span-9 {
    width: 100%; }
  .eoss-grid .eo-row-9-columns.gutter-20 .col.span-10,
  .eoss-grid .container-9-columns.gutter-20 .col.span-10 {
    width: 111.11111%; }
  .eoss-grid .eo-row-9-columns.gutter-20 .col.span-11,
  .eoss-grid .container-9-columns.gutter-20 .col.span-11 {
    width: 122.22222%; }
  .eoss-grid .eo-row-9-columns.gutter-20 .col.span-12,
  .eoss-grid .container-9-columns.gutter-20 .col.span-12 {
    width: 133.33333%; }
.eoss-grid .eo-row-9-columns.gutter-20 .col:first-of-type,
.eoss-grid .container-9-columns.gutter-20 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-9-columns.gutter-20 .col:last-of-type,
.eoss-grid .container-9-columns.gutter-20 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-9-columns.gutter-20:after,
.eoss-grid .container-9-columns.gutter-20:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-9-columns.gutter-25 .col,
.eoss-grid .container-9-columns.gutter-25 .col {
  width: 11.11111%;
  float: left;
  padding: 0 12.5px; }
  .eoss-grid .eo-row-9-columns.gutter-25 .col.span-2,
  .eoss-grid .container-9-columns.gutter-25 .col.span-2 {
    width: 22.22222%; }
  .eoss-grid .eo-row-9-columns.gutter-25 .col.span-3,
  .eoss-grid .container-9-columns.gutter-25 .col.span-3 {
    width: 33.33333%; }
  .eoss-grid .eo-row-9-columns.gutter-25 .col.span-4,
  .eoss-grid .container-9-columns.gutter-25 .col.span-4 {
    width: 44.44444%; }
  .eoss-grid .eo-row-9-columns.gutter-25 .col.span-5,
  .eoss-grid .container-9-columns.gutter-25 .col.span-5 {
    width: 55.55556%; }
  .eoss-grid .eo-row-9-columns.gutter-25 .col.span-6,
  .eoss-grid .container-9-columns.gutter-25 .col.span-6 {
    width: 66.66667%; }
  .eoss-grid .eo-row-9-columns.gutter-25 .col.span-7,
  .eoss-grid .container-9-columns.gutter-25 .col.span-7 {
    width: 77.77778%; }
  .eoss-grid .eo-row-9-columns.gutter-25 .col.span-8,
  .eoss-grid .container-9-columns.gutter-25 .col.span-8 {
    width: 88.88889%; }
  .eoss-grid .eo-row-9-columns.gutter-25 .col.span-9,
  .eoss-grid .container-9-columns.gutter-25 .col.span-9 {
    width: 100%; }
  .eoss-grid .eo-row-9-columns.gutter-25 .col.span-10,
  .eoss-grid .container-9-columns.gutter-25 .col.span-10 {
    width: 111.11111%; }
  .eoss-grid .eo-row-9-columns.gutter-25 .col.span-11,
  .eoss-grid .container-9-columns.gutter-25 .col.span-11 {
    width: 122.22222%; }
  .eoss-grid .eo-row-9-columns.gutter-25 .col.span-12,
  .eoss-grid .container-9-columns.gutter-25 .col.span-12 {
    width: 133.33333%; }
.eoss-grid .eo-row-9-columns.gutter-25 .col:first-of-type,
.eoss-grid .container-9-columns.gutter-25 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-9-columns.gutter-25 .col:last-of-type,
.eoss-grid .container-9-columns.gutter-25 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-9-columns.gutter-25:after,
.eoss-grid .container-9-columns.gutter-25:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-9-columns.gutter-30 .col,
.eoss-grid .container-9-columns.gutter-30 .col {
  width: 11.11111%;
  float: left;
  padding: 0 15px; }
  .eoss-grid .eo-row-9-columns.gutter-30 .col.span-2,
  .eoss-grid .container-9-columns.gutter-30 .col.span-2 {
    width: 22.22222%; }
  .eoss-grid .eo-row-9-columns.gutter-30 .col.span-3,
  .eoss-grid .container-9-columns.gutter-30 .col.span-3 {
    width: 33.33333%; }
  .eoss-grid .eo-row-9-columns.gutter-30 .col.span-4,
  .eoss-grid .container-9-columns.gutter-30 .col.span-4 {
    width: 44.44444%; }
  .eoss-grid .eo-row-9-columns.gutter-30 .col.span-5,
  .eoss-grid .container-9-columns.gutter-30 .col.span-5 {
    width: 55.55556%; }
  .eoss-grid .eo-row-9-columns.gutter-30 .col.span-6,
  .eoss-grid .container-9-columns.gutter-30 .col.span-6 {
    width: 66.66667%; }
  .eoss-grid .eo-row-9-columns.gutter-30 .col.span-7,
  .eoss-grid .container-9-columns.gutter-30 .col.span-7 {
    width: 77.77778%; }
  .eoss-grid .eo-row-9-columns.gutter-30 .col.span-8,
  .eoss-grid .container-9-columns.gutter-30 .col.span-8 {
    width: 88.88889%; }
  .eoss-grid .eo-row-9-columns.gutter-30 .col.span-9,
  .eoss-grid .container-9-columns.gutter-30 .col.span-9 {
    width: 100%; }
  .eoss-grid .eo-row-9-columns.gutter-30 .col.span-10,
  .eoss-grid .container-9-columns.gutter-30 .col.span-10 {
    width: 111.11111%; }
  .eoss-grid .eo-row-9-columns.gutter-30 .col.span-11,
  .eoss-grid .container-9-columns.gutter-30 .col.span-11 {
    width: 122.22222%; }
  .eoss-grid .eo-row-9-columns.gutter-30 .col.span-12,
  .eoss-grid .container-9-columns.gutter-30 .col.span-12 {
    width: 133.33333%; }
.eoss-grid .eo-row-9-columns.gutter-30 .col:first-of-type,
.eoss-grid .container-9-columns.gutter-30 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-9-columns.gutter-30 .col:last-of-type,
.eoss-grid .container-9-columns.gutter-30 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-9-columns.gutter-30:after,
.eoss-grid .container-9-columns.gutter-30:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-9-columns.gutter-40 .col,
.eoss-grid .container-9-columns.gutter-40 .col {
  width: 11.11111%;
  float: left;
  padding: 0 20px; }
  .eoss-grid .eo-row-9-columns.gutter-40 .col.span-2,
  .eoss-grid .container-9-columns.gutter-40 .col.span-2 {
    width: 22.22222%; }
  .eoss-grid .eo-row-9-columns.gutter-40 .col.span-3,
  .eoss-grid .container-9-columns.gutter-40 .col.span-3 {
    width: 33.33333%; }
  .eoss-grid .eo-row-9-columns.gutter-40 .col.span-4,
  .eoss-grid .container-9-columns.gutter-40 .col.span-4 {
    width: 44.44444%; }
  .eoss-grid .eo-row-9-columns.gutter-40 .col.span-5,
  .eoss-grid .container-9-columns.gutter-40 .col.span-5 {
    width: 55.55556%; }
  .eoss-grid .eo-row-9-columns.gutter-40 .col.span-6,
  .eoss-grid .container-9-columns.gutter-40 .col.span-6 {
    width: 66.66667%; }
  .eoss-grid .eo-row-9-columns.gutter-40 .col.span-7,
  .eoss-grid .container-9-columns.gutter-40 .col.span-7 {
    width: 77.77778%; }
  .eoss-grid .eo-row-9-columns.gutter-40 .col.span-8,
  .eoss-grid .container-9-columns.gutter-40 .col.span-8 {
    width: 88.88889%; }
  .eoss-grid .eo-row-9-columns.gutter-40 .col.span-9,
  .eoss-grid .container-9-columns.gutter-40 .col.span-9 {
    width: 100%; }
  .eoss-grid .eo-row-9-columns.gutter-40 .col.span-10,
  .eoss-grid .container-9-columns.gutter-40 .col.span-10 {
    width: 111.11111%; }
  .eoss-grid .eo-row-9-columns.gutter-40 .col.span-11,
  .eoss-grid .container-9-columns.gutter-40 .col.span-11 {
    width: 122.22222%; }
  .eoss-grid .eo-row-9-columns.gutter-40 .col.span-12,
  .eoss-grid .container-9-columns.gutter-40 .col.span-12 {
    width: 133.33333%; }
.eoss-grid .eo-row-9-columns.gutter-40 .col:first-of-type,
.eoss-grid .container-9-columns.gutter-40 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-9-columns.gutter-40 .col:last-of-type,
.eoss-grid .container-9-columns.gutter-40 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-9-columns.gutter-40:after,
.eoss-grid .container-9-columns.gutter-40:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-9-columns.gutter-50 .col,
.eoss-grid .container-9-columns.gutter-50 .col {
  width: 11.11111%;
  float: left;
  padding: 0 25px; }
  .eoss-grid .eo-row-9-columns.gutter-50 .col.span-2,
  .eoss-grid .container-9-columns.gutter-50 .col.span-2 {
    width: 22.22222%; }
  .eoss-grid .eo-row-9-columns.gutter-50 .col.span-3,
  .eoss-grid .container-9-columns.gutter-50 .col.span-3 {
    width: 33.33333%; }
  .eoss-grid .eo-row-9-columns.gutter-50 .col.span-4,
  .eoss-grid .container-9-columns.gutter-50 .col.span-4 {
    width: 44.44444%; }
  .eoss-grid .eo-row-9-columns.gutter-50 .col.span-5,
  .eoss-grid .container-9-columns.gutter-50 .col.span-5 {
    width: 55.55556%; }
  .eoss-grid .eo-row-9-columns.gutter-50 .col.span-6,
  .eoss-grid .container-9-columns.gutter-50 .col.span-6 {
    width: 66.66667%; }
  .eoss-grid .eo-row-9-columns.gutter-50 .col.span-7,
  .eoss-grid .container-9-columns.gutter-50 .col.span-7 {
    width: 77.77778%; }
  .eoss-grid .eo-row-9-columns.gutter-50 .col.span-8,
  .eoss-grid .container-9-columns.gutter-50 .col.span-8 {
    width: 88.88889%; }
  .eoss-grid .eo-row-9-columns.gutter-50 .col.span-9,
  .eoss-grid .container-9-columns.gutter-50 .col.span-9 {
    width: 100%; }
  .eoss-grid .eo-row-9-columns.gutter-50 .col.span-10,
  .eoss-grid .container-9-columns.gutter-50 .col.span-10 {
    width: 111.11111%; }
  .eoss-grid .eo-row-9-columns.gutter-50 .col.span-11,
  .eoss-grid .container-9-columns.gutter-50 .col.span-11 {
    width: 122.22222%; }
  .eoss-grid .eo-row-9-columns.gutter-50 .col.span-12,
  .eoss-grid .container-9-columns.gutter-50 .col.span-12 {
    width: 133.33333%; }
.eoss-grid .eo-row-9-columns.gutter-50 .col:first-of-type,
.eoss-grid .container-9-columns.gutter-50 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-9-columns.gutter-50 .col:last-of-type,
.eoss-grid .container-9-columns.gutter-50 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-9-columns.gutter-50:after,
.eoss-grid .container-9-columns.gutter-50:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-10-columns .col,
.eoss-grid .container-10-columns .col {
  width: 10%;
  float: left;
  padding: 0 5px; }
  .eoss-grid .eo-row-10-columns .col.span-2,
  .eoss-grid .container-10-columns .col.span-2 {
    width: 20%; }
  .eoss-grid .eo-row-10-columns .col.span-3,
  .eoss-grid .container-10-columns .col.span-3 {
    width: 30%; }
  .eoss-grid .eo-row-10-columns .col.span-4,
  .eoss-grid .container-10-columns .col.span-4 {
    width: 40%; }
  .eoss-grid .eo-row-10-columns .col.span-5,
  .eoss-grid .container-10-columns .col.span-5 {
    width: 50%; }
  .eoss-grid .eo-row-10-columns .col.span-6,
  .eoss-grid .container-10-columns .col.span-6 {
    width: 60%; }
  .eoss-grid .eo-row-10-columns .col.span-7,
  .eoss-grid .container-10-columns .col.span-7 {
    width: 70%; }
  .eoss-grid .eo-row-10-columns .col.span-8,
  .eoss-grid .container-10-columns .col.span-8 {
    width: 80%; }
  .eoss-grid .eo-row-10-columns .col.span-9,
  .eoss-grid .container-10-columns .col.span-9 {
    width: 90%; }
  .eoss-grid .eo-row-10-columns .col.span-10,
  .eoss-grid .container-10-columns .col.span-10 {
    width: 100%; }
  .eoss-grid .eo-row-10-columns .col.span-11,
  .eoss-grid .container-10-columns .col.span-11 {
    width: 110%; }
  .eoss-grid .eo-row-10-columns .col.span-12,
  .eoss-grid .container-10-columns .col.span-12 {
    width: 120%; }
.eoss-grid .eo-row-10-columns .col:first-of-type,
.eoss-grid .container-10-columns .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-10-columns .col:last-of-type,
.eoss-grid .container-10-columns .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-10-columns:after,
.eoss-grid .container-10-columns:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-10-columns.gutter-5 .col,
.eoss-grid .container-10-columns.gutter-5 .col {
  width: 10%;
  float: left;
  padding: 0 2.5px; }
  .eoss-grid .eo-row-10-columns.gutter-5 .col.span-2,
  .eoss-grid .container-10-columns.gutter-5 .col.span-2 {
    width: 20%; }
  .eoss-grid .eo-row-10-columns.gutter-5 .col.span-3,
  .eoss-grid .container-10-columns.gutter-5 .col.span-3 {
    width: 30%; }
  .eoss-grid .eo-row-10-columns.gutter-5 .col.span-4,
  .eoss-grid .container-10-columns.gutter-5 .col.span-4 {
    width: 40%; }
  .eoss-grid .eo-row-10-columns.gutter-5 .col.span-5,
  .eoss-grid .container-10-columns.gutter-5 .col.span-5 {
    width: 50%; }
  .eoss-grid .eo-row-10-columns.gutter-5 .col.span-6,
  .eoss-grid .container-10-columns.gutter-5 .col.span-6 {
    width: 60%; }
  .eoss-grid .eo-row-10-columns.gutter-5 .col.span-7,
  .eoss-grid .container-10-columns.gutter-5 .col.span-7 {
    width: 70%; }
  .eoss-grid .eo-row-10-columns.gutter-5 .col.span-8,
  .eoss-grid .container-10-columns.gutter-5 .col.span-8 {
    width: 80%; }
  .eoss-grid .eo-row-10-columns.gutter-5 .col.span-9,
  .eoss-grid .container-10-columns.gutter-5 .col.span-9 {
    width: 90%; }
  .eoss-grid .eo-row-10-columns.gutter-5 .col.span-10,
  .eoss-grid .container-10-columns.gutter-5 .col.span-10 {
    width: 100%; }
  .eoss-grid .eo-row-10-columns.gutter-5 .col.span-11,
  .eoss-grid .container-10-columns.gutter-5 .col.span-11 {
    width: 110%; }
  .eoss-grid .eo-row-10-columns.gutter-5 .col.span-12,
  .eoss-grid .container-10-columns.gutter-5 .col.span-12 {
    width: 120%; }
.eoss-grid .eo-row-10-columns.gutter-5 .col:first-of-type,
.eoss-grid .container-10-columns.gutter-5 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-10-columns.gutter-5 .col:last-of-type,
.eoss-grid .container-10-columns.gutter-5 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-10-columns.gutter-5:after,
.eoss-grid .container-10-columns.gutter-5:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-10-columns.gutter-10 .col,
.eoss-grid .container-10-columns.gutter-10 .col {
  width: 10%;
  float: left;
  padding: 0 5px; }
  .eoss-grid .eo-row-10-columns.gutter-10 .col.span-2,
  .eoss-grid .container-10-columns.gutter-10 .col.span-2 {
    width: 20%; }
  .eoss-grid .eo-row-10-columns.gutter-10 .col.span-3,
  .eoss-grid .container-10-columns.gutter-10 .col.span-3 {
    width: 30%; }
  .eoss-grid .eo-row-10-columns.gutter-10 .col.span-4,
  .eoss-grid .container-10-columns.gutter-10 .col.span-4 {
    width: 40%; }
  .eoss-grid .eo-row-10-columns.gutter-10 .col.span-5,
  .eoss-grid .container-10-columns.gutter-10 .col.span-5 {
    width: 50%; }
  .eoss-grid .eo-row-10-columns.gutter-10 .col.span-6,
  .eoss-grid .container-10-columns.gutter-10 .col.span-6 {
    width: 60%; }
  .eoss-grid .eo-row-10-columns.gutter-10 .col.span-7,
  .eoss-grid .container-10-columns.gutter-10 .col.span-7 {
    width: 70%; }
  .eoss-grid .eo-row-10-columns.gutter-10 .col.span-8,
  .eoss-grid .container-10-columns.gutter-10 .col.span-8 {
    width: 80%; }
  .eoss-grid .eo-row-10-columns.gutter-10 .col.span-9,
  .eoss-grid .container-10-columns.gutter-10 .col.span-9 {
    width: 90%; }
  .eoss-grid .eo-row-10-columns.gutter-10 .col.span-10,
  .eoss-grid .container-10-columns.gutter-10 .col.span-10 {
    width: 100%; }
  .eoss-grid .eo-row-10-columns.gutter-10 .col.span-11,
  .eoss-grid .container-10-columns.gutter-10 .col.span-11 {
    width: 110%; }
  .eoss-grid .eo-row-10-columns.gutter-10 .col.span-12,
  .eoss-grid .container-10-columns.gutter-10 .col.span-12 {
    width: 120%; }
.eoss-grid .eo-row-10-columns.gutter-10 .col:first-of-type,
.eoss-grid .container-10-columns.gutter-10 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-10-columns.gutter-10 .col:last-of-type,
.eoss-grid .container-10-columns.gutter-10 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-10-columns.gutter-10:after,
.eoss-grid .container-10-columns.gutter-10:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-10-columns.gutter-15 .col,
.eoss-grid .container-10-columns.gutter-15 .col {
  width: 10%;
  float: left;
  padding: 0 7.5px; }
  .eoss-grid .eo-row-10-columns.gutter-15 .col.span-2,
  .eoss-grid .container-10-columns.gutter-15 .col.span-2 {
    width: 20%; }
  .eoss-grid .eo-row-10-columns.gutter-15 .col.span-3,
  .eoss-grid .container-10-columns.gutter-15 .col.span-3 {
    width: 30%; }
  .eoss-grid .eo-row-10-columns.gutter-15 .col.span-4,
  .eoss-grid .container-10-columns.gutter-15 .col.span-4 {
    width: 40%; }
  .eoss-grid .eo-row-10-columns.gutter-15 .col.span-5,
  .eoss-grid .container-10-columns.gutter-15 .col.span-5 {
    width: 50%; }
  .eoss-grid .eo-row-10-columns.gutter-15 .col.span-6,
  .eoss-grid .container-10-columns.gutter-15 .col.span-6 {
    width: 60%; }
  .eoss-grid .eo-row-10-columns.gutter-15 .col.span-7,
  .eoss-grid .container-10-columns.gutter-15 .col.span-7 {
    width: 70%; }
  .eoss-grid .eo-row-10-columns.gutter-15 .col.span-8,
  .eoss-grid .container-10-columns.gutter-15 .col.span-8 {
    width: 80%; }
  .eoss-grid .eo-row-10-columns.gutter-15 .col.span-9,
  .eoss-grid .container-10-columns.gutter-15 .col.span-9 {
    width: 90%; }
  .eoss-grid .eo-row-10-columns.gutter-15 .col.span-10,
  .eoss-grid .container-10-columns.gutter-15 .col.span-10 {
    width: 100%; }
  .eoss-grid .eo-row-10-columns.gutter-15 .col.span-11,
  .eoss-grid .container-10-columns.gutter-15 .col.span-11 {
    width: 110%; }
  .eoss-grid .eo-row-10-columns.gutter-15 .col.span-12,
  .eoss-grid .container-10-columns.gutter-15 .col.span-12 {
    width: 120%; }
.eoss-grid .eo-row-10-columns.gutter-15 .col:first-of-type,
.eoss-grid .container-10-columns.gutter-15 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-10-columns.gutter-15 .col:last-of-type,
.eoss-grid .container-10-columns.gutter-15 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-10-columns.gutter-15:after,
.eoss-grid .container-10-columns.gutter-15:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-10-columns.gutter-20 .col,
.eoss-grid .container-10-columns.gutter-20 .col {
  width: 10%;
  float: left;
  padding: 0 10px; }
  .eoss-grid .eo-row-10-columns.gutter-20 .col.span-2,
  .eoss-grid .container-10-columns.gutter-20 .col.span-2 {
    width: 20%; }
  .eoss-grid .eo-row-10-columns.gutter-20 .col.span-3,
  .eoss-grid .container-10-columns.gutter-20 .col.span-3 {
    width: 30%; }
  .eoss-grid .eo-row-10-columns.gutter-20 .col.span-4,
  .eoss-grid .container-10-columns.gutter-20 .col.span-4 {
    width: 40%; }
  .eoss-grid .eo-row-10-columns.gutter-20 .col.span-5,
  .eoss-grid .container-10-columns.gutter-20 .col.span-5 {
    width: 50%; }
  .eoss-grid .eo-row-10-columns.gutter-20 .col.span-6,
  .eoss-grid .container-10-columns.gutter-20 .col.span-6 {
    width: 60%; }
  .eoss-grid .eo-row-10-columns.gutter-20 .col.span-7,
  .eoss-grid .container-10-columns.gutter-20 .col.span-7 {
    width: 70%; }
  .eoss-grid .eo-row-10-columns.gutter-20 .col.span-8,
  .eoss-grid .container-10-columns.gutter-20 .col.span-8 {
    width: 80%; }
  .eoss-grid .eo-row-10-columns.gutter-20 .col.span-9,
  .eoss-grid .container-10-columns.gutter-20 .col.span-9 {
    width: 90%; }
  .eoss-grid .eo-row-10-columns.gutter-20 .col.span-10,
  .eoss-grid .container-10-columns.gutter-20 .col.span-10 {
    width: 100%; }
  .eoss-grid .eo-row-10-columns.gutter-20 .col.span-11,
  .eoss-grid .container-10-columns.gutter-20 .col.span-11 {
    width: 110%; }
  .eoss-grid .eo-row-10-columns.gutter-20 .col.span-12,
  .eoss-grid .container-10-columns.gutter-20 .col.span-12 {
    width: 120%; }
.eoss-grid .eo-row-10-columns.gutter-20 .col:first-of-type,
.eoss-grid .container-10-columns.gutter-20 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-10-columns.gutter-20 .col:last-of-type,
.eoss-grid .container-10-columns.gutter-20 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-10-columns.gutter-20:after,
.eoss-grid .container-10-columns.gutter-20:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-10-columns.gutter-25 .col,
.eoss-grid .container-10-columns.gutter-25 .col {
  width: 10%;
  float: left;
  padding: 0 12.5px; }
  .eoss-grid .eo-row-10-columns.gutter-25 .col.span-2,
  .eoss-grid .container-10-columns.gutter-25 .col.span-2 {
    width: 20%; }
  .eoss-grid .eo-row-10-columns.gutter-25 .col.span-3,
  .eoss-grid .container-10-columns.gutter-25 .col.span-3 {
    width: 30%; }
  .eoss-grid .eo-row-10-columns.gutter-25 .col.span-4,
  .eoss-grid .container-10-columns.gutter-25 .col.span-4 {
    width: 40%; }
  .eoss-grid .eo-row-10-columns.gutter-25 .col.span-5,
  .eoss-grid .container-10-columns.gutter-25 .col.span-5 {
    width: 50%; }
  .eoss-grid .eo-row-10-columns.gutter-25 .col.span-6,
  .eoss-grid .container-10-columns.gutter-25 .col.span-6 {
    width: 60%; }
  .eoss-grid .eo-row-10-columns.gutter-25 .col.span-7,
  .eoss-grid .container-10-columns.gutter-25 .col.span-7 {
    width: 70%; }
  .eoss-grid .eo-row-10-columns.gutter-25 .col.span-8,
  .eoss-grid .container-10-columns.gutter-25 .col.span-8 {
    width: 80%; }
  .eoss-grid .eo-row-10-columns.gutter-25 .col.span-9,
  .eoss-grid .container-10-columns.gutter-25 .col.span-9 {
    width: 90%; }
  .eoss-grid .eo-row-10-columns.gutter-25 .col.span-10,
  .eoss-grid .container-10-columns.gutter-25 .col.span-10 {
    width: 100%; }
  .eoss-grid .eo-row-10-columns.gutter-25 .col.span-11,
  .eoss-grid .container-10-columns.gutter-25 .col.span-11 {
    width: 110%; }
  .eoss-grid .eo-row-10-columns.gutter-25 .col.span-12,
  .eoss-grid .container-10-columns.gutter-25 .col.span-12 {
    width: 120%; }
.eoss-grid .eo-row-10-columns.gutter-25 .col:first-of-type,
.eoss-grid .container-10-columns.gutter-25 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-10-columns.gutter-25 .col:last-of-type,
.eoss-grid .container-10-columns.gutter-25 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-10-columns.gutter-25:after,
.eoss-grid .container-10-columns.gutter-25:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-10-columns.gutter-30 .col,
.eoss-grid .container-10-columns.gutter-30 .col {
  width: 10%;
  float: left;
  padding: 0 15px; }
  .eoss-grid .eo-row-10-columns.gutter-30 .col.span-2,
  .eoss-grid .container-10-columns.gutter-30 .col.span-2 {
    width: 20%; }
  .eoss-grid .eo-row-10-columns.gutter-30 .col.span-3,
  .eoss-grid .container-10-columns.gutter-30 .col.span-3 {
    width: 30%; }
  .eoss-grid .eo-row-10-columns.gutter-30 .col.span-4,
  .eoss-grid .container-10-columns.gutter-30 .col.span-4 {
    width: 40%; }
  .eoss-grid .eo-row-10-columns.gutter-30 .col.span-5,
  .eoss-grid .container-10-columns.gutter-30 .col.span-5 {
    width: 50%; }
  .eoss-grid .eo-row-10-columns.gutter-30 .col.span-6,
  .eoss-grid .container-10-columns.gutter-30 .col.span-6 {
    width: 60%; }
  .eoss-grid .eo-row-10-columns.gutter-30 .col.span-7,
  .eoss-grid .container-10-columns.gutter-30 .col.span-7 {
    width: 70%; }
  .eoss-grid .eo-row-10-columns.gutter-30 .col.span-8,
  .eoss-grid .container-10-columns.gutter-30 .col.span-8 {
    width: 80%; }
  .eoss-grid .eo-row-10-columns.gutter-30 .col.span-9,
  .eoss-grid .container-10-columns.gutter-30 .col.span-9 {
    width: 90%; }
  .eoss-grid .eo-row-10-columns.gutter-30 .col.span-10,
  .eoss-grid .container-10-columns.gutter-30 .col.span-10 {
    width: 100%; }
  .eoss-grid .eo-row-10-columns.gutter-30 .col.span-11,
  .eoss-grid .container-10-columns.gutter-30 .col.span-11 {
    width: 110%; }
  .eoss-grid .eo-row-10-columns.gutter-30 .col.span-12,
  .eoss-grid .container-10-columns.gutter-30 .col.span-12 {
    width: 120%; }
.eoss-grid .eo-row-10-columns.gutter-30 .col:first-of-type,
.eoss-grid .container-10-columns.gutter-30 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-10-columns.gutter-30 .col:last-of-type,
.eoss-grid .container-10-columns.gutter-30 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-10-columns.gutter-30:after,
.eoss-grid .container-10-columns.gutter-30:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-10-columns.gutter-40 .col,
.eoss-grid .container-10-columns.gutter-40 .col {
  width: 10%;
  float: left;
  padding: 0 20px; }
  .eoss-grid .eo-row-10-columns.gutter-40 .col.span-2,
  .eoss-grid .container-10-columns.gutter-40 .col.span-2 {
    width: 20%; }
  .eoss-grid .eo-row-10-columns.gutter-40 .col.span-3,
  .eoss-grid .container-10-columns.gutter-40 .col.span-3 {
    width: 30%; }
  .eoss-grid .eo-row-10-columns.gutter-40 .col.span-4,
  .eoss-grid .container-10-columns.gutter-40 .col.span-4 {
    width: 40%; }
  .eoss-grid .eo-row-10-columns.gutter-40 .col.span-5,
  .eoss-grid .container-10-columns.gutter-40 .col.span-5 {
    width: 50%; }
  .eoss-grid .eo-row-10-columns.gutter-40 .col.span-6,
  .eoss-grid .container-10-columns.gutter-40 .col.span-6 {
    width: 60%; }
  .eoss-grid .eo-row-10-columns.gutter-40 .col.span-7,
  .eoss-grid .container-10-columns.gutter-40 .col.span-7 {
    width: 70%; }
  .eoss-grid .eo-row-10-columns.gutter-40 .col.span-8,
  .eoss-grid .container-10-columns.gutter-40 .col.span-8 {
    width: 80%; }
  .eoss-grid .eo-row-10-columns.gutter-40 .col.span-9,
  .eoss-grid .container-10-columns.gutter-40 .col.span-9 {
    width: 90%; }
  .eoss-grid .eo-row-10-columns.gutter-40 .col.span-10,
  .eoss-grid .container-10-columns.gutter-40 .col.span-10 {
    width: 100%; }
  .eoss-grid .eo-row-10-columns.gutter-40 .col.span-11,
  .eoss-grid .container-10-columns.gutter-40 .col.span-11 {
    width: 110%; }
  .eoss-grid .eo-row-10-columns.gutter-40 .col.span-12,
  .eoss-grid .container-10-columns.gutter-40 .col.span-12 {
    width: 120%; }
.eoss-grid .eo-row-10-columns.gutter-40 .col:first-of-type,
.eoss-grid .container-10-columns.gutter-40 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-10-columns.gutter-40 .col:last-of-type,
.eoss-grid .container-10-columns.gutter-40 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-10-columns.gutter-40:after,
.eoss-grid .container-10-columns.gutter-40:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-10-columns.gutter-50 .col,
.eoss-grid .container-10-columns.gutter-50 .col {
  width: 10%;
  float: left;
  padding: 0 25px; }
  .eoss-grid .eo-row-10-columns.gutter-50 .col.span-2,
  .eoss-grid .container-10-columns.gutter-50 .col.span-2 {
    width: 20%; }
  .eoss-grid .eo-row-10-columns.gutter-50 .col.span-3,
  .eoss-grid .container-10-columns.gutter-50 .col.span-3 {
    width: 30%; }
  .eoss-grid .eo-row-10-columns.gutter-50 .col.span-4,
  .eoss-grid .container-10-columns.gutter-50 .col.span-4 {
    width: 40%; }
  .eoss-grid .eo-row-10-columns.gutter-50 .col.span-5,
  .eoss-grid .container-10-columns.gutter-50 .col.span-5 {
    width: 50%; }
  .eoss-grid .eo-row-10-columns.gutter-50 .col.span-6,
  .eoss-grid .container-10-columns.gutter-50 .col.span-6 {
    width: 60%; }
  .eoss-grid .eo-row-10-columns.gutter-50 .col.span-7,
  .eoss-grid .container-10-columns.gutter-50 .col.span-7 {
    width: 70%; }
  .eoss-grid .eo-row-10-columns.gutter-50 .col.span-8,
  .eoss-grid .container-10-columns.gutter-50 .col.span-8 {
    width: 80%; }
  .eoss-grid .eo-row-10-columns.gutter-50 .col.span-9,
  .eoss-grid .container-10-columns.gutter-50 .col.span-9 {
    width: 90%; }
  .eoss-grid .eo-row-10-columns.gutter-50 .col.span-10,
  .eoss-grid .container-10-columns.gutter-50 .col.span-10 {
    width: 100%; }
  .eoss-grid .eo-row-10-columns.gutter-50 .col.span-11,
  .eoss-grid .container-10-columns.gutter-50 .col.span-11 {
    width: 110%; }
  .eoss-grid .eo-row-10-columns.gutter-50 .col.span-12,
  .eoss-grid .container-10-columns.gutter-50 .col.span-12 {
    width: 120%; }
.eoss-grid .eo-row-10-columns.gutter-50 .col:first-of-type,
.eoss-grid .container-10-columns.gutter-50 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-10-columns.gutter-50 .col:last-of-type,
.eoss-grid .container-10-columns.gutter-50 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-10-columns.gutter-50:after,
.eoss-grid .container-10-columns.gutter-50:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-11-columns .col,
.eoss-grid .container-11-columns .col {
  width: 9.09091%;
  float: left;
  padding: 0 5px; }
  .eoss-grid .eo-row-11-columns .col.span-2,
  .eoss-grid .container-11-columns .col.span-2 {
    width: 18.18182%; }
  .eoss-grid .eo-row-11-columns .col.span-3,
  .eoss-grid .container-11-columns .col.span-3 {
    width: 27.27273%; }
  .eoss-grid .eo-row-11-columns .col.span-4,
  .eoss-grid .container-11-columns .col.span-4 {
    width: 36.36364%; }
  .eoss-grid .eo-row-11-columns .col.span-5,
  .eoss-grid .container-11-columns .col.span-5 {
    width: 45.45455%; }
  .eoss-grid .eo-row-11-columns .col.span-6,
  .eoss-grid .container-11-columns .col.span-6 {
    width: 54.54545%; }
  .eoss-grid .eo-row-11-columns .col.span-7,
  .eoss-grid .container-11-columns .col.span-7 {
    width: 63.63636%; }
  .eoss-grid .eo-row-11-columns .col.span-8,
  .eoss-grid .container-11-columns .col.span-8 {
    width: 72.72727%; }
  .eoss-grid .eo-row-11-columns .col.span-9,
  .eoss-grid .container-11-columns .col.span-9 {
    width: 81.81818%; }
  .eoss-grid .eo-row-11-columns .col.span-10,
  .eoss-grid .container-11-columns .col.span-10 {
    width: 90.90909%; }
  .eoss-grid .eo-row-11-columns .col.span-11,
  .eoss-grid .container-11-columns .col.span-11 {
    width: 100.0%; }
  .eoss-grid .eo-row-11-columns .col.span-12,
  .eoss-grid .container-11-columns .col.span-12 {
    width: 109.09091%; }
.eoss-grid .eo-row-11-columns .col:first-of-type,
.eoss-grid .container-11-columns .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-11-columns .col:last-of-type,
.eoss-grid .container-11-columns .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-11-columns:after,
.eoss-grid .container-11-columns:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-11-columns.gutter-5 .col,
.eoss-grid .container-11-columns.gutter-5 .col {
  width: 9.09091%;
  float: left;
  padding: 0 2.5px; }
  .eoss-grid .eo-row-11-columns.gutter-5 .col.span-2,
  .eoss-grid .container-11-columns.gutter-5 .col.span-2 {
    width: 18.18182%; }
  .eoss-grid .eo-row-11-columns.gutter-5 .col.span-3,
  .eoss-grid .container-11-columns.gutter-5 .col.span-3 {
    width: 27.27273%; }
  .eoss-grid .eo-row-11-columns.gutter-5 .col.span-4,
  .eoss-grid .container-11-columns.gutter-5 .col.span-4 {
    width: 36.36364%; }
  .eoss-grid .eo-row-11-columns.gutter-5 .col.span-5,
  .eoss-grid .container-11-columns.gutter-5 .col.span-5 {
    width: 45.45455%; }
  .eoss-grid .eo-row-11-columns.gutter-5 .col.span-6,
  .eoss-grid .container-11-columns.gutter-5 .col.span-6 {
    width: 54.54545%; }
  .eoss-grid .eo-row-11-columns.gutter-5 .col.span-7,
  .eoss-grid .container-11-columns.gutter-5 .col.span-7 {
    width: 63.63636%; }
  .eoss-grid .eo-row-11-columns.gutter-5 .col.span-8,
  .eoss-grid .container-11-columns.gutter-5 .col.span-8 {
    width: 72.72727%; }
  .eoss-grid .eo-row-11-columns.gutter-5 .col.span-9,
  .eoss-grid .container-11-columns.gutter-5 .col.span-9 {
    width: 81.81818%; }
  .eoss-grid .eo-row-11-columns.gutter-5 .col.span-10,
  .eoss-grid .container-11-columns.gutter-5 .col.span-10 {
    width: 90.90909%; }
  .eoss-grid .eo-row-11-columns.gutter-5 .col.span-11,
  .eoss-grid .container-11-columns.gutter-5 .col.span-11 {
    width: 100.0%; }
  .eoss-grid .eo-row-11-columns.gutter-5 .col.span-12,
  .eoss-grid .container-11-columns.gutter-5 .col.span-12 {
    width: 109.09091%; }
.eoss-grid .eo-row-11-columns.gutter-5 .col:first-of-type,
.eoss-grid .container-11-columns.gutter-5 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-11-columns.gutter-5 .col:last-of-type,
.eoss-grid .container-11-columns.gutter-5 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-11-columns.gutter-5:after,
.eoss-grid .container-11-columns.gutter-5:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-11-columns.gutter-10 .col,
.eoss-grid .container-11-columns.gutter-10 .col {
  width: 9.09091%;
  float: left;
  padding: 0 5px; }
  .eoss-grid .eo-row-11-columns.gutter-10 .col.span-2,
  .eoss-grid .container-11-columns.gutter-10 .col.span-2 {
    width: 18.18182%; }
  .eoss-grid .eo-row-11-columns.gutter-10 .col.span-3,
  .eoss-grid .container-11-columns.gutter-10 .col.span-3 {
    width: 27.27273%; }
  .eoss-grid .eo-row-11-columns.gutter-10 .col.span-4,
  .eoss-grid .container-11-columns.gutter-10 .col.span-4 {
    width: 36.36364%; }
  .eoss-grid .eo-row-11-columns.gutter-10 .col.span-5,
  .eoss-grid .container-11-columns.gutter-10 .col.span-5 {
    width: 45.45455%; }
  .eoss-grid .eo-row-11-columns.gutter-10 .col.span-6,
  .eoss-grid .container-11-columns.gutter-10 .col.span-6 {
    width: 54.54545%; }
  .eoss-grid .eo-row-11-columns.gutter-10 .col.span-7,
  .eoss-grid .container-11-columns.gutter-10 .col.span-7 {
    width: 63.63636%; }
  .eoss-grid .eo-row-11-columns.gutter-10 .col.span-8,
  .eoss-grid .container-11-columns.gutter-10 .col.span-8 {
    width: 72.72727%; }
  .eoss-grid .eo-row-11-columns.gutter-10 .col.span-9,
  .eoss-grid .container-11-columns.gutter-10 .col.span-9 {
    width: 81.81818%; }
  .eoss-grid .eo-row-11-columns.gutter-10 .col.span-10,
  .eoss-grid .container-11-columns.gutter-10 .col.span-10 {
    width: 90.90909%; }
  .eoss-grid .eo-row-11-columns.gutter-10 .col.span-11,
  .eoss-grid .container-11-columns.gutter-10 .col.span-11 {
    width: 100.0%; }
  .eoss-grid .eo-row-11-columns.gutter-10 .col.span-12,
  .eoss-grid .container-11-columns.gutter-10 .col.span-12 {
    width: 109.09091%; }
.eoss-grid .eo-row-11-columns.gutter-10 .col:first-of-type,
.eoss-grid .container-11-columns.gutter-10 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-11-columns.gutter-10 .col:last-of-type,
.eoss-grid .container-11-columns.gutter-10 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-11-columns.gutter-10:after,
.eoss-grid .container-11-columns.gutter-10:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-11-columns.gutter-15 .col,
.eoss-grid .container-11-columns.gutter-15 .col {
  width: 9.09091%;
  float: left;
  padding: 0 7.5px; }
  .eoss-grid .eo-row-11-columns.gutter-15 .col.span-2,
  .eoss-grid .container-11-columns.gutter-15 .col.span-2 {
    width: 18.18182%; }
  .eoss-grid .eo-row-11-columns.gutter-15 .col.span-3,
  .eoss-grid .container-11-columns.gutter-15 .col.span-3 {
    width: 27.27273%; }
  .eoss-grid .eo-row-11-columns.gutter-15 .col.span-4,
  .eoss-grid .container-11-columns.gutter-15 .col.span-4 {
    width: 36.36364%; }
  .eoss-grid .eo-row-11-columns.gutter-15 .col.span-5,
  .eoss-grid .container-11-columns.gutter-15 .col.span-5 {
    width: 45.45455%; }
  .eoss-grid .eo-row-11-columns.gutter-15 .col.span-6,
  .eoss-grid .container-11-columns.gutter-15 .col.span-6 {
    width: 54.54545%; }
  .eoss-grid .eo-row-11-columns.gutter-15 .col.span-7,
  .eoss-grid .container-11-columns.gutter-15 .col.span-7 {
    width: 63.63636%; }
  .eoss-grid .eo-row-11-columns.gutter-15 .col.span-8,
  .eoss-grid .container-11-columns.gutter-15 .col.span-8 {
    width: 72.72727%; }
  .eoss-grid .eo-row-11-columns.gutter-15 .col.span-9,
  .eoss-grid .container-11-columns.gutter-15 .col.span-9 {
    width: 81.81818%; }
  .eoss-grid .eo-row-11-columns.gutter-15 .col.span-10,
  .eoss-grid .container-11-columns.gutter-15 .col.span-10 {
    width: 90.90909%; }
  .eoss-grid .eo-row-11-columns.gutter-15 .col.span-11,
  .eoss-grid .container-11-columns.gutter-15 .col.span-11 {
    width: 100.0%; }
  .eoss-grid .eo-row-11-columns.gutter-15 .col.span-12,
  .eoss-grid .container-11-columns.gutter-15 .col.span-12 {
    width: 109.09091%; }
.eoss-grid .eo-row-11-columns.gutter-15 .col:first-of-type,
.eoss-grid .container-11-columns.gutter-15 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-11-columns.gutter-15 .col:last-of-type,
.eoss-grid .container-11-columns.gutter-15 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-11-columns.gutter-15:after,
.eoss-grid .container-11-columns.gutter-15:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-11-columns.gutter-20 .col,
.eoss-grid .container-11-columns.gutter-20 .col {
  width: 9.09091%;
  float: left;
  padding: 0 10px; }
  .eoss-grid .eo-row-11-columns.gutter-20 .col.span-2,
  .eoss-grid .container-11-columns.gutter-20 .col.span-2 {
    width: 18.18182%; }
  .eoss-grid .eo-row-11-columns.gutter-20 .col.span-3,
  .eoss-grid .container-11-columns.gutter-20 .col.span-3 {
    width: 27.27273%; }
  .eoss-grid .eo-row-11-columns.gutter-20 .col.span-4,
  .eoss-grid .container-11-columns.gutter-20 .col.span-4 {
    width: 36.36364%; }
  .eoss-grid .eo-row-11-columns.gutter-20 .col.span-5,
  .eoss-grid .container-11-columns.gutter-20 .col.span-5 {
    width: 45.45455%; }
  .eoss-grid .eo-row-11-columns.gutter-20 .col.span-6,
  .eoss-grid .container-11-columns.gutter-20 .col.span-6 {
    width: 54.54545%; }
  .eoss-grid .eo-row-11-columns.gutter-20 .col.span-7,
  .eoss-grid .container-11-columns.gutter-20 .col.span-7 {
    width: 63.63636%; }
  .eoss-grid .eo-row-11-columns.gutter-20 .col.span-8,
  .eoss-grid .container-11-columns.gutter-20 .col.span-8 {
    width: 72.72727%; }
  .eoss-grid .eo-row-11-columns.gutter-20 .col.span-9,
  .eoss-grid .container-11-columns.gutter-20 .col.span-9 {
    width: 81.81818%; }
  .eoss-grid .eo-row-11-columns.gutter-20 .col.span-10,
  .eoss-grid .container-11-columns.gutter-20 .col.span-10 {
    width: 90.90909%; }
  .eoss-grid .eo-row-11-columns.gutter-20 .col.span-11,
  .eoss-grid .container-11-columns.gutter-20 .col.span-11 {
    width: 100.0%; }
  .eoss-grid .eo-row-11-columns.gutter-20 .col.span-12,
  .eoss-grid .container-11-columns.gutter-20 .col.span-12 {
    width: 109.09091%; }
.eoss-grid .eo-row-11-columns.gutter-20 .col:first-of-type,
.eoss-grid .container-11-columns.gutter-20 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-11-columns.gutter-20 .col:last-of-type,
.eoss-grid .container-11-columns.gutter-20 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-11-columns.gutter-20:after,
.eoss-grid .container-11-columns.gutter-20:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-11-columns.gutter-25 .col,
.eoss-grid .container-11-columns.gutter-25 .col {
  width: 9.09091%;
  float: left;
  padding: 0 12.5px; }
  .eoss-grid .eo-row-11-columns.gutter-25 .col.span-2,
  .eoss-grid .container-11-columns.gutter-25 .col.span-2 {
    width: 18.18182%; }
  .eoss-grid .eo-row-11-columns.gutter-25 .col.span-3,
  .eoss-grid .container-11-columns.gutter-25 .col.span-3 {
    width: 27.27273%; }
  .eoss-grid .eo-row-11-columns.gutter-25 .col.span-4,
  .eoss-grid .container-11-columns.gutter-25 .col.span-4 {
    width: 36.36364%; }
  .eoss-grid .eo-row-11-columns.gutter-25 .col.span-5,
  .eoss-grid .container-11-columns.gutter-25 .col.span-5 {
    width: 45.45455%; }
  .eoss-grid .eo-row-11-columns.gutter-25 .col.span-6,
  .eoss-grid .container-11-columns.gutter-25 .col.span-6 {
    width: 54.54545%; }
  .eoss-grid .eo-row-11-columns.gutter-25 .col.span-7,
  .eoss-grid .container-11-columns.gutter-25 .col.span-7 {
    width: 63.63636%; }
  .eoss-grid .eo-row-11-columns.gutter-25 .col.span-8,
  .eoss-grid .container-11-columns.gutter-25 .col.span-8 {
    width: 72.72727%; }
  .eoss-grid .eo-row-11-columns.gutter-25 .col.span-9,
  .eoss-grid .container-11-columns.gutter-25 .col.span-9 {
    width: 81.81818%; }
  .eoss-grid .eo-row-11-columns.gutter-25 .col.span-10,
  .eoss-grid .container-11-columns.gutter-25 .col.span-10 {
    width: 90.90909%; }
  .eoss-grid .eo-row-11-columns.gutter-25 .col.span-11,
  .eoss-grid .container-11-columns.gutter-25 .col.span-11 {
    width: 100.0%; }
  .eoss-grid .eo-row-11-columns.gutter-25 .col.span-12,
  .eoss-grid .container-11-columns.gutter-25 .col.span-12 {
    width: 109.09091%; }
.eoss-grid .eo-row-11-columns.gutter-25 .col:first-of-type,
.eoss-grid .container-11-columns.gutter-25 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-11-columns.gutter-25 .col:last-of-type,
.eoss-grid .container-11-columns.gutter-25 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-11-columns.gutter-25:after,
.eoss-grid .container-11-columns.gutter-25:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-11-columns.gutter-30 .col,
.eoss-grid .container-11-columns.gutter-30 .col {
  width: 9.09091%;
  float: left;
  padding: 0 15px; }
  .eoss-grid .eo-row-11-columns.gutter-30 .col.span-2,
  .eoss-grid .container-11-columns.gutter-30 .col.span-2 {
    width: 18.18182%; }
  .eoss-grid .eo-row-11-columns.gutter-30 .col.span-3,
  .eoss-grid .container-11-columns.gutter-30 .col.span-3 {
    width: 27.27273%; }
  .eoss-grid .eo-row-11-columns.gutter-30 .col.span-4,
  .eoss-grid .container-11-columns.gutter-30 .col.span-4 {
    width: 36.36364%; }
  .eoss-grid .eo-row-11-columns.gutter-30 .col.span-5,
  .eoss-grid .container-11-columns.gutter-30 .col.span-5 {
    width: 45.45455%; }
  .eoss-grid .eo-row-11-columns.gutter-30 .col.span-6,
  .eoss-grid .container-11-columns.gutter-30 .col.span-6 {
    width: 54.54545%; }
  .eoss-grid .eo-row-11-columns.gutter-30 .col.span-7,
  .eoss-grid .container-11-columns.gutter-30 .col.span-7 {
    width: 63.63636%; }
  .eoss-grid .eo-row-11-columns.gutter-30 .col.span-8,
  .eoss-grid .container-11-columns.gutter-30 .col.span-8 {
    width: 72.72727%; }
  .eoss-grid .eo-row-11-columns.gutter-30 .col.span-9,
  .eoss-grid .container-11-columns.gutter-30 .col.span-9 {
    width: 81.81818%; }
  .eoss-grid .eo-row-11-columns.gutter-30 .col.span-10,
  .eoss-grid .container-11-columns.gutter-30 .col.span-10 {
    width: 90.90909%; }
  .eoss-grid .eo-row-11-columns.gutter-30 .col.span-11,
  .eoss-grid .container-11-columns.gutter-30 .col.span-11 {
    width: 100.0%; }
  .eoss-grid .eo-row-11-columns.gutter-30 .col.span-12,
  .eoss-grid .container-11-columns.gutter-30 .col.span-12 {
    width: 109.09091%; }
.eoss-grid .eo-row-11-columns.gutter-30 .col:first-of-type,
.eoss-grid .container-11-columns.gutter-30 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-11-columns.gutter-30 .col:last-of-type,
.eoss-grid .container-11-columns.gutter-30 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-11-columns.gutter-30:after,
.eoss-grid .container-11-columns.gutter-30:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-11-columns.gutter-40 .col,
.eoss-grid .container-11-columns.gutter-40 .col {
  width: 9.09091%;
  float: left;
  padding: 0 20px; }
  .eoss-grid .eo-row-11-columns.gutter-40 .col.span-2,
  .eoss-grid .container-11-columns.gutter-40 .col.span-2 {
    width: 18.18182%; }
  .eoss-grid .eo-row-11-columns.gutter-40 .col.span-3,
  .eoss-grid .container-11-columns.gutter-40 .col.span-3 {
    width: 27.27273%; }
  .eoss-grid .eo-row-11-columns.gutter-40 .col.span-4,
  .eoss-grid .container-11-columns.gutter-40 .col.span-4 {
    width: 36.36364%; }
  .eoss-grid .eo-row-11-columns.gutter-40 .col.span-5,
  .eoss-grid .container-11-columns.gutter-40 .col.span-5 {
    width: 45.45455%; }
  .eoss-grid .eo-row-11-columns.gutter-40 .col.span-6,
  .eoss-grid .container-11-columns.gutter-40 .col.span-6 {
    width: 54.54545%; }
  .eoss-grid .eo-row-11-columns.gutter-40 .col.span-7,
  .eoss-grid .container-11-columns.gutter-40 .col.span-7 {
    width: 63.63636%; }
  .eoss-grid .eo-row-11-columns.gutter-40 .col.span-8,
  .eoss-grid .container-11-columns.gutter-40 .col.span-8 {
    width: 72.72727%; }
  .eoss-grid .eo-row-11-columns.gutter-40 .col.span-9,
  .eoss-grid .container-11-columns.gutter-40 .col.span-9 {
    width: 81.81818%; }
  .eoss-grid .eo-row-11-columns.gutter-40 .col.span-10,
  .eoss-grid .container-11-columns.gutter-40 .col.span-10 {
    width: 90.90909%; }
  .eoss-grid .eo-row-11-columns.gutter-40 .col.span-11,
  .eoss-grid .container-11-columns.gutter-40 .col.span-11 {
    width: 100.0%; }
  .eoss-grid .eo-row-11-columns.gutter-40 .col.span-12,
  .eoss-grid .container-11-columns.gutter-40 .col.span-12 {
    width: 109.09091%; }
.eoss-grid .eo-row-11-columns.gutter-40 .col:first-of-type,
.eoss-grid .container-11-columns.gutter-40 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-11-columns.gutter-40 .col:last-of-type,
.eoss-grid .container-11-columns.gutter-40 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-11-columns.gutter-40:after,
.eoss-grid .container-11-columns.gutter-40:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-11-columns.gutter-50 .col,
.eoss-grid .container-11-columns.gutter-50 .col {
  width: 9.09091%;
  float: left;
  padding: 0 25px; }
  .eoss-grid .eo-row-11-columns.gutter-50 .col.span-2,
  .eoss-grid .container-11-columns.gutter-50 .col.span-2 {
    width: 18.18182%; }
  .eoss-grid .eo-row-11-columns.gutter-50 .col.span-3,
  .eoss-grid .container-11-columns.gutter-50 .col.span-3 {
    width: 27.27273%; }
  .eoss-grid .eo-row-11-columns.gutter-50 .col.span-4,
  .eoss-grid .container-11-columns.gutter-50 .col.span-4 {
    width: 36.36364%; }
  .eoss-grid .eo-row-11-columns.gutter-50 .col.span-5,
  .eoss-grid .container-11-columns.gutter-50 .col.span-5 {
    width: 45.45455%; }
  .eoss-grid .eo-row-11-columns.gutter-50 .col.span-6,
  .eoss-grid .container-11-columns.gutter-50 .col.span-6 {
    width: 54.54545%; }
  .eoss-grid .eo-row-11-columns.gutter-50 .col.span-7,
  .eoss-grid .container-11-columns.gutter-50 .col.span-7 {
    width: 63.63636%; }
  .eoss-grid .eo-row-11-columns.gutter-50 .col.span-8,
  .eoss-grid .container-11-columns.gutter-50 .col.span-8 {
    width: 72.72727%; }
  .eoss-grid .eo-row-11-columns.gutter-50 .col.span-9,
  .eoss-grid .container-11-columns.gutter-50 .col.span-9 {
    width: 81.81818%; }
  .eoss-grid .eo-row-11-columns.gutter-50 .col.span-10,
  .eoss-grid .container-11-columns.gutter-50 .col.span-10 {
    width: 90.90909%; }
  .eoss-grid .eo-row-11-columns.gutter-50 .col.span-11,
  .eoss-grid .container-11-columns.gutter-50 .col.span-11 {
    width: 100.0%; }
  .eoss-grid .eo-row-11-columns.gutter-50 .col.span-12,
  .eoss-grid .container-11-columns.gutter-50 .col.span-12 {
    width: 109.09091%; }
.eoss-grid .eo-row-11-columns.gutter-50 .col:first-of-type,
.eoss-grid .container-11-columns.gutter-50 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-11-columns.gutter-50 .col:last-of-type,
.eoss-grid .container-11-columns.gutter-50 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-11-columns.gutter-50:after,
.eoss-grid .container-11-columns.gutter-50:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-12-columns .col,
.eoss-grid .container-12-columns .col {
  width: 8.33333%;
  float: left;
  padding: 0 5px; }
  .eoss-grid .eo-row-12-columns .col.span-2,
  .eoss-grid .container-12-columns .col.span-2 {
    width: 16.66667%; }
  .eoss-grid .eo-row-12-columns .col.span-3,
  .eoss-grid .container-12-columns .col.span-3 {
    width: 25%; }
  .eoss-grid .eo-row-12-columns .col.span-4,
  .eoss-grid .container-12-columns .col.span-4 {
    width: 33.33333%; }
  .eoss-grid .eo-row-12-columns .col.span-5,
  .eoss-grid .container-12-columns .col.span-5 {
    width: 41.66667%; }
  .eoss-grid .eo-row-12-columns .col.span-6,
  .eoss-grid .container-12-columns .col.span-6 {
    width: 50%; }
  .eoss-grid .eo-row-12-columns .col.span-7,
  .eoss-grid .container-12-columns .col.span-7 {
    width: 58.33333%; }
  .eoss-grid .eo-row-12-columns .col.span-8,
  .eoss-grid .container-12-columns .col.span-8 {
    width: 66.66667%; }
  .eoss-grid .eo-row-12-columns .col.span-9,
  .eoss-grid .container-12-columns .col.span-9 {
    width: 75%; }
  .eoss-grid .eo-row-12-columns .col.span-10,
  .eoss-grid .container-12-columns .col.span-10 {
    width: 83.33333%; }
  .eoss-grid .eo-row-12-columns .col.span-11,
  .eoss-grid .container-12-columns .col.span-11 {
    width: 91.66667%; }
  .eoss-grid .eo-row-12-columns .col.span-12,
  .eoss-grid .container-12-columns .col.span-12 {
    width: 100%; }
.eoss-grid .eo-row-12-columns .col:first-of-type,
.eoss-grid .container-12-columns .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-12-columns .col:last-of-type,
.eoss-grid .container-12-columns .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-12-columns:after,
.eoss-grid .container-12-columns:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-12-columns.gutter-5 .col,
.eoss-grid .container-12-columns.gutter-5 .col {
  width: 8.33333%;
  float: left;
  padding: 0 2.5px; }
  .eoss-grid .eo-row-12-columns.gutter-5 .col.span-2,
  .eoss-grid .container-12-columns.gutter-5 .col.span-2 {
    width: 16.66667%; }
  .eoss-grid .eo-row-12-columns.gutter-5 .col.span-3,
  .eoss-grid .container-12-columns.gutter-5 .col.span-3 {
    width: 25%; }
  .eoss-grid .eo-row-12-columns.gutter-5 .col.span-4,
  .eoss-grid .container-12-columns.gutter-5 .col.span-4 {
    width: 33.33333%; }
  .eoss-grid .eo-row-12-columns.gutter-5 .col.span-5,
  .eoss-grid .container-12-columns.gutter-5 .col.span-5 {
    width: 41.66667%; }
  .eoss-grid .eo-row-12-columns.gutter-5 .col.span-6,
  .eoss-grid .container-12-columns.gutter-5 .col.span-6 {
    width: 50%; }
  .eoss-grid .eo-row-12-columns.gutter-5 .col.span-7,
  .eoss-grid .container-12-columns.gutter-5 .col.span-7 {
    width: 58.33333%; }
  .eoss-grid .eo-row-12-columns.gutter-5 .col.span-8,
  .eoss-grid .container-12-columns.gutter-5 .col.span-8 {
    width: 66.66667%; }
  .eoss-grid .eo-row-12-columns.gutter-5 .col.span-9,
  .eoss-grid .container-12-columns.gutter-5 .col.span-9 {
    width: 75%; }
  .eoss-grid .eo-row-12-columns.gutter-5 .col.span-10,
  .eoss-grid .container-12-columns.gutter-5 .col.span-10 {
    width: 83.33333%; }
  .eoss-grid .eo-row-12-columns.gutter-5 .col.span-11,
  .eoss-grid .container-12-columns.gutter-5 .col.span-11 {
    width: 91.66667%; }
  .eoss-grid .eo-row-12-columns.gutter-5 .col.span-12,
  .eoss-grid .container-12-columns.gutter-5 .col.span-12 {
    width: 100%; }
.eoss-grid .eo-row-12-columns.gutter-5 .col:first-of-type,
.eoss-grid .container-12-columns.gutter-5 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-12-columns.gutter-5 .col:last-of-type,
.eoss-grid .container-12-columns.gutter-5 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-12-columns.gutter-5:after,
.eoss-grid .container-12-columns.gutter-5:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-12-columns.gutter-10 .col,
.eoss-grid .container-12-columns.gutter-10 .col {
  width: 8.33333%;
  float: left;
  padding: 0 5px; }
  .eoss-grid .eo-row-12-columns.gutter-10 .col.span-2,
  .eoss-grid .container-12-columns.gutter-10 .col.span-2 {
    width: 16.66667%; }
  .eoss-grid .eo-row-12-columns.gutter-10 .col.span-3,
  .eoss-grid .container-12-columns.gutter-10 .col.span-3 {
    width: 25%; }
  .eoss-grid .eo-row-12-columns.gutter-10 .col.span-4,
  .eoss-grid .container-12-columns.gutter-10 .col.span-4 {
    width: 33.33333%; }
  .eoss-grid .eo-row-12-columns.gutter-10 .col.span-5,
  .eoss-grid .container-12-columns.gutter-10 .col.span-5 {
    width: 41.66667%; }
  .eoss-grid .eo-row-12-columns.gutter-10 .col.span-6,
  .eoss-grid .container-12-columns.gutter-10 .col.span-6 {
    width: 50%; }
  .eoss-grid .eo-row-12-columns.gutter-10 .col.span-7,
  .eoss-grid .container-12-columns.gutter-10 .col.span-7 {
    width: 58.33333%; }
  .eoss-grid .eo-row-12-columns.gutter-10 .col.span-8,
  .eoss-grid .container-12-columns.gutter-10 .col.span-8 {
    width: 66.66667%; }
  .eoss-grid .eo-row-12-columns.gutter-10 .col.span-9,
  .eoss-grid .container-12-columns.gutter-10 .col.span-9 {
    width: 75%; }
  .eoss-grid .eo-row-12-columns.gutter-10 .col.span-10,
  .eoss-grid .container-12-columns.gutter-10 .col.span-10 {
    width: 83.33333%; }
  .eoss-grid .eo-row-12-columns.gutter-10 .col.span-11,
  .eoss-grid .container-12-columns.gutter-10 .col.span-11 {
    width: 91.66667%; }
  .eoss-grid .eo-row-12-columns.gutter-10 .col.span-12,
  .eoss-grid .container-12-columns.gutter-10 .col.span-12 {
    width: 100%; }
.eoss-grid .eo-row-12-columns.gutter-10 .col:first-of-type,
.eoss-grid .container-12-columns.gutter-10 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-12-columns.gutter-10 .col:last-of-type,
.eoss-grid .container-12-columns.gutter-10 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-12-columns.gutter-10:after,
.eoss-grid .container-12-columns.gutter-10:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-12-columns.gutter-15 .col,
.eoss-grid .container-12-columns.gutter-15 .col {
  width: 8.33333%;
  float: left;
  padding: 0 7.5px; }
  .eoss-grid .eo-row-12-columns.gutter-15 .col.span-2,
  .eoss-grid .container-12-columns.gutter-15 .col.span-2 {
    width: 16.66667%; }
  .eoss-grid .eo-row-12-columns.gutter-15 .col.span-3,
  .eoss-grid .container-12-columns.gutter-15 .col.span-3 {
    width: 25%; }
  .eoss-grid .eo-row-12-columns.gutter-15 .col.span-4,
  .eoss-grid .container-12-columns.gutter-15 .col.span-4 {
    width: 33.33333%; }
  .eoss-grid .eo-row-12-columns.gutter-15 .col.span-5,
  .eoss-grid .container-12-columns.gutter-15 .col.span-5 {
    width: 41.66667%; }
  .eoss-grid .eo-row-12-columns.gutter-15 .col.span-6,
  .eoss-grid .container-12-columns.gutter-15 .col.span-6 {
    width: 50%; }
  .eoss-grid .eo-row-12-columns.gutter-15 .col.span-7,
  .eoss-grid .container-12-columns.gutter-15 .col.span-7 {
    width: 58.33333%; }
  .eoss-grid .eo-row-12-columns.gutter-15 .col.span-8,
  .eoss-grid .container-12-columns.gutter-15 .col.span-8 {
    width: 66.66667%; }
  .eoss-grid .eo-row-12-columns.gutter-15 .col.span-9,
  .eoss-grid .container-12-columns.gutter-15 .col.span-9 {
    width: 75%; }
  .eoss-grid .eo-row-12-columns.gutter-15 .col.span-10,
  .eoss-grid .container-12-columns.gutter-15 .col.span-10 {
    width: 83.33333%; }
  .eoss-grid .eo-row-12-columns.gutter-15 .col.span-11,
  .eoss-grid .container-12-columns.gutter-15 .col.span-11 {
    width: 91.66667%; }
  .eoss-grid .eo-row-12-columns.gutter-15 .col.span-12,
  .eoss-grid .container-12-columns.gutter-15 .col.span-12 {
    width: 100%; }
.eoss-grid .eo-row-12-columns.gutter-15 .col:first-of-type,
.eoss-grid .container-12-columns.gutter-15 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-12-columns.gutter-15 .col:last-of-type,
.eoss-grid .container-12-columns.gutter-15 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-12-columns.gutter-15:after,
.eoss-grid .container-12-columns.gutter-15:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-12-columns.gutter-20 .col,
.eoss-grid .container-12-columns.gutter-20 .col {
  width: 8.33333%;
  float: left;
  padding: 0 10px; }
  .eoss-grid .eo-row-12-columns.gutter-20 .col.span-2,
  .eoss-grid .container-12-columns.gutter-20 .col.span-2 {
    width: 16.66667%; }
  .eoss-grid .eo-row-12-columns.gutter-20 .col.span-3,
  .eoss-grid .container-12-columns.gutter-20 .col.span-3 {
    width: 25%; }
  .eoss-grid .eo-row-12-columns.gutter-20 .col.span-4,
  .eoss-grid .container-12-columns.gutter-20 .col.span-4 {
    width: 33.33333%; }
  .eoss-grid .eo-row-12-columns.gutter-20 .col.span-5,
  .eoss-grid .container-12-columns.gutter-20 .col.span-5 {
    width: 41.66667%; }
  .eoss-grid .eo-row-12-columns.gutter-20 .col.span-6,
  .eoss-grid .container-12-columns.gutter-20 .col.span-6 {
    width: 50%; }
  .eoss-grid .eo-row-12-columns.gutter-20 .col.span-7,
  .eoss-grid .container-12-columns.gutter-20 .col.span-7 {
    width: 58.33333%; }
  .eoss-grid .eo-row-12-columns.gutter-20 .col.span-8,
  .eoss-grid .container-12-columns.gutter-20 .col.span-8 {
    width: 66.66667%; }
  .eoss-grid .eo-row-12-columns.gutter-20 .col.span-9,
  .eoss-grid .container-12-columns.gutter-20 .col.span-9 {
    width: 75%; }
  .eoss-grid .eo-row-12-columns.gutter-20 .col.span-10,
  .eoss-grid .container-12-columns.gutter-20 .col.span-10 {
    width: 83.33333%; }
  .eoss-grid .eo-row-12-columns.gutter-20 .col.span-11,
  .eoss-grid .container-12-columns.gutter-20 .col.span-11 {
    width: 91.66667%; }
  .eoss-grid .eo-row-12-columns.gutter-20 .col.span-12,
  .eoss-grid .container-12-columns.gutter-20 .col.span-12 {
    width: 100%; }
.eoss-grid .eo-row-12-columns.gutter-20 .col:first-of-type,
.eoss-grid .container-12-columns.gutter-20 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-12-columns.gutter-20 .col:last-of-type,
.eoss-grid .container-12-columns.gutter-20 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-12-columns.gutter-20:after,
.eoss-grid .container-12-columns.gutter-20:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-12-columns.gutter-25 .col,
.eoss-grid .container-12-columns.gutter-25 .col {
  width: 8.33333%;
  float: left;
  padding: 0 12.5px; }
  .eoss-grid .eo-row-12-columns.gutter-25 .col.span-2,
  .eoss-grid .container-12-columns.gutter-25 .col.span-2 {
    width: 16.66667%; }
  .eoss-grid .eo-row-12-columns.gutter-25 .col.span-3,
  .eoss-grid .container-12-columns.gutter-25 .col.span-3 {
    width: 25%; }
  .eoss-grid .eo-row-12-columns.gutter-25 .col.span-4,
  .eoss-grid .container-12-columns.gutter-25 .col.span-4 {
    width: 33.33333%; }
  .eoss-grid .eo-row-12-columns.gutter-25 .col.span-5,
  .eoss-grid .container-12-columns.gutter-25 .col.span-5 {
    width: 41.66667%; }
  .eoss-grid .eo-row-12-columns.gutter-25 .col.span-6,
  .eoss-grid .container-12-columns.gutter-25 .col.span-6 {
    width: 50%; }
  .eoss-grid .eo-row-12-columns.gutter-25 .col.span-7,
  .eoss-grid .container-12-columns.gutter-25 .col.span-7 {
    width: 58.33333%; }
  .eoss-grid .eo-row-12-columns.gutter-25 .col.span-8,
  .eoss-grid .container-12-columns.gutter-25 .col.span-8 {
    width: 66.66667%; }
  .eoss-grid .eo-row-12-columns.gutter-25 .col.span-9,
  .eoss-grid .container-12-columns.gutter-25 .col.span-9 {
    width: 75%; }
  .eoss-grid .eo-row-12-columns.gutter-25 .col.span-10,
  .eoss-grid .container-12-columns.gutter-25 .col.span-10 {
    width: 83.33333%; }
  .eoss-grid .eo-row-12-columns.gutter-25 .col.span-11,
  .eoss-grid .container-12-columns.gutter-25 .col.span-11 {
    width: 91.66667%; }
  .eoss-grid .eo-row-12-columns.gutter-25 .col.span-12,
  .eoss-grid .container-12-columns.gutter-25 .col.span-12 {
    width: 100%; }
.eoss-grid .eo-row-12-columns.gutter-25 .col:first-of-type,
.eoss-grid .container-12-columns.gutter-25 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-12-columns.gutter-25 .col:last-of-type,
.eoss-grid .container-12-columns.gutter-25 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-12-columns.gutter-25:after,
.eoss-grid .container-12-columns.gutter-25:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-12-columns.gutter-30 .col,
.eoss-grid .container-12-columns.gutter-30 .col {
  width: 8.33333%;
  float: left;
  padding: 0 15px; }
  .eoss-grid .eo-row-12-columns.gutter-30 .col.span-2,
  .eoss-grid .container-12-columns.gutter-30 .col.span-2 {
    width: 16.66667%; }
  .eoss-grid .eo-row-12-columns.gutter-30 .col.span-3,
  .eoss-grid .container-12-columns.gutter-30 .col.span-3 {
    width: 25%; }
  .eoss-grid .eo-row-12-columns.gutter-30 .col.span-4,
  .eoss-grid .container-12-columns.gutter-30 .col.span-4 {
    width: 33.33333%; }
  .eoss-grid .eo-row-12-columns.gutter-30 .col.span-5,
  .eoss-grid .container-12-columns.gutter-30 .col.span-5 {
    width: 41.66667%; }
  .eoss-grid .eo-row-12-columns.gutter-30 .col.span-6,
  .eoss-grid .container-12-columns.gutter-30 .col.span-6 {
    width: 50%; }
  .eoss-grid .eo-row-12-columns.gutter-30 .col.span-7,
  .eoss-grid .container-12-columns.gutter-30 .col.span-7 {
    width: 58.33333%; }
  .eoss-grid .eo-row-12-columns.gutter-30 .col.span-8,
  .eoss-grid .container-12-columns.gutter-30 .col.span-8 {
    width: 66.66667%; }
  .eoss-grid .eo-row-12-columns.gutter-30 .col.span-9,
  .eoss-grid .container-12-columns.gutter-30 .col.span-9 {
    width: 75%; }
  .eoss-grid .eo-row-12-columns.gutter-30 .col.span-10,
  .eoss-grid .container-12-columns.gutter-30 .col.span-10 {
    width: 83.33333%; }
  .eoss-grid .eo-row-12-columns.gutter-30 .col.span-11,
  .eoss-grid .container-12-columns.gutter-30 .col.span-11 {
    width: 91.66667%; }
  .eoss-grid .eo-row-12-columns.gutter-30 .col.span-12,
  .eoss-grid .container-12-columns.gutter-30 .col.span-12 {
    width: 100%; }
.eoss-grid .eo-row-12-columns.gutter-30 .col:first-of-type,
.eoss-grid .container-12-columns.gutter-30 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-12-columns.gutter-30 .col:last-of-type,
.eoss-grid .container-12-columns.gutter-30 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-12-columns.gutter-30:after,
.eoss-grid .container-12-columns.gutter-30:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-12-columns.gutter-40 .col,
.eoss-grid .container-12-columns.gutter-40 .col {
  width: 8.33333%;
  float: left;
  padding: 0 20px; }
  .eoss-grid .eo-row-12-columns.gutter-40 .col.span-2,
  .eoss-grid .container-12-columns.gutter-40 .col.span-2 {
    width: 16.66667%; }
  .eoss-grid .eo-row-12-columns.gutter-40 .col.span-3,
  .eoss-grid .container-12-columns.gutter-40 .col.span-3 {
    width: 25%; }
  .eoss-grid .eo-row-12-columns.gutter-40 .col.span-4,
  .eoss-grid .container-12-columns.gutter-40 .col.span-4 {
    width: 33.33333%; }
  .eoss-grid .eo-row-12-columns.gutter-40 .col.span-5,
  .eoss-grid .container-12-columns.gutter-40 .col.span-5 {
    width: 41.66667%; }
  .eoss-grid .eo-row-12-columns.gutter-40 .col.span-6,
  .eoss-grid .container-12-columns.gutter-40 .col.span-6 {
    width: 50%; }
  .eoss-grid .eo-row-12-columns.gutter-40 .col.span-7,
  .eoss-grid .container-12-columns.gutter-40 .col.span-7 {
    width: 58.33333%; }
  .eoss-grid .eo-row-12-columns.gutter-40 .col.span-8,
  .eoss-grid .container-12-columns.gutter-40 .col.span-8 {
    width: 66.66667%; }
  .eoss-grid .eo-row-12-columns.gutter-40 .col.span-9,
  .eoss-grid .container-12-columns.gutter-40 .col.span-9 {
    width: 75%; }
  .eoss-grid .eo-row-12-columns.gutter-40 .col.span-10,
  .eoss-grid .container-12-columns.gutter-40 .col.span-10 {
    width: 83.33333%; }
  .eoss-grid .eo-row-12-columns.gutter-40 .col.span-11,
  .eoss-grid .container-12-columns.gutter-40 .col.span-11 {
    width: 91.66667%; }
  .eoss-grid .eo-row-12-columns.gutter-40 .col.span-12,
  .eoss-grid .container-12-columns.gutter-40 .col.span-12 {
    width: 100%; }
.eoss-grid .eo-row-12-columns.gutter-40 .col:first-of-type,
.eoss-grid .container-12-columns.gutter-40 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-12-columns.gutter-40 .col:last-of-type,
.eoss-grid .container-12-columns.gutter-40 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-12-columns.gutter-40:after,
.eoss-grid .container-12-columns.gutter-40:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }
.eoss-grid .eo-row-12-columns.gutter-50 .col,
.eoss-grid .container-12-columns.gutter-50 .col {
  width: 8.33333%;
  float: left;
  padding: 0 25px; }
  .eoss-grid .eo-row-12-columns.gutter-50 .col.span-2,
  .eoss-grid .container-12-columns.gutter-50 .col.span-2 {
    width: 16.66667%; }
  .eoss-grid .eo-row-12-columns.gutter-50 .col.span-3,
  .eoss-grid .container-12-columns.gutter-50 .col.span-3 {
    width: 25%; }
  .eoss-grid .eo-row-12-columns.gutter-50 .col.span-4,
  .eoss-grid .container-12-columns.gutter-50 .col.span-4 {
    width: 33.33333%; }
  .eoss-grid .eo-row-12-columns.gutter-50 .col.span-5,
  .eoss-grid .container-12-columns.gutter-50 .col.span-5 {
    width: 41.66667%; }
  .eoss-grid .eo-row-12-columns.gutter-50 .col.span-6,
  .eoss-grid .container-12-columns.gutter-50 .col.span-6 {
    width: 50%; }
  .eoss-grid .eo-row-12-columns.gutter-50 .col.span-7,
  .eoss-grid .container-12-columns.gutter-50 .col.span-7 {
    width: 58.33333%; }
  .eoss-grid .eo-row-12-columns.gutter-50 .col.span-8,
  .eoss-grid .container-12-columns.gutter-50 .col.span-8 {
    width: 66.66667%; }
  .eoss-grid .eo-row-12-columns.gutter-50 .col.span-9,
  .eoss-grid .container-12-columns.gutter-50 .col.span-9 {
    width: 75%; }
  .eoss-grid .eo-row-12-columns.gutter-50 .col.span-10,
  .eoss-grid .container-12-columns.gutter-50 .col.span-10 {
    width: 83.33333%; }
  .eoss-grid .eo-row-12-columns.gutter-50 .col.span-11,
  .eoss-grid .container-12-columns.gutter-50 .col.span-11 {
    width: 91.66667%; }
  .eoss-grid .eo-row-12-columns.gutter-50 .col.span-12,
  .eoss-grid .container-12-columns.gutter-50 .col.span-12 {
    width: 100%; }
.eoss-grid .eo-row-12-columns.gutter-50 .col:first-of-type,
.eoss-grid .container-12-columns.gutter-50 .col:first-of-type {
  padding-left: 0; }
.eoss-grid .eo-row-12-columns.gutter-50 .col:last-of-type,
.eoss-grid .container-12-columns.gutter-50 .col:last-of-type {
  padding-right: 0; }
.eoss-grid .eo-row-12-columns.gutter-50:after,
.eoss-grid .container-12-columns.gutter-50:after {
  visibility: hidden;
  height: 0;
  content: ".";
  display: block;
  clear: both; }

/**
 * Eoze CSS Framework Typography Module.
 */
.eoss-typo .align-left {
  text-align: left; }
.eoss-typo .align-right {
  text-align: right; }
.eoss-typo .align-center {
  text-align: center; }


/* --- Opence/Member/css.auto/SummaryBoard.IdentificationPanel.css */
@charset "UTF-8";
/**
 * Copyright (C) 2013 Eoko
 *
 * This file is part of Opence.
 *
 * Opence is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Opence is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Opence. If not, see <http://www.gnu.org/licenses/gpl.txt>.
 *
 * @copyright Copyright (C) 2013 Eoko
 * @licence http://www.gnu.org/licenses/gpl.txt GPLv3
 * @author Éric Ortega <eric@eoko.fr>
 */
/**
 *
 * @since 2013-01-24 02:22
 */
.oce-summaryboard-identification-panel {
  background-color: transparent; }
  .oce-summaryboard-identification-panel h1 {
    font-size: 21px;
    background: lightSkyBlue;
    padding: 3px;
    background-image: -webkit-repeating-linear-gradient(60deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2) 35px, transparent 35px, transparent 70px); }
    .oce-summaryboard-identification-panel h1 .details p {
      font-size: 13px;
      line-height: 12px; }
      .oce-summaryboard-identification-panel h1 .details p em {
        font-style: italic; }
  .oce-summaryboard-identification-panel table {
    width: 100%; }
    .oce-summaryboard-identification-panel table td {
      padding: 2px 0; }
  .oce-summaryboard-identification-panel .age {
    float: right; }
  .oce-summaryboard-identification-panel .address .text {
    margin-left: 18px; }
  .oce-summaryboard-identification-panel .address .icon {
    float: left; }
  .oce-summaryboard-identification-panel .contact-info .text {
    word-break: break-all;
    margin-left: 18px; }
  .oce-summaryboard-identification-panel .contact-info .icon {
    float: left; }
  .oce-summaryboard-identification-panel .phoneNumbers strong {
    font-weight: bold; }
  .oce-summaryboard-identification-panel .group {
    margin-top: .7em; }
  .oce-summaryboard-identification-panel .contact-info li {
    margin: 4px; }
  .oce-summaryboard-identification-panel thead th {
    font-weight: bold;
    background-color: #eee; }
  .oce-summaryboard-identification-panel td.icon-column {
    width: 20px; }
  .oce-summaryboard-identification-panel table.qf th, .oce-summaryboard-identification-panel table.qf td {
    text-align: center;
    border: 3px solid #fff;
    border-width: 0 3px; }
    .oce-summaryboard-identification-panel table.qf th.first, .oce-summaryboard-identification-panel table.qf td.first {
      border-left: 0; }
    .oce-summaryboard-identification-panel table.qf th.last, .oce-summaryboard-identification-panel table.qf td.last {
      border-right: 0; }
  .oce-summaryboard-identification-panel table.right-holders th, .oce-summaryboard-identification-panel table.right-holders td {
    vertical-align: middle; }
  .oce-summaryboard-identification-panel table.right-holders tr.child .name {
    font-style: italic; }
  .oce-summaryboard-identification-panel table.right-holders tr.child.dependent .name {
    font-style: normal; }
  .oce-summaryboard-identification-panel span.clickable {
    color: #0464BB; }
    .oce-summaryboard-identification-panel span.clickable:hover {
      cursor: pointer;
      text-decoration: underline; }
  .oce-summaryboard-identification-panel .icon {
    height: 16px;
    width: 16px;
    display: inline-block;
    vertical-align: -4px;
    margin-right: 2px;
    background: none no-repeat 50% 50%;
    background-size: contain; }
    .oce-summaryboard-identification-panel .icon.email {
      background-image: url("../../Opence/Member/images/SummaryBoard/noun_project_1550.svg"); }
    .oce-summaryboard-identification-panel .icon.address {
      background-image: url("../../Opence/Member/images/SummaryBoard/noun_project_2330.svg"); }
    .oce-summaryboard-identification-panel .icon.phone {
      background-image: url("../../Opence/Member/images/SummaryBoard/noun_project_5041.svg"); }
    .oce-summaryboard-identification-panel .icon.phone.MOBILE {
      background-image: url("../../Opence/Member/images/SummaryBoard/noun_project_4097.svg"); }
    .oce-summaryboard-identification-panel .icon.phone.DOMICILE {
      background-image: url("../../Opence/Member/images/SummaryBoard/noun_project_1108.svg"); }
    .oce-summaryboard-identification-panel .icon.spouse {
      background-image: url("../../Opence/Member/images/SummaryBoard/ring.png"); }
    .oce-summaryboard-identification-panel .icon.child {
      background-image: url("../../Opence/Member/images/SummaryBoard/noun_project_8201.svg"); }
    .oce-summaryboard-identification-panel .icon.child.boy {
      background-image: url("../../Opence/Member/images/SummaryBoard/noun_project_8201+blue.svg"); }
    .oce-summaryboard-identification-panel .icon.child.girl {
      background-image: url("../../Opence/Member/images/SummaryBoard/noun_project_8201+pink.svg"); }
    .oce-summaryboard-identification-panel .icon.child.baby {
      background-image: url("../../Opence/Member/images/SummaryBoard/noun_project_10117.svg"); }
    .oce-summaryboard-identification-panel .icon.child.baby.boy {
      background-image: url("../../Opence/Member/images/SummaryBoard/noun_project_10117+blue.svg"); }
    .oce-summaryboard-identification-panel .icon.child.baby.girl {
      background-image: url("../../Opence/Member/images/SummaryBoard/noun_project_10117+pink.svg"); }


/* --- Opence/Member/css.auto/SummaryBoard.css */
.oce-summary-board .x4-border-layout-ct {
  background-color: #fff; }
.oce-summary-board .x4-splitter-horizontal {
  border-top: 1px solid #99BCE8; }
.oce-summary-board .x4-splitter-vertical {
  border-left: 1px solid #99BCE8; }
.oce-summary-board .oce-summary-board-body h2.section {
  border-bottom: 1px dotted #aaa;
  font-size: 15px;
  margin: 10px 0 5px; }
.oce-summary-board .oce-summary-board-body .x4-panel-body-default {
  border-top-width: 0 !important; }
.oce-summary-board .oce-summary-board-body .x4-panel-header {
  border: 0;
  background: none;
  box-shadow: none;
  padding: 0;
  border-bottom: 1px dotted #aaa !important;
  margin: 10px 0 0 0; }
  .oce-summary-board .oce-summary-board-body .x4-panel-header .x4-panel-header-text-default {
    color: #000;
    font-size: 15px; }


/* --- Opence/OmniSearch/css.auto/list.css */
/**
 * Copyright (C) 2013 Eoko
 *
 * This file is part of Opence.
 *
 * Opence is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Opence is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Opence. If not, see <http://www.gnu.org/licenses/gpl.txt>.
 *
 * @copyright Copyright (C) 2013 Eoko
 * @licence http://www.gnu.org/licenses/gpl.txt GPLv3
 * @author Éric Ortega <eric@eoko.fr>
 */

/**
 *
 * @since 2013-01-21 17:02
 */

.oce-omni-combo-list strong {
    font-weight: bold;
}

.oce-omni-combo-list .icon {
    float: left;
    width: 20px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: 1px 0px;
}


/* --- Opence/Opence/css.auto/markdown.css */
.oce-markdown html, .oce-markdown body, .oce-markdown div, .oce-markdown span, .oce-markdown applet, .oce-markdown object, .oce-markdown iframe, .oce-markdown h1, .oce-markdown h2, .oce-markdown h3, .oce-markdown h4, .oce-markdown h5, .oce-markdown h6, .oce-markdown p, .oce-markdown blockquote, .oce-markdown pre, .oce-markdown a, .oce-markdown abbr, .oce-markdown acronym, .oce-markdown address, .oce-markdown big, .oce-markdown cite, .oce-markdown code, .oce-markdown del, .oce-markdown dfn, .oce-markdown em, .oce-markdown font, .oce-markdown img, .oce-markdown ins, .oce-markdown kbd, .oce-markdown q, .oce-markdown s, .oce-markdown samp, .oce-markdown small, .oce-markdown strike, .oce-markdown strong, .oce-markdown sub, .oce-markdown sup, .oce-markdown tt, .oce-markdown var, .oce-markdown b, .oce-markdown i, .oce-markdown center, .oce-markdown dl, .oce-markdown dt, .oce-markdown dd, .oce-markdown ol, .oce-markdown ul, .oce-markdown li, .oce-markdown fieldset, .oce-markdown form, .oce-markdown label, .oce-markdown legend, .oce-markdown table, .oce-markdown caption, .oce-markdown tbody, .oce-markdown tfoot, .oce-markdown thead, .oce-markdown tr, .oce-markdown th, .oce-markdown td, .oce-markdown article, .oce-markdown aside, .oce-markdown audio, .oce-markdown canvas, .oce-markdown details, .oce-markdown figcaption, .oce-markdown figure, .oce-markdown footer, .oce-markdown header, .oce-markdown hgroup, .oce-markdown mark, .oce-markdown menu, .oce-markdown meter, .oce-markdown nav, .oce-markdown output, .oce-markdown progress, .oce-markdown section, .oce-markdown summary, .oce-markdown time, .oce-markdown video {
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  margin: 0;
  padding: 0; }
.oce-markdown body {
  line-height: 1; }
.oce-markdown article, .oce-markdown aside, .oce-markdown dialog, .oce-markdown figure, .oce-markdown footer, .oce-markdown header, .oce-markdown hgroup, .oce-markdown nav, .oce-markdown section, .oce-markdown blockquote {
  display: block; }
.oce-markdown nav ul {
  list-style: none; }
.oce-markdown ol {
  list-style: decimal; }
.oce-markdown ul {
  list-style: disc; }
.oce-markdown ul ul {
  list-style: circle; }
.oce-markdown blockquote, .oce-markdown q {
  quotes: none; }
.oce-markdown blockquote:before, .oce-markdown blockquote:after, .oce-markdown q:before, .oce-markdown q:after {
  content: none; }
.oce-markdown ins {
  text-decoration: underline; }
.oce-markdown del {
  text-decoration: line-through; }
.oce-markdown mark {
  background: none; }
.oce-markdown abbr[title], .oce-markdown dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help; }
.oce-markdown table {
  border-collapse: collapse;
  border-spacing: 0; }
.oce-markdown hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }
.oce-markdown input[type=submit], .oce-markdown input[type=button], .oce-markdown button {
  margin: 0 !important;
  padding: 0 !important; }
.oce-markdown input, .oce-markdown select, .oce-markdown a img {
  vertical-align: middle; }
.oce-markdown ul, .oce-markdown ul li {
  list-style: disc; }
.oce-markdown ol, .oce-markdown ol li {
  list-style: decimal; }
.oce-markdown strong, .oce-markdown b {
  font-weight: bold; }
.oce-markdown em {
  font-style: italic; }
.oce-markdown a {
  color: #4183C4; }
.oce-markdown a.absent {
  color: #cc0000; }
.oce-markdown a.anchor {
  display: block;
  padding-left: 1.6em;
  margin-left: -1.6em;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0; }
.oce-markdown h1, .oce-markdown h2, .oce-markdown h3, .oce-markdown h4, .oce-markdown h5, .oce-markdown h6 {
  margin: 20px 0 10px;
  padding: 0;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  cursor: text;
  position: relative; }
.oce-markdown h1:hover a.anchor, .oce-markdown h2:hover a.anchor, .oce-markdown h3:hover a.anchor, .oce-markdown h4:hover a.anchor, .oce-markdown h5:hover a.anchor, .oce-markdown h6:hover a.anchor {
  text-decoration: none; }
.oce-markdown h1 tt, .oce-markdown h1 code {
  font-size: inherit; }
.oce-markdown h2 tt, .oce-markdown h2 code {
  font-size: inherit; }
.oce-markdown h3 tt, .oce-markdown h3 code {
  font-size: inherit; }
.oce-markdown h4 tt, .oce-markdown h4 code {
  font-size: inherit; }
.oce-markdown h5 tt, .oce-markdown h5 code {
  font-size: inherit; }
.oce-markdown h6 tt, .oce-markdown h6 code {
  font-size: inherit; }
.oce-markdown h1 {
  font-size: 28px;
  color: black; }
.oce-markdown h2 {
  font-size: 24px;
  border-bottom: 1px solid #cccccc;
  color: black; }
.oce-markdown h3 {
  font-size: 18px; }
.oce-markdown h4 {
  font-size: 16px; }
.oce-markdown h5 {
  font-size: 14px; }
.oce-markdown h6 {
  color: #777777;
  font-size: 14px; }
.oce-markdown p, .oce-markdown blockquote, .oce-markdown ul, .oce-markdown ol, .oce-markdown dl, .oce-markdown li, .oce-markdown table, .oce-markdown pre {
  margin: 0.8em 0; }
.oce-markdown hr {
  border: 0 none;
  color: #cccccc;
  height: 4px;
  padding: 0; }
.oce-markdown .oce-help-body > h2:first-child {
  margin-top: 0;
  padding-top: 0; }
.oce-markdown .oce-help-body > h1:first-child {
  margin-top: 0;
  padding-top: 0; }
.oce-markdown .oce-help-body > h1:first-child + h2 {
  margin-top: 0;
  padding-top: 0; }
.oce-markdown .oce-help-body > h3:first-child, .oce-markdown .oce-help-body > h4:first-child, .oce-markdown .oce-help-body > h5:first-child, .oce-markdown .oce-help-body > h6:first-child {
  margin-top: 0;
  padding-top: 0; }
.oce-markdown a:first-child h1, .oce-markdown a:first-child h2, .oce-markdown a:first-child h3, .oce-markdown a:first-child h4, .oce-markdown a:first-child h5, .oce-markdown a:first-child h6 {
  margin-top: 0;
  padding-top: 0; }
.oce-markdown h1 p, .oce-markdown h2 p, .oce-markdown h3 p, .oce-markdown h4 p, .oce-markdown h5 p, .oce-markdown h6 p {
  margin-top: 0; }
.oce-markdown li p.first {
  display: inline-block; }
.oce-markdown li {
  margin: 0; }
.oce-markdown ul, .oce-markdown ol {
  padding-left: 1.6em; }
.oce-markdown ul :first-child, .oce-markdown ol :first-child {
  margin-top: 0; }
.oce-markdown dl {
  padding: 0; }
.oce-markdown dl dt {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  padding: 0;
  margin: 0.8em 0 0.26667em; }
.oce-markdown dl dt:first-child {
  padding: 0; }
.oce-markdown dl dt > :first-child {
  margin-top: 0; }
.oce-markdown dl dt > :last-child {
  margin-bottom: 0; }
.oce-markdown dl dd {
  margin: 0 0 0.8em;
  padding: 0 0.8em; }
.oce-markdown dl dd > :first-child {
  margin-top: 0; }
.oce-markdown dl dd > :last-child {
  margin-bottom: 0; }
.oce-markdown blockquote {
  border-left: 4px solid #dddddd;
  padding: 0 0.8em;
  color: #777777; }
.oce-markdown blockquote > :first-child {
  margin-top: 0; }
.oce-markdown blockquote > :last-child {
  margin-bottom: 0; }
.oce-markdown table {
  padding: 0;
  border-collapse: collapse; }
.oce-markdown table tr {
  border-top: 1px solid #cccccc;
  background-color: white;
  margin: 0;
  padding: 0; }
.oce-markdown table tr:nth-child(2n) {
  background-color: #f8f8f8; }
.oce-markdown table tr th {
  font-weight: bold;
  border: 1px solid #cccccc;
  margin: 0;
  padding: 6px 13px; }
.oce-markdown table tr td {
  border: 1px solid #cccccc;
  margin: 0;
  padding: 6px 13px; }
.oce-markdown table tr th :first-child, .oce-markdown table tr td :first-child {
  margin-top: 0; }
.oce-markdown table tr th :last-child, .oce-markdown table tr td :last-child {
  margin-bottom: 0; }
.oce-markdown img {
  max-width: 100%; }
.oce-markdown span.frame {
  display: block;
  overflow: hidden; }
.oce-markdown span.frame > span {
  border: 1px solid #dddddd;
  display: block;
  float: left;
  overflow: hidden;
  margin: 13px 0 0;
  padding: 7px;
  width: auto; }
.oce-markdown span.frame span img {
  display: block;
  float: left; }
.oce-markdown span.frame span span {
  clear: both;
  color: #333333;
  display: block;
  padding: 5px 0 0; }
.oce-markdown span.align-center {
  display: block;
  overflow: hidden;
  clear: both; }
.oce-markdown span.align-center > span {
  display: block;
  overflow: hidden;
  margin: 13px auto 0;
  text-align: center; }
.oce-markdown span.align-center span img {
  margin: 0 auto;
  text-align: center; }
.oce-markdown span.align-right {
  display: block;
  overflow: hidden;
  clear: both; }
.oce-markdown span.align-right > span {
  display: block;
  overflow: hidden;
  margin: 13px 0 0;
  text-align: right; }
.oce-markdown span.align-right span img {
  margin: 0;
  text-align: right; }
.oce-markdown span.float-left {
  display: block;
  margin-right: 13px;
  overflow: hidden;
  float: left; }
.oce-markdown span.float-left span {
  margin: 13px 0 0; }
.oce-markdown span.float-right {
  display: block;
  margin-left: 13px;
  overflow: hidden;
  float: right; }
.oce-markdown span.float-right > span {
  display: block;
  overflow: hidden;
  margin: 13px auto 0;
  text-align: right; }
.oce-markdown code, .oce-markdown tt {
  margin: 0 2px;
  padding: 0 5px;
  white-space: nowrap;
  border: 1px solid #eaeaea;
  background-color: #f8f8f8;
  border-radius: 3px; }
.oce-markdown pre code {
  margin: 0;
  padding: 0;
  white-space: pre;
  border: none;
  background: transparent; }
.oce-markdown .highlight pre {
  background-color: #f8f8f8;
  border: 1px solid #cccccc;
  font-size: 13px;
  line-height: 19px;
  overflow: auto;
  padding: 6px 10px;
  border-radius: 3px; }
.oce-markdown pre {
  background-color: #f8f8f8;
  border: 1px solid #cccccc;
  font-size: 13px;
  line-height: 19px;
  overflow: auto;
  padding: 6px 10px;
  border-radius: 3px; }
.oce-markdown pre code, .oce-markdown pre tt {
  background-color: transparent;
  border: none; }
.oce-markdown sup {
  font-size: 0.83em;
  vertical-align: super;
  line-height: 0; }
.oce-markdown * {
  -webkit-print-color-adjust: exact; }
@media screen and (min-width: 914px) {
  .oce-markdown .oce-help-body {
    width: 854px;
    margin: 0 auto; } }
@media print {
  .oce-markdown table, .oce-markdown pre {
    page-break-inside: avoid; }
  .oce-markdown pre {
    word-wrap: break-word; } }


/* --- Opence/Testing/css.auto/icons.css */
.ico.Testing {
    background-image: url("../../Opence/Testing/images/16x16/lcd_tv_test.png");
}

.ico.opence-testing-database {
    background-image: url("../../Opence/Testing/images/16x16/database.png");
}

.ico.opence-testing.restore {
    background-image: url("../../Opence/Testing/images/16x16/inbox_upload.png");
}
.ico.opence-testing.dump {
    background-image: url("../../Opence/Testing/images/16x16/inbox_download.png");
}

.ico.opence-testing.warning {
    background-image: url("../../Opence/Testing/images/16x16/error.png");
}


/* --- eoze/modules/DataSnapshots/css.auto/DataSnapshots.css */
/*
    Document   : DataSnapshots
    Created on : 3 oct. 2012, 13:11:36
    Author     : Éric Ortega <eric@planysphere.fr>
*/

.ico.DataSnapshots {
	background-image: url("../../eoze/modules/DataSnapshots/images/database.png") !important;
}

.ico.DataSnapshots.add {
	background-image: url("../../eoze/modules/DataSnapshots/images/database_add.png") !important;
}



/* --- eoze/modules/DataSnapshots/css.auto/Ext4.form.Panel.css */
/*
    Document   : Ext4.form.Panel
    Created on : 4 oct. 2012, 13:47:21
    Author     : eric
    Description:
        Purpose of the stylesheet follows.
*/

.eo-form-body {
	padding: 5px;
	/*background: #eee;*/
	background: transparent;
}


/* --- eoze/modules/EozeExt4/css.auto/grid/multisort/Button.css */
/**
 * Copyright (C) 2013 Eoko
 *
 * This file is part of Opence.
 *
 * Opence is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Opence is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Opence. If not, see <http://www.gnu.org/licenses/gpl.txt>.
 *
 * @copyright Copyright (C) 2013 Eoko
 * @licence http://www.gnu.org/licenses/gpl.txt GPLv3
 * @author Éric Ortega <eric@eoko.fr>
 */

/**
 *
 * @since 2013-07-05 14:54
 */
.x4-btn.x-btn-pill {
    /*border-color: #99BBE8;*/
    border: 1px solid #99BBE8;
    position: relative;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    o-border-radius: 6px;
    khtml-border-radius: 6px;
    background: #DEE7F8 none;
}

.x4-btn.x-btn-pill .x4-btn-split-right {
    background: url("../../eoze/modules/GridModule/images/multisort/close.png") no-repeat scroll right 4px top;
}

.x4-btn-over.x-btn-pill .x4-btn-split-right {
    background-position: right 4px top -12px;
}


/* --- eoze/modules/EozeExt4/css.auto/ux/GroupTabPanel-ClearTheme.css */
@charset "UTF-8";
/**
 * Copyright (C) 2013 Eoko
 *
 * This file is part of Opence.
 *
 * Opence is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Opence is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Opence. If not, see <http://www.gnu.org/licenses/gpl.txt>.
 *
 * @copyright Copyright (C) 2013 Eoko
 * @licence http://www.gnu.org/licenses/gpl.txt GPLv3
 * @author Éric Ortega <eric@eoko.fr>
 */
/**
 * Clear theme for GroupTabPanel.
 *
 * @since 2013-05-07 18:12
 */
.x4-grouptabpanel {
  /* Main GroupTabPanel style */
  border: 0px solid #99bbe8;
  /* End of GroupTabPanel style */
  /* Card Layout container */
  /* End of Card Layout container */
  /* Tab corners */ }
  .x4-grouptabpanel .x4-grouptab .x4-grid-cell-inner {
    font-family: tahoma, arial, sans-serif;
    text-decoration: none!important; }
  .x4-grouptabpanel .x4-grouptab-first .x4-grid-cell-inner {
    font-size: 13px;
    line-height: 18px;
    font-weight: bold; }
  .x4-grouptabpanel .x4-grouptabbar .x4-grid-row .x4-grid-cell {
    background-color: transparent;
    padding-left: 6px; }
  .x4-grouptabpanel .x4-grouptabbar .x4-grouptab {
    line-height: 24px;
    background-color: transparent;
    font-size: 12px;
    position: relative;
    padding-left: 6px;
    padding-bottom: 2px; }
  .x4-grouptabpanel .x4-grouptabbar .x4-grouptab-first {
    padding-top: 6px; }
  .x4-grouptabpanel .x4-grouptabbar .x4-grouptab-last {
    margin-bottom: 3px; }
  .x4-grouptabpanel .x4-grouptabbar .x4-active-tab .x4-grid-cell-inner {
    background-color: #EDEEF0; }
  .x4-grouptabpanel .x4-grouptabbar .x4-tree-elbow-line,
  .x4-grouptabpanel .x4-grouptabbar .x4-tree-elbow-empty {
    width: 0; }
  .x4-grouptabpanel .x4-grouptabbar .x4-active-group .x4-grouptab {
    background-color: white!important;
    border: 0 none !important; }
  .x4-grouptabpanel .x4-grouptab-cell {
    border: 0 none !important; }
  .x4-grouptabpanel .x4-grouptab-row .x4-grid-cell-inner {
    border-bottom: 1px solid #99bbe8; }
  .x4-grouptabpanel .x4-grouptab-row.x4-grid-tree-node-leaf .x4-grid-cell-inner {
    border-bottom: 0; }
  .x4-grouptabpanel .x4-grouptabbar .x4-grouptabs-corner {
    background-image: url("../eoze/modules/EozeExt4/css.auto/ux/images.x4-grouptabs-corners.gif");
    display: none;
    width: 11px;
    height: 11px;
    position: absolute;
    font-size: 1px;
    line-height: 6px;
    overflow: hidden;
    zoom: 1; }
  .x4-grouptabpanel .x4-grouptabbar .x4-grouptabs-corner {
    display: none; }
  .x4-grouptabpanel .x4-grouptabbar .x4-active-group .x4-grouptab-first .x4-grouptabs-corner-top-left,
  .x4-grouptabpanel .x4-grouptabbar .x4-active-group .x4-grouptab-last .x4-grouptabs-corner-bottom-left {
    display: block; }
  .x4-grouptabpanel .x4-grouptabbar .x4-grouptabs-corner-top-left {
    background-position: top left;
    left: 0;
    top: 0; }
  .x4-grouptabpanel .x4-grouptabbar .x4-grouptabs-corner-bottom-left {
    background-position: bottom left;
    left: 0;
    bottom: 0; }
  .x4-grouptabpanel .x4-grouptabbar .x4-grouptabs-corner-top-right {
    background-position: top right;
    right: 0;
    top: 0; }
  .x4-grouptabpanel .x4-grouptabbar .x4-grouptabs-corner-bottom-right {
    background-position: bottom right;
    right: 0;
    bottom: 0; }
  .x4-grouptabpanel .x4-grouptabbar .x4-active-group .x4-grouptabs-corner-bottom-left {
    bottom: -4px;
    left: -4px; }
  .x4-grouptabpanel .x4-grouptabbar .x4-active-group .x4-grouptabs-corner-bottom-right {
    bottom: -4px;
    right: -4px; }
  .x4-grouptabpanel .x4-grouptabbar .x4-active-group .x4-grouptabs-corner-top-left {
    top: -4px;
    left: -4px; }
  .x4-grouptabpanel .x4-grouptabbar .x4-active-group .x4-grouptabs-corner-top-right {
    top: -4px;
    right: -4px; }
  .x4-grouptabpanel .x4-grouptabbar .x4-tree-panel .x4-grid-cell {
    overflow: visible; }
  .x4-grouptabpanel .x4-grouptabbar {
    top: 0 !important;
    margin-top: -1px !important;
    border-right: 1px solid #99bbe8 !important; }
  .x4-grouptabpanel .x4-strict .x4-ie7 .x4-grouptabbar, .x4-grouptabpanel .x4-strict .x4-ie6 .x4-grouptabbar {
    margin-top: -2px !important; }
  .x4-grouptabpanel .x4-grouptabbar .x4-grouptab .x4-tree-icon-parent:not(.ico) {
    display: none; }
  .x4-grouptabpanel .x4-grouptabbar .x4-grouptab .x4-tree-elbow,
  .x4-grouptabpanel .x4-grouptabbar .x4-grouptab .x4-tree-elbow-end {
    display: none; }
  .x4-grouptabpanel .x4-grouptabbar .x4-grouptab .x4-tree-expander {
    background: transparent url("../../eoze/modules/EozeExt4/css.auto/ux/images/elbow-plus-nl.gif") no-repeat; }
  .x4-grouptabpanel .x4-grouptabbar .x4-grid-tree-node-expanded .x4-grouptab .x4-tree-expander {
    background: transparent url("../../eoze/modules/EozeExt4/css.auto/ux/images/elbow-minus-nl.gif") no-repeat;
    margin-top: 3px;
    height: 16px; }


/* --- eoze/modules/EozeExt4/css.auto/view/BoundList/StripeRows.css */
/**
 * Copyright (C) 2013 Eoko
 *
 * This file is part of Opence.
 *
 * Opence is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Opence is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Opence. If not, see <http://www.gnu.org/licenses/gpl.txt>.
 *
 * @copyright Copyright (C) 2013 Eoko
 * @licence http://www.gnu.org/licenses/gpl.txt GPLv3
 * @author Éric Ortega <eric@eoko.fr>
 */

/**
 * Class for stripe rows of Eoze.Ext.view.BoundList.StripeRows.
 *
 * @since 2013-09-04 16:28
 */
.eo-boundlist-item-alt:not(.x4-boundlist-item-over):not(.x-boundlist-item-over) {
    background-color: #f4f4f4;
}


/* --- eoze/modules/EozeExt4/css.auto/Cursor.css */
/**
 * Copyright (C) 2013 Eoko
 *
 * This file is part of Opence.
 *
 * Opence is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Opence is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Opence. If not, see <http://www.gnu.org/licenses/gpl.txt>.
 *
 * @copyright Copyright (C) 2013 Eoko
 * @licence http://www.gnu.org/licenses/gpl.txt GPLv3
 * @author Éric Ortega <eric@eoko.fr>
 */

/**
 *
 * @since 2013-02-01 01:57
 */

body.eo-cursor-wait * {
    cursor: wait !important;
}


/* --- eoze/modules/EozeExt4/css.auto/Ext.menu.Separator.css */
/**
 * Copyright (C) 2013 Eoko
 *
 * This file is part of Opence.
 *
 * Opence is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Opence is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Opence. If not, see <http://www.gnu.org/licenses/gpl.txt>.
 *
 * @copyright Copyright (C) 2013 Eoko
 * @licence http://www.gnu.org/licenses/gpl.txt GPLv3
 * @author Éric Ortega <eric@eoko.fr>
 */

/**
 *
 * @since 2013-09-04 11:50
 * @todo #theme
 */
.x4-menu-item-separator.title,
.x4-menu-item-separator.text {
    height: auto;
    border-top: 0;
    border-bottom: solid 1px #e0e0e0;
    background: none;
}

.x4-menu-item-separator.title {
    color: #04468c;
    font-weight: bold;
    font-size: 11px;
    cursor: default;
}


/* --- eoze/modules/EozeExt4/css.auto/InfoBox.css */
/**
 * Copyright (C) 2013 Eoko
 *
 * This file is part of Opence.
 *
 * Opence is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Opence is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Opence. If not, see <http://www.gnu.org/licenses/gpl.txt>.
 *
 * @copyright Copyright (C) 2013 Eoko
 * @licence http://www.gnu.org/licenses/gpl.txt GPLv3
 * @author Éric Ortega <eric@eoko.fr>
 */

/**
 * From Tweeter Bootstrap 3.0
 *
 * @since 2013-09-02 17:40
 */
.eo-info-box.success {
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #468847;
}

.eo-info-box {
    border: 1px solid transparent;
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 20px;
    padding: 15px;
}

/*.eo-info-box, .eo-info-box:before, .eo-info-box:after {*/
    /*-moz-box-sizing: border-box;*/
    /*-webkit-box-sizing: border-box;*/
/*}*/

.eo-info-box.info {
    background-color: #D9EDF7;
    border-color: #BCE8F1;
    color: #3A87AD;
}

.eo-info-box.warning {
    background-color: #FCF8E3;
    border-color: #FBEED5;
    color: #C09853;
}

.eo-info-box.danger {
    background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48;
}


/* --- eoze/modules/EozeExt4/css.auto/ico.css */
/**
 * Copyright (C) 2013 Eoko
 *
 * This file is part of Opence.
 *
 * Opence is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Opence is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Opence. If not, see <http://www.gnu.org/licenses/gpl.txt>.
 *
 * @copyright Copyright (C) 2013 Eoko
 * @licence http://www.gnu.org/licenses/gpl.txt GPLv3
 * @author Éric Ortega <eric@eoko.fr>
 */

/**
 *
 * @since 2013-04-12 15:58
 */
.x4-panel-header-icon.ico {
    /*margin: auto;*/
    margin-right: 4px;
}


/* --- //opence.localhost/cdn/ext4ux/grid/css/GridFilters.css */
/*
 * GridFilters Styles
 */

.ux-filtered-column {
    font-style: italic;
    font-weight: bold;
}

.ux-gridfilter-text-icon {
    background-image: url("//opence.localhost/cdn/ext4ux/grid/css/../images/find.png") !important;
}


/* --- //opence.localhost/cdn/ext4ux/grid/css/RangeMenu.css */
/*
 * RangeMenu Styles
 */

.ux-rangemenu-icon {
    display: block;
    height: 16px;
    background: no-repeat 5px center;
}

.ux-rangemenu-gt {
    background-image: url("//opence.localhost/cdn/ext4ux/grid/css/../images/greater_than.png") !important;
}

.ux-rangemenu-lt {
    background-image: url("//opence.localhost/cdn/ext4ux/grid/css/../images/less_than.png") !important;
}

.ux-rangemenu-eq {
    background-image: url("//opence.localhost/cdn/ext4ux/grid/css/../images/equals.png") !important;
}


/* --- eoze/modules/TreeMenu/TreeMenu.auto.css */
/*
    Document   : menu.auto
    Created on : 17 avr. 2011, 17:22:47
    Author     : Éric Ortéga <eric@planysphere.fr>
*/

.eozeTreeMenu a:hover,
.eozeTreeMenu a:focus,
.eozeTreeMenu a:active,
.eozeTreeMenu a {
	text-decoration: none !important;
}

/* Tree menu: makes leaf have a leaf icon, even when collapsed */
.x-tree-node-collapsed.x-tree-node-leaf .x-tree-node-icon {
    background-image: url("../eoze/modules/TreeMenu/_images/default/tree/leaf.gif");
}

div.eozeTreeMenu .x-tree-node-leaf.loading img.x-tree-node-icon {
	background-image: url("../eoze/modules/TreeMenu/_images/default/grid/loading.gif") !important;
}

/* Broken items */
.eozeTreeMenu .x-tree-node-el.error .x-tree-node-anchor {
	background: url("../eoze/modules/TreeMenu/_images/default/grid/invalid_line.gif") bottom repeat-x;
}

div.menu-message {
	text-align: center;
	padding: 10px;
}

div.menu-message p {
	margin: 10px 0;
}

div.menu-message a {
	color: blue;
	cursor: pointer;
}

div.loading-indicator {
	margin: 15px auto;
	width: 130px;
	text-align: center;
}

.x-tree-node-icon.ico {
	display: inline;
}

.menu.icon-expand-all {
/*	background-image: url("../eoze/modules/TreeMenu/images/icons/ext-tree-expand-all.gif") !important;*/
	background-image: url("../../eoze/modules/TreeMenu/images/ext-tree-expand-all.gif") !important;
}

.menu.icon-collapse-all {
	background-image: url("../../eoze/modules/TreeMenu/images/ext-tree-collapse-all.gif") !important;
}

/** Combo Icon */
.x-icon-combo-icon {
    background-repeat: no-repeat;
    background-position: 0 50%;
    width: 16px;
    height: 16px;
}