/*** RESET ***/

html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display: block; }
audio,canvas,progress,video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden],template { display: none; }
a { background-color: transparent; }
a:active,a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b,strong { font-weight: bold; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: 0.67em 0; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; max-width: 100%; vertical-align: middle; height: auto; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { box-sizing: content-box; height: 0; }
pre { overflow: auto; }

/*** FORMS ***/

button,input,optgroup,select,textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button,select { text-transform: none; }
button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled],html input[disabled] { cursor: default; }
button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

/*** TABLES ***/

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

.hidden,
[hidden] {
    display: none !important;
}

.grid-img {
    max-width: 100%;
    height: auto;
    display: block;
}

/*** GRID ROWS ***/

.row {
    letter-spacing: -0.31em;
    *letter-spacing: normal;
    *word-spacing: -0.43em;
    text-rendering: optimizespeed;
    font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	table .row {
		display: block;
	}
}

.opera-only :-o-prefocus,.row {
    word-spacing: -0.43em;
}

.col {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

.row [class *= "col"] {
    font-family: sans-serif;
}

/*** GRID COLUMNS ***/

.col-1,
.col-1-1,
.col-1-2,
.col-1-3,
.col-2-3,
.col-1-4,
.col-3-4,
.col-1-5,
.col-2-5,
.col-3-5,
.col-4-5,
.col-5-5,
.col-1-6,
.col-5-6,
.col-1-8,
.col-3-8,
.col-5-8,
.col-7-8,
.col-1-10,
.col-1-12,
.col-5-12,
.col-7-12,
.col-11-12,
.col-1-24,
.col-2-24,
.col-3-24,
.col-4-24,
.col-5-24,
.col-6-24,
.col-7-24,
.col-8-24,
.col-9-24,
.col-10-24,
.col-11-24,
.col-12-24,
.col-13-24,
.col-14-24,
.col-15-24,
.col-16-24,
.col-17-24,
.col-18-24,
.col-19-24,
.col-20-24,
.col-21-24,
.col-22-24,
.col-23-24,
.col-24-24 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

.col-1-24 {
    width: 4.1667%;
    *width: 4.1357%;
}

.col-1-12,
.col-2-24 {
    width: 8.3333%;
    *width: 8.3023%;
}

.col-1-10 {
    width: 10%;
    *width: 9.969%;
}

.col-1-8,
.col-3-24 {
    width: 12.5000%;
    *width: 12.4690%;
}

.col-1-6,
.col-4-24 {
    width: 16.6667%;
    *width: 16.6357%;
}

.col-1-5 {
    width: 20%;
    *width: 19.9690%;
}

.col-5-24 {
    width: 20.8333%;
    *width: 20.8023%;
}

.col-1-4,
.col-6-24 {
    width: 25%;
    *width: 24.9690%;
}

.col-7-24 {
    width: 29.1667%;
    *width: 29.1357%;
}

.col-1-3,
.col-8-24 {
    width: 33.3333%;
    *width: 33.3023%;
}

.col-3-8,
.col-9-24 {
    width: 37.5000%;
    *width: 37.4690%;
}

.col-2-5 {
    width: 40%;
    *width: 39.9690%;
}

.col-5-12,
.col-10-24 {
    width: 41.6667%;
    *width: 41.6357%;
}

.col-11-24 {
    width: 45.8333%;
    *width: 45.8023%;
}

.col-1-2,
.col-12-24 {
    width: 50%;
    *width: 49.9690%;
}

.col-13-24 {
    width: 54.1667%;
    *width: 54.1357%;
}

.col-7-12,
.col-14-24 {
    width: 58.3333%;
    *width: 58.3023%;
}

.col-3-5 {
    width: 60%;
    *width: 59.9690%;
}

.col-5-8,
.col-15-24 {
    width: 62.5000%;
    *width: 62.4690%;
}

.col-2-3,
.col-16-24 {
    width: 66.6667%;
    *width: 66.6357%;
}

.col-17-24 {
    width: 70.8333%;
    *width: 70.8023%;
}

.col-3-4,
.col-18-24 {
    width: 75%;
    *width: 74.9690%;
}

.col-19-24 {
    width: 79.1667%;
    *width: 79.1357%;
}

.col-4-5 {
    width: 80%;
    *width: 79.9690%;
}

.col-5-6,
.col-20-24 {
    width: 83.3333%;
    *width: 83.3023%;
}

.col-7-8,
.col-21-24 {
    width: 87.5000%;
    *width: 87.4690%;
}

.col-11-12,
.col-22-24 {
    width: 91.6667%;
    *width: 91.6357%;
}

.col-23-24 {
    width: 95.8333%;
    *width: 95.8023%;
}

.col-1,
.col-1-1,
.col-5-5,
.col-24-24 {
    width: 100%;
}

/*** BUTTONS ***/

.grid-button {
    display: inline-block;
    zoom: 1;
    line-height: normal;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    box-sizing: border-box;
}

.grid-button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.grid-button-group {
    letter-spacing: -0.31em;
    *letter-spacing: normal;
    *word-spacing: -0.43em;
    text-rendering: optimizespeed;
}

.opera-only :-o-prefocus,
.grid-button-group {
    word-spacing: -0.43em;
}

.grid-button-group .grid-button {
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

.grid-button {
    font-family: inherit;
    font-size: 100%;
    padding: 0.5em 1em;
    color: #444;
    color: rgba(0, 0, 0, 0.80);
    border: 1px solid #999;
    border: none rgba(0, 0, 0, 0);
    background-color: #E6E6E6;
    text-decoration: none;
    border-radius: 2px;
}

.grid-button-hover,
.grid-button:hover,
.grid-button:focus {
    filter: alpha(opacity=90);
    background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
    background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
}
.grid-button:focus {
    outline: 0;
}
.grid-button-active,
.grid-button:active {
    box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
    border-color: #000\9;
}

.grid-button[disabled],
.grid-button-disabled,
.grid-button-disabled:hover,
.grid-button-disabled:focus,
.grid-button-disabled:active {
    border: none;
    background-image: none;
    filter: alpha(opacity=40);
    opacity: 0.40;
    cursor: not-allowed;
    box-shadow: none;
    pointer-events: none;
}

.grid-button-hidden {
    display: none;
}

.grid-button-primary,
.grid-button-selected,
a.grid-button-primary,
a.grid-button-selected {
    background-color: rgb(0, 120, 231);
    color: #fff;
}

.grid-button-group .grid-button {
    margin: 0;
    border-radius: 0;
    border-right: 1px solid #111;
    border-right: 1px solid rgba(0, 0, 0, 0.2);

}

.grid-button-group .grid-button:first-child {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
.grid-button-group .grid-button:last-child {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-right: none;
}

.button-success,
.button-error,
.button-warning,
.button-secondary {
    color: white;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.button-success {
    background: rgb(28, 184, 65); /* green */
}

.button-error {
    background: rgb(202, 60, 60); /* maroon */
}

.button-warning {
    background: rgb(223, 117, 20); /* orange */
}

.button-secondary {
    background: rgb(66, 184, 221); /* light blue */
}

.button-xsmall {
    font-size: 70%;
}

.button-small {
    font-size: 85%;
}

.button-large {
    font-size: 110%;
}

.button-xlarge {
    font-size: 125%;
}

/*** FORMS ***/

.grid-form input[type="text"],
.grid-form input[type="password"],
.grid-form input[type="email"],
.grid-form input[type="url"],
.grid-form input[type="date"],
.grid-form input[type="month"],
.grid-form input[type="time"],
.grid-form input[type="datetime"],
.grid-form input[type="datetime-local"],
.grid-form input[type="week"],
.grid-form input[type="number"],
.grid-form input[type="search"],
.grid-form input[type="tel"],
.grid-form input[type="color"],
.grid-form select,
.grid-form textarea {
    padding: 0.5em 0.6em;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    vertical-align: middle;
    box-sizing: border-box;
}

.grid-form input:not([type]) {
    padding: 0.5em 0.6em;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    box-sizing: border-box;
}

.grid-form input[type="color"] {
    padding: 0.2em 0.5em;
}

.grid-form input[type="text"]:focus,
.grid-form input[type="password"]:focus,
.grid-form input[type="email"]:focus,
.grid-form input[type="url"]:focus,
.grid-form input[type="date"]:focus,
.grid-form input[type="month"]:focus,
.grid-form input[type="time"]:focus,
.grid-form input[type="datetime"]:focus,
.grid-form input[type="datetime-local"]:focus,
.grid-form input[type="week"]:focus,
.grid-form input[type="number"]:focus,
.grid-form input[type="search"]:focus,
.grid-form input[type="tel"]:focus,
.grid-form input[type="color"]:focus,
.grid-form select:focus,
.grid-form textarea:focus {
    outline: 0;
    border-color: #129FEA;
}

.grid-form input:not([type]):focus {
    outline: 0;
    border-color: #129FEA;
}

.grid-form input[type="file"]:focus,
.grid-form input[type="radio"]:focus,
.grid-form input[type="checkbox"]:focus {
    outline: thin solid #129FEA;
    outline: 1px auto #129FEA;
}
.grid-form .grid-checkbox,
.grid-form .grid-radio {
    margin: 0.5em 0;
    display: block;
}

.grid-form input[type="text"][disabled],
.grid-form input[type="password"][disabled],
.grid-form input[type="email"][disabled],
.grid-form input[type="url"][disabled],
.grid-form input[type="date"][disabled],
.grid-form input[type="month"][disabled],
.grid-form input[type="time"][disabled],
.grid-form input[type="datetime"][disabled],
.grid-form input[type="datetime-local"][disabled],
.grid-form input[type="week"][disabled],
.grid-form input[type="number"][disabled],
.grid-form input[type="search"][disabled],
.grid-form input[type="tel"][disabled],
.grid-form input[type="color"][disabled],
.grid-form select[disabled],
.grid-form textarea[disabled] {
    cursor: not-allowed;
    background-color: #eaeded;
    color: #cad2d3;
}

.grid-form input:not([type])[disabled] {
    cursor: not-allowed;
    background-color: #eaeded;
    color: #cad2d3;
}
.grid-form input[readonly],
.grid-form select[readonly],
.grid-form textarea[readonly] {
    background-color: #eee;
    color: #777;
    border-color: #ccc;
}

.grid-form input:focus:invalid,
.grid-form textarea:focus:invalid,
.grid-form select:focus:invalid {
    color: #b94a48;
    border-color: #e9322d;
}
.grid-form input[type="file"]:focus:invalid:focus,
.grid-form input[type="radio"]:focus:invalid:focus,
.grid-form input[type="checkbox"]:focus:invalid:focus {
    outline-color: #e9322d;
}
.grid-form select {
    height: 2.25em;
    border: 1px solid #ccc;
    background-color: white;
}
.grid-form select[multiple] {
    height: auto;
}
.grid-form label {
    margin: 0.5em 0 0.2em;
}
.grid-form fieldset {
    margin: 0;
    padding: 0.35em 0 0.75em;
    border: 0;
}
.grid-form legend {
    display: block;
    width: 100%;
    padding: 0.3em 0;
    margin-bottom: 0.3em;
    color: #333;
    border-bottom: 1px solid #e5e5e5;
}

.grid-form-stacked input[type="text"],
.grid-form-stacked input[type="password"],
.grid-form-stacked input[type="email"],
.grid-form-stacked input[type="url"],
.grid-form-stacked input[type="date"],
.grid-form-stacked input[type="month"],
.grid-form-stacked input[type="time"],
.grid-form-stacked input[type="datetime"],
.grid-form-stacked input[type="datetime-local"],
.grid-form-stacked input[type="week"],
.grid-form-stacked input[type="number"],
.grid-form-stacked input[type="search"],
.grid-form-stacked input[type="tel"],
.grid-form-stacked input[type="color"],
.grid-form-stacked input[type="file"],
.grid-form-stacked select,
.grid-form-stacked label,
.grid-form-stacked textarea {
    display: block;
    margin: 0.25em 0;
}

.grid-form-stacked input:not([type]) {
    display: block;
    margin: 0.25em 0;
}
.grid-form-aligned input,
.grid-form-aligned textarea,
.grid-form-aligned select,
.grid-form-aligned .grid-help-inline,
.grid-form-message-inline {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}
.grid-form-aligned textarea {
    vertical-align: top;
}

.grid-form-aligned .grid-control-group {
    margin-bottom: 0.5em;
}
.grid-form-aligned .grid-control-group label {
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    width: 10em;
    margin: 0 1em 0 0;
}
.grid-form-aligned .grid-controls {
    margin: 1.5em 0 0 11em;
}

.grid-form input.grid-input-rounded,
.grid-form .grid-input-rounded {
    border-radius: 2em;
    padding: 0.5em 1em;
}

.grid-form .grid-group fieldset {
    margin-bottom: 10px;
}
.grid-form .grid-group input,
.grid-form .grid-group textarea {
    display: block;
    padding: 10px;
    margin: 0 0 -1px;
    border-radius: 0;
    position: relative;
    top: -1px;
}
.grid-form .grid-group input:focus,
.grid-form .grid-group textarea:focus {
    z-index: 3;
}
.grid-form .grid-group input:first-child,
.grid-form .grid-group textarea:first-child {
    top: 1px;
    border-radius: 4px 4px 0 0;
    margin: 0;
}
.grid-form .grid-group input:first-child:last-child,
.grid-form .grid-group textarea:first-child:last-child {
    top: 1px;
    border-radius: 4px;
    margin: 0;
}
.grid-form .grid-group input:last-child,
.grid-form .grid-group textarea:last-child {
    top: -2px;
    border-radius: 0 0 4px 4px;
    margin: 0;
}
.grid-form .grid-group button {
    margin: 0.35em 0;
}

.grid-form .grid-input-1 {
    width: 100%;
}
.grid-form .grid-input-3-4 {
    width: 75%;
}
.grid-form .grid-input-2-3 {
    width: 66%;
}
.grid-form .grid-input-1-2 {
    width: 50%;
}
.grid-form .grid-input-1-3 {
    width: 33%;
}
.grid-form .grid-input-1-4 {
    width: 25%;
}

.grid-form .grid-help-inline,
.grid-form-message-inline {
    display: inline-block;
    padding-left: 0.3em;
    color: #666;
    vertical-align: middle;
    font-size: 0.875em;
}

.grid-form-message {
    display: block;
    color: #666;
    font-size: 0.875em;
}

@media only screen and (max-width : 480px) {
    .grid-form button[type="submit"] {
        margin: 0.7em 0 0;
    }

    .grid-form input:not([type]),
    .grid-form input[type="text"],
    .grid-form input[type="password"],
    .grid-form input[type="email"],
    .grid-form input[type="url"],
    .grid-form input[type="date"],
    .grid-form input[type="month"],
    .grid-form input[type="time"],
    .grid-form input[type="datetime"],
    .grid-form input[type="datetime-local"],
    .grid-form input[type="week"],
    .grid-form input[type="number"],
    .grid-form input[type="search"],
    .grid-form input[type="tel"],
    .grid-form input[type="color"],
    .grid-form label {
        margin-bottom: 0.3em;
        display: block;
    }

    .grid-group input:not([type]),
    .grid-group input[type="text"],
    .grid-group input[type="password"],
    .grid-group input[type="email"],
    .grid-group input[type="url"],
    .grid-group input[type="date"],
    .grid-group input[type="month"],
    .grid-group input[type="time"],
    .grid-group input[type="datetime"],
    .grid-group input[type="datetime-local"],
    .grid-group input[type="week"],
    .grid-group input[type="number"],
    .grid-group input[type="search"],
    .grid-group input[type="tel"],
    .grid-group input[type="color"] {
        margin-bottom: 0;
    }

    .grid-form-aligned .grid-control-group label {
        margin-bottom: 0.3em;
        text-align: left;
        display: block;
        width: 100%;
    }

    .grid-form-aligned .grid-controls {
        margin: 1.5em 0 0 0;
    }

    .grid-form .grid-help-inline,
    .grid-form-message-inline,
    .grid-form-message {
        display: block;
        font-size: 0.75em;
        padding: 0.2em 0 0.8em;
    }
}

/*** MENUS ***/

.grid-menu {
    box-sizing: border-box;
}

.grid-menu-fixed {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 3;
}

.grid-menu-list,
.grid-menu-item {
    position: relative;
}

.grid-menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.grid-menu-item {
    padding: 0;
    margin: 0;
    height: 100%;
}

.grid-menu-link,
.grid-menu-heading {
    display: block;
    text-decoration: none;
    white-space: nowrap;
}

.grid-menu-horizontal {
    width: 100%;
    white-space: nowrap;
}

.grid-menu-horizontal .grid-menu-list {
    display: inline-block;
}

.grid-menu-horizontal .grid-menu-item,
.grid-menu-horizontal .grid-menu-heading,
.grid-menu-horizontal .grid-menu-separator {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}

.grid-menu-item .grid-menu-item {
    display: block;
}

.grid-menu-children {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    margin: 0;
    padding: 0;
    z-index: 3;
}

.grid-menu-horizontal .grid-menu-children {
    left: 0;
    top: auto;
    width: inherit;
}

.grid-menu-allow-hover:hover > .grid-menu-children,
.grid-menu-active > .grid-menu-children {
    display: block;
    position: absolute;
}

.grid-menu-has-children > .grid-menu-link:after {
    padding-left: 0.5em;
    content: "\25B8";
    font-size: small;
}

.grid-menu-horizontal .grid-menu-has-children > .grid-menu-link:after {
    content: "\25BE";
}

.grid-menu-scrollable {
    overflow-y: scroll;
    overflow-x: hidden;
}

.grid-menu-scrollable .grid-menu-list {
    display: block;
}

.grid-menu-horizontal.grid-menu-scrollable .grid-menu-list {
    display: inline-block;
}

.grid-menu-horizontal.grid-menu-scrollable {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    padding: .5em 0;
}

.grid-menu-horizontal.grid-menu-scrollable::-webkit-scrollbar {
    display: none;
}

.grid-menu-separator,
.grid-menu-horizontal .grid-menu-children .grid-menu-separator {
    background-color: #ccc;
    height: 1px;
    margin: .3em 0;
}

.grid-menu-horizontal .grid-menu-separator {
    width: 1px;
    height: 1.3em;
    margin: 0 .3em ;
}

.grid-menu-horizontal .grid-menu-children .grid-menu-separator {
    display: block;
    width: auto;
}

.grid-menu-heading {
    text-transform: uppercase;
    color: #565d64;
}

.grid-menu-link {
    color: #777;
}

.grid-menu-children {
    background-color: #fff;
}

.grid-menu-link,
.grid-menu-disabled,
.grid-menu-heading {
    padding: .5em 1em;
}

.grid-menu-disabled {
    opacity: .5;
}

.grid-menu-disabled .grid-menu-link:hover {
    background-color: transparent;
}

.grid-menu-active > .grid-menu-link,
.grid-menu-link:hover,
.grid-menu-link:focus {
    background-color: #eee;
}

.grid-menu-selected .grid-menu-link,
.grid-menu-selected .grid-menu-link:visited {
    color: #000;
}

/*** TABLES ***/

.grid-table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #cbcbcb;
    width:100%;
}

.grid-table caption {
    color: #000;
    font: italic 85%/1 arial, sans-serif;
    padding: 1em 0;
    text-align: center;
}

.grid-table td,
.grid-table th {
    border-left: 1px solid #cbcbcb;
    border-width: 0 0 0 1px;
    font-size: inherit;
    margin: 0;
    overflow: visible;
    padding: 0.5em 1em;
}

.grid-table td:first-child,
.grid-table th:first-child {
    border-left-width: 0;
}

.grid-table thead {
    background-color: #e0e0e0;
    color: #000;
    text-align: left;
    vertical-align: bottom;
}

.grid-table td {
    background-color: transparent;
}
.grid-table-odd td {
    background-color: #f2f2f2;
}

.grid-table-striped tr:nth-child(2n-1) td {
    background-color: #f2f2f2;
}

.grid-table-bordered td {
    border-bottom: 1px solid #cbcbcb;
}
.grid-table-bordered tbody > tr:last-child > td {
    border-bottom-width: 0;
}

.grid-table-horizontal td,
.grid-table-horizontal th {
    border-width: 0 0 1px 0;
    border-bottom: 1px solid #cbcbcb;
}
.grid-table-horizontal tbody > tr:last-child > td {
    border-bottom-width: 0;
}

@media screen and (max-width: 35.5em) {
    .grid-table td,
    .grid-table th {
        border-left: 0;
        border-bottom: 1px solid #cbcbcb;
        display: block;
        width: 100%;
    }
    .grid-table-bordered tbody > tr:last-child > td {
        border-bottom-width: 1px;
    }
}

/*** RESPONSIVE ***/

@media screen and (min-width: 35.5em) {
    .col-sm-1,
    .col-sm-1-1,
    .col-sm-1-2,
    .col-sm-1-3,
    .col-sm-2-3,
    .col-sm-1-4,
    .col-sm-3-4,
    .col-sm-1-5,
    .col-sm-2-5,
    .col-sm-3-5,
    .col-sm-4-5,
    .col-sm-5-5,
    .col-sm-1-6,
    .col-sm-5-6,
    .col-sm-1-8,
    .col-sm-3-8,
    .col-sm-5-8,
    .col-sm-7-8,
    .col-sm-1-10,
    .col-sm-1-12,
    .col-sm-5-12,
    .col-sm-7-12,
    .col-sm-11-12,
    .col-sm-1-24,
    .col-sm-2-24,
    .col-sm-3-24,
    .col-sm-4-24,
    .col-sm-5-24,
    .col-sm-6-24,
    .col-sm-7-24,
    .col-sm-8-24,
    .col-sm-9-24,
    .col-sm-10-24,
    .col-sm-11-24,
    .col-sm-12-24,
    .col-sm-13-24,
    .col-sm-14-24,
    .col-sm-15-24,
    .col-sm-16-24,
    .col-sm-17-24,
    .col-sm-18-24,
    .col-sm-19-24,
    .col-sm-20-24,
    .col-sm-21-24,
    .col-sm-22-24,
    .col-sm-23-24,
    .col-sm-24-24 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .col-sm-1-24 {
        width: 4.1667%;
        *width: 4.1357%;
    }

    .col-sm-1-12,
    .col-sm-2-24 {
        width: 8.3333%;
        *width: 8.3023%;
    }
    
    .col-sm-1-10 {
        width: 10%;
        *width: 9.969%;
    }

    .col-sm-1-8,
    .col-sm-3-24 {
        width: 12.5000%;
        *width: 12.4690%;
    }

    .col-sm-1-6,
    .col-sm-4-24 {
        width: 16.6667%;
        *width: 16.6357%;
    }

    .col-sm-1-5 {
        width: 20%;
        *width: 19.9690%;
    }

    .col-sm-5-24 {
        width: 20.8333%;
        *width: 20.8023%;
    }

    .col-sm-1-4,
    .col-sm-6-24 {
        width: 25%;
        *width: 24.9690%;
    }

    .col-sm-7-24 {
        width: 29.1667%;
        *width: 29.1357%;
    }

    .col-sm-1-3,
    .col-sm-8-24 {
        width: 33.3333%;
        *width: 33.3023%;
    }

    .col-sm-3-8,
    .col-sm-9-24 {
        width: 37.5000%;
        *width: 37.4690%;
    }

    .col-sm-2-5 {
        width: 40%;
        *width: 39.9690%;
    }

    .col-sm-5-12,
    .col-sm-10-24 {
        width: 41.6667%;
        *width: 41.6357%;
    }

    .col-sm-11-24 {
        width: 45.8333%;
        *width: 45.8023%;
    }

    .col-sm-1-2,
    .col-sm-12-24 {
        width: 50%;
        *width: 49.9690%;
    }

    .col-sm-13-24 {
        width: 54.1667%;
        *width: 54.1357%;
    }

    .col-sm-7-12,
    .col-sm-14-24 {
        width: 58.3333%;
        *width: 58.3023%;
    }

    .col-sm-3-5 {
        width: 60%;
        *width: 59.9690%;
    }

    .col-sm-5-8,
    .col-sm-15-24 {
        width: 62.5000%;
        *width: 62.4690%;
    }

    .col-sm-2-3,
    .col-sm-16-24 {
        width: 66.6667%;
        *width: 66.6357%;
    }

    .col-sm-17-24 {
        width: 70.8333%;
        *width: 70.8023%;
    }

    .col-sm-3-4,
    .col-sm-18-24 {
        width: 75%;
        *width: 74.9690%;
    }

    .col-sm-19-24 {
        width: 79.1667%;
        *width: 79.1357%;
    }

    .col-sm-4-5 {
        width: 80%;
        *width: 79.9690%;
    }

    .col-sm-5-6,
    .col-sm-20-24 {
        width: 83.3333%;
        *width: 83.3023%;
    }

    .col-sm-7-8,
    .col-sm-21-24 {
        width: 87.5000%;
        *width: 87.4690%;
    }

    .col-sm-11-12,
    .col-sm-22-24 {
        width: 91.6667%;
        *width: 91.6357%;
    }

    .col-sm-23-24 {
        width: 95.8333%;
        *width: 95.8023%;
    }

    .col-sm-1,
    .col-sm-1-1,
    .col-sm-5-5,
    .col-sm-24-24 {
        width: 100%;
    }
}

@media screen and (min-width: 48em) {
    .col-md-1,
    .col-md-1-1,
    .col-md-1-2,
    .col-md-1-3,
    .col-md-2-3,
    .col-md-1-4,
    .col-md-3-4,
    .col-md-1-5,
    .col-md-2-5,
    .col-md-3-5,
    .col-md-4-5,
    .col-md-5-5,
    .col-md-1-6,
    .col-md-5-6,
    .col-md-1-8,
    .col-md-3-8,
    .col-md-5-8,
    .col-md-7-8,
    .col-md-1-10,
    .col-md-1-12,
    .col-md-5-12,
    .col-md-7-12,
    .col-md-11-12,
    .col-md-1-24,
    .col-md-2-24,
    .col-md-3-24,
    .col-md-4-24,
    .col-md-5-24,
    .col-md-6-24,
    .col-md-7-24,
    .col-md-8-24,
    .col-md-9-24,
    .col-md-10-24,
    .col-md-11-24,
    .col-md-12-24,
    .col-md-13-24,
    .col-md-14-24,
    .col-md-15-24,
    .col-md-16-24,
    .col-md-17-24,
    .col-md-18-24,
    .col-md-19-24,
    .col-md-20-24,
    .col-md-21-24,
    .col-md-22-24,
    .col-md-23-24,
    .col-md-24-24 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .col-md-1-24 {
        width: 4.1667%;
        *width: 4.1357%;
    }

    .col-md-1-12,
    .col-md-2-24 {
        width: 8.3333%;
        *width: 8.3023%;
    }
    
    .col-md-1-10 {
        width: 10%;
        *width: 9.969%;
    }

    .col-md-1-8,
    .col-md-3-24 {
        width: 12.5000%;
        *width: 12.4690%;
    }

    .col-md-1-6,
    .col-md-4-24 {
        width: 16.6667%;
        *width: 16.6357%;
    }

    .col-md-1-5 {
        width: 20%;
        *width: 19.9690%;
    }

    .col-md-5-24 {
        width: 20.8333%;
        *width: 20.8023%;
    }

    .col-md-1-4,
    .col-md-6-24 {
        width: 25%;
        *width: 24.9690%;
    }

    .col-md-7-24 {
        width: 29.1667%;
        *width: 29.1357%;
    }

    .col-md-1-3,
    .col-md-8-24 {
        width: 33.3333%;
        *width: 33.3023%;
    }

    .col-md-3-8,
    .col-md-9-24 {
        width: 37.5000%;
        *width: 37.4690%;
    }

    .col-md-2-5 {
        width: 40%;
        *width: 39.9690%;
    }

    .col-md-5-12,
    .col-md-10-24 {
        width: 41.6667%;
        *width: 41.6357%;
    }

    .col-md-11-24 {
        width: 45.8333%;
        *width: 45.8023%;
    }

    .col-md-1-2,
    .col-md-12-24 {
        width: 50%;
        *width: 49.9690%;
    }

    .col-md-13-24 {
        width: 54.1667%;
        *width: 54.1357%;
    }

    .col-md-7-12,
    .col-md-14-24 {
        width: 58.3333%;
        *width: 58.3023%;
    }

    .col-md-3-5 {
        width: 60%;
        *width: 59.9690%;
    }

    .col-md-5-8,
    .col-md-15-24 {
        width: 62.5000%;
        *width: 62.4690%;
    }

    .col-md-2-3,
    .col-md-16-24 {
        width: 66.6667%;
        *width: 66.6357%;
    }

    .col-md-17-24 {
        width: 70.8333%;
        *width: 70.8023%;
    }

    .col-md-3-4,
    .col-md-18-24 {
        width: 75%;
        *width: 74.9690%;
    }

    .col-md-19-24 {
        width: 79.1667%;
        *width: 79.1357%;
    }

    .col-md-4-5 {
        width: 80%;
        *width: 79.9690%;
    }

    .col-md-5-6,
    .col-md-20-24 {
        width: 83.3333%;
        *width: 83.3023%;
    }

    .col-md-7-8,
    .col-md-21-24 {
        width: 87.5000%;
        *width: 87.4690%;
    }

    .col-md-11-12,
    .col-md-22-24 {
        width: 91.6667%;
        *width: 91.6357%;
    }

    .col-md-23-24 {
        width: 95.8333%;
        *width: 95.8023%;
    }

    .col-md-1,
    .col-md-1-1,
    .col-md-5-5,
    .col-md-24-24 {
        width: 100%;
    }
}