/* Minification failed. Returning unminified contents.
(44169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44193,17): run-time error CSS1039: Token not allowed after unary operator: '-text-dark'
(44197,17): run-time error CSS1039: Token not allowed after unary operator: '-input-placeholder'
(44240,40): run-time error CSS1039: Token not allowed after unary operator: '-listview-border'
(44245,32): run-time error CSS1039: Token not allowed after unary operator: '-listview-hover'
(44252,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-light'
(44265,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-light'
(44305,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark'
(44360,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-accent'
(44834,25): run-time error CSS1039: Token not allowed after unary operator: '-badge-text'
(44837,36): run-time error CSS1039: Token not allowed after unary operator: '-badge'
(44849,21): run-time error CSS1039: Token not allowed after unary operator: '-text-dark'
(44865,21): run-time error CSS1039: Token not allowed after unary operator: '-text-light'
(44894,21): run-time error CSS1039: Token not allowed after unary operator: '-text-light'
(45199,25): run-time error CSS1039: Token not allowed after unary operator: '-text-light'
(45208,25): run-time error CSS1039: Token not allowed after unary operator: '-text-light'
(45221,25): run-time error CSS1039: Token not allowed after unary operator: '-text-dark'
(45795,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark'
(45800,21): run-time error CSS1039: Token not allowed after unary operator: '-text-dark'
(45801,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-accent'
(45805,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark'
(45820,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark'
(45834,17): run-time error CSS1039: Token not allowed after unary operator: '-text-light'
(45840,21): run-time error CSS1039: Token not allowed after unary operator: '-text-dark'
 */
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
    
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}

    .ui-menu .ui-menu {
        position: absolute;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        cursor: pointer;
        /* support: IE10, see #8844 */
        list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    }

    .ui-menu .ui-menu-item-wrapper {
        position: relative;
        padding: 3px 1em 3px .4em;
    }

    .ui-menu .ui-menu-divider {
        margin: 5px 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0;
    }

    .ui-menu .ui-state-focus,
    .ui-menu .ui-state-active {
        margin: -1px;
    }

/* icon support */
.ui-menu-icons {
    position: relative;
}

    .ui-menu-icons .ui-menu-item-wrapper {
        padding-left: 2em;
    }

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* Support: IE <= 11 */
    overflow: visible;
}

    .ui-button,
    .ui-button:link,
    .ui-button:visited,
    .ui-button:hover,
    .ui-button:active {
        text-decoration: none;
    }

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
    text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block;
}

    .ui-controlgroup > .ui-controlgroup-item {
        float: left;
        margin-left: 0;
        margin-right: 0;
    }

        .ui-controlgroup > .ui-controlgroup-item:focus,
        .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
            z-index: 9999;
        }

.ui-controlgroup-vertical > .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em;
}

    .ui-controlgroup .ui-controlgroup-label span {
        font-size: 80%;
    }

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
    /* Support: IE8 only, Android < 4.4 only */
    width: 75%;
    width: calc( 100% - 2.4em );
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid;
}

.ui-checkboxradio-disabled {
    pointer-events: none;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover,
    .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 45%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span,
        .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
            .ui-datepicker-rtl .ui-datepicker-group {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

/* Icons */
.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px;
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin-top: .5em;
        padding: .3em 1em .5em .4em;
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer;
        }

    .ui-dialog .ui-resizable-n {
        height: 2px;
        top: 0;
    }

    .ui-dialog .ui-resizable-e {
        width: 2px;
        right: 0;
    }

    .ui-dialog .ui-resizable-s {
        height: 2px;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-w {
        width: 2px;
        left: 0;
    }

    .ui-dialog .ui-resizable-se,
    .ui-dialog .ui-resizable-sw,
    .ui-dialog .ui-resizable-ne,
    .ui-dialog .ui-resizable-nw {
        width: 7px;
        height: 7px;
    }

    .ui-dialog .ui-resizable-se {
        right: 0;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-sw {
        left: 0;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-ne {
        right: 0;
        top: 0;
    }

    .ui-dialog .ui-resizable-nw {
        left: 0;
        top: 0;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%;
    }

    .ui-progressbar .ui-progressbar-overlay {
        background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
        height: 100%;
        filter: alpha(opacity=25); /* support: IE8 */
        opacity: 0.25;
    }

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

    .ui-selectmenu-menu .ui-menu {
        overflow: auto;
        overflow-x: hidden;
        padding-bottom: 1px;
    }

        .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
            font-size: 1em;
            font-weight: bold;
            line-height: 1.5;
            padding: 2px 0.4em;
            margin: 0.5em 0 0 0;
            height: auto;
            border: 0;
        }

.ui-selectmenu-open {
    display: block;
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em;
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0;
}

.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
        -ms-touch-action: none;
        touch-action: none;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }

    /* support: IE8 - See #6727 */
    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit;
    }

.ui-slider-horizontal {
    height: .8em;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}





.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
}

body .ui-tooltip {
    border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 1em;
    }

    .ui-widget.ui-widget-content {
        border: 1px solid #c5c5c5;
    }

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}

    .ui-widget-content a {
        color: #333333;
    }

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #333333;
    }





/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa;
    opacity: .3;
    filter: Alpha(Opacity=30); /* support: IE8 */
}

.ui-widget-shadow {
    -webkit-box-shadow: 0px 0px 5px #666666;
    box-shadow: 0px 0px 5px #666666;
}


.ui-resizable-se:before {
    content: '';
    font-family: 'Material Icons';
    content: 'signal_cellular_4_bar';
    color: #f3bdbd;
    font-size: 14px;
    font-weight: 100;
    position: absolute;
    right: 0;
    top: -2px;
    width: 16px;
    height: 16px;
}
/*!
 * jquery-confirm v3.3.4 (http://craftpip.github.io/jquery-confirm/)
 * Author: boniface pereira
 * Website: www.craftpip.com
 * Contact: hey@craftpip.com
 *
 * Copyright 2013-2019 jquery-confirm
 * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE)
 */
@-webkit-keyframes jconfirm-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes jconfirm-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

body[class*=jconfirm-no-scroll-] {
    overflow: hidden !important;
}

.jconfirm {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999999;
    font-family: inherit;
    overflow: hidden;
}

.jconfirm .jconfirm-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
}

.jconfirm .jconfirm-bg.jconfirm-bg-h {
    opacity: 0 !important;
}

.jconfirm .jconfirm-scrollpane {
    -webkit-perspective: 500px;
    perspective: 500px;
    -webkit-perspective-origin: center;
    perspective-origin: center;
    display: table;
    width: 100%;
    height: 100%;
}

.jconfirm .jconfirm-row {
    display: table-row;
    width: 100%;
}

.jconfirm .jconfirm-cell {
    display: table-cell;
    vertical-align: middle;
}

.jconfirm .jconfirm-holder {
    max-height: 100%;
    padding: 50px 0;
}

.jconfirm .jconfirm-box-container {
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    transition: transform;
    transition: transform, -webkit-transform;
}

.jconfirm .jconfirm-box-container.jconfirm-no-transition {
    -webkit-transition: none !important;
    transition: none !important;
}

.jconfirm .jconfirm-box {
    background: white;
    border-radius: 4px;
    position: relative;
    outline: none;
    padding: 15px 15px 0;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

@-webkit-keyframes type-blue {
    1%,
    100% {
        border-color: #3498db;
    }
    50% {
        border-color: #5faee3;
    }
}

@keyframes type-blue {
    1%,
    100% {
        border-color: #3498db;
    }
    50% {
        border-color: #5faee3;
    }
}

@-webkit-keyframes type-green {
    1%,
    100% {
        border-color: #2ecc71;
    }
    50% {
        border-color: #54d98c;
    }
}

@keyframes type-green {
    1%,
    100% {
        border-color: #2ecc71;
    }
    50% {
        border-color: #54d98c;
    }
}

@-webkit-keyframes type-red {
    1%,
    100% {
        border-color: #e74c3c;
    }
    50% {
        border-color: #ed7669;
    }
}

@keyframes type-red {
    1%,
    100% {
        border-color: #e74c3c;
    }
    50% {
        border-color: #ed7669;
    }
}

@-webkit-keyframes type-orange {
    1%,
    100% {
        border-color: #f1c40f;
    }
    50% {
        border-color: #f4d03f;
    }
}

@keyframes type-orange {
    1%,
    100% {
        border-color: #f1c40f;
    }
    50% {
        border-color: #f4d03f;
    }
}

@-webkit-keyframes type-purple {
    1%,
    100% {
        border-color: #9b59b6;
    }
    50% {
        border-color: #b07cc6;
    }
}

@keyframes type-purple {
    1%,
    100% {
        border-color: #9b59b6;
    }
    50% {
        border-color: #b07cc6;
    }
}

@-webkit-keyframes type-dark {
    1%,
    100% {
        border-color: #34495e;
    }
    50% {
        border-color: #46627f;
    }
}

@keyframes type-dark {
    1%,
    100% {
        border-color: #34495e;
    }
    50% {
        border-color: #46627f;
    }
}

.jconfirm .jconfirm-box.jconfirm-type-animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.jconfirm .jconfirm-box.jconfirm-type-blue {
    border-top: solid 7px #3498db;
    -webkit-animation-name: type-blue;
    animation-name: type-blue;
}

.jconfirm .jconfirm-box.jconfirm-type-green {
    border-top: solid 7px #2ecc71;
    -webkit-animation-name: type-green;
    animation-name: type-green;
}

.jconfirm .jconfirm-box.jconfirm-type-red {
    border-top: solid 7px #e74c3c;
    -webkit-animation-name: type-red;
    animation-name: type-red;
}

.jconfirm .jconfirm-box.jconfirm-type-orange {
    border-top: solid 7px #f1c40f;
    -webkit-animation-name: type-orange;
    animation-name: type-orange;
}

.jconfirm .jconfirm-box.jconfirm-type-purple {
    border-top: solid 7px #9b59b6;
    -webkit-animation-name: type-purple;
    animation-name: type-purple;
}

.jconfirm .jconfirm-box.jconfirm-type-dark {
    border-top: solid 7px #34495e;
    -webkit-animation-name: type-dark;
    animation-name: type-dark;
}

.jconfirm .jconfirm-box.loading {
    height: 120px;
}

.jconfirm .jconfirm-box.loading:before {
    content: '';
    position: absolute;
    left: 0;
    background: white;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 10px;
    z-index: 1;
}

.jconfirm .jconfirm-box.loading:after {
    opacity: 0.6;
    content: '';
    height: 30px;
    width: 30px;
    border: solid 3px transparent;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    border-radius: 50%;
    -webkit-animation: jconfirm-spin 1s infinite linear;
    animation: jconfirm-spin 1s infinite linear;
    border-bottom-color: dodgerblue;
    top: 50%;
    margin-top: -15px;
    z-index: 2;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon {
    height: 20px;
    width: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    opacity: .6;
    text-align: center;
    font-size: 27px !important;
    line-height: 14px !important;
    display: none;
    z-index: 1;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon:empty {
    display: none;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon .fa {
    font-size: 16px;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon {
    font-size: 16px;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi {
    font-size: 16px;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon:hover {
    opacity: 1;
}

.jconfirm .jconfirm-box div.jconfirm-title-c {
    display: block;
    font-size: 22px;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    padding-bottom: 15px;
}

.jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand {
    cursor: move;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    font-size: inherit;
    display: inline-block;
    vertical-align: middle;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i {
    vertical-align: middle;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty {
    display: none;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: inherit;
    font-family: inherit;
    display: inline-block;
    vertical-align: middle;
    text-transform:capitalize;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty {
    display: none;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane {
    margin-bottom: 15px;
    height: auto;
    -webkit-transition: height 0.4s ease-in;
    transition: height 0.4s ease-in;
    display: inline-block;
    width: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll {
    overflow-y: hidden;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar {
    width: 3px;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
}

.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb {
    background: #666;
    border-radius: 3px;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
    overflow: auto;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img {
    max-width: 100%;
    height: auto;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty {
    display: none;
}

.jconfirm .jconfirm-box .jconfirm-buttons {
    padding-bottom: 11px;
}

.jconfirm .jconfirm-box .jconfirm-buttons > button {
    margin-bottom: 4px;
    margin-left: 2px;
    margin-right: 2px;
}

    .jconfirm .jconfirm-box .jconfirm-buttons button {
        display: inline-block;
        padding: 6px 12px;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border-radius: 4px;
        min-height: 1em;
        -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
        transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
        transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
        transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
        -webkit-tap-highlight-color: transparent;
        border: none;
        background-image: none;
        outline: none;
    }

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
    background-color: #3498db;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover {
    background-color: #2980b9;
    color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green {
    background-color: #2ecc71;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover {
    background-color: #27ae60;
    color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red {
    background-color: #e74c3c;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover {
    background-color: #c0392b;
    color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange {
    background-color: #f1c40f;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover {
    background-color: #f39c12;
    color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
    background-color: #ecf0f1;
    color: #000;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background-color: #bdc3c7;
    color: #000;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple {
    background-color: #9b59b6;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover {
    background-color: #8e44ad;
    color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark {
    background-color: #34495e;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover {
    background-color: #2c3e50;
    color: #FFF;
}

.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c {
    color: #e74c3c !important;
}

.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c {
    color: #3498db !important;
}

.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c {
    color: #2ecc71 !important;
}

.jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c {
    color: #9b59b6 !important;
}

.jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c {
    color: #f1c40f !important;
}

.jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c {
    color: #34495e !important;
}

.jconfirm .jconfirm-clear {
    clear: both;
}

.jconfirm.jconfirm-rtl {
    direction: rtl;
}

.jconfirm.jconfirm-rtl div.jconfirm-closeIcon {
    left: 5px;
    right: auto;
}

.jconfirm.jconfirm-white .jconfirm-bg,
.jconfirm.jconfirm-light .jconfirm-bg {
    background-color: #444;
    opacity: .6;
}

.jconfirm.jconfirm-white .jconfirm-box,
.jconfirm.jconfirm-light .jconfirm-box {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0px;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
    float: right;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    text-shadow: none;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #333;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background: #ddd;
}

.jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0px;
}

.jconfirm.jconfirm-black .jconfirm-bg,
.jconfirm.jconfirm-dark .jconfirm-bg {
    background-color: darkslategray;
    opacity: .4;
}

.jconfirm.jconfirm-black .jconfirm-box,
.jconfirm.jconfirm-dark .jconfirm-box {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    background: #444;
    border-radius: 5px;
    color: white;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0px;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons {
    float: right;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button {
    border: none;
    background-image: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    text-shadow: none;
    -webkit-transition: background .1s;
    transition: background .1s;
    color: white;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    background: none;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background: #666;
}

.jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0px;
}

.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake {
    -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow {
    -webkit-animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

@-webkit-keyframes shake {
    10%,
    90% {
        -webkit-transform: translate3d(-2px, 0, 0);
        transform: translate3d(-2px, 0, 0);
    }
    20%,
    80% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0);
    }
    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-8px, 0, 0);
        transform: translate3d(-8px, 0, 0);
    }
    40%,
    60% {
        -webkit-transform: translate3d(8px, 0, 0);
        transform: translate3d(8px, 0, 0);
    }
}

@keyframes shake {
    10%,
    90% {
        -webkit-transform: translate3d(-2px, 0, 0);
        transform: translate3d(-2px, 0, 0);
    }
    20%,
    80% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0);
    }
    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-8px, 0, 0);
        transform: translate3d(-8px, 0, 0);
    }
    40%,
    60% {
        -webkit-transform: translate3d(8px, 0, 0);
        transform: translate3d(8px, 0, 0);
    }
}

@-webkit-keyframes glow {
    0%,
    100% {
        -webkit-box-shadow: 0 0 0px red;
        box-shadow: 0 0 0px red;
    }
    50% {
        -webkit-box-shadow: 0 0 30px red;
        box-shadow: 0 0 30px red;
    }
}

@keyframes glow {
    0%,
    100% {
        -webkit-box-shadow: 0 0 0px red;
        box-shadow: 0 0 0px red;
    }
    50% {
        -webkit-box-shadow: 0 0 30px red;
        box-shadow: 0 0 30px red;
    }
}

/*Transition rules*/
.jconfirm {
    -webkit-perspective: 400px;
    perspective: 400px;
}

.jconfirm .jconfirm-box {
    opacity: 1;
    -webkit-transition-property: all;
    transition-property: all;
}

.jconfirm .jconfirm-box.jconfirm-animation-top,
.jconfirm .jconfirm-box.jconfirm-animation-left,
.jconfirm .jconfirm-box.jconfirm-animation-right,
.jconfirm .jconfirm-box.jconfirm-animation-bottom,
.jconfirm .jconfirm-box.jconfirm-animation-opacity,
.jconfirm .jconfirm-box.jconfirm-animation-zoom,
.jconfirm .jconfirm-box.jconfirm-animation-scale,
.jconfirm .jconfirm-box.jconfirm-animation-none,
.jconfirm .jconfirm-box.jconfirm-animation-rotate,
.jconfirm .jconfirm-box.jconfirm-animation-rotatex,
.jconfirm .jconfirm-box.jconfirm-animation-rotatey,
.jconfirm .jconfirm-box.jconfirm-animation-scaley,
.jconfirm .jconfirm-box.jconfirm-animation-scalex {
    opacity: 0;
}

.jconfirm .jconfirm-box.jconfirm-animation-rotate {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatex {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatexr {
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatey {
    -webkit-transform: rotatey(90deg);
    transform: rotatey(90deg);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-rotateyr {
    -webkit-transform: rotatey(-90deg);
    transform: rotatey(-90deg);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-scaley {
    -webkit-transform: scaley(1.5);
    transform: scaley(1.5);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-scalex {
    -webkit-transform: scalex(1.5);
    transform: scalex(1.5);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-top {
    -webkit-transform: translate(0px, -100px);
    transform: translate(0px, -100px);
}

.jconfirm .jconfirm-box.jconfirm-animation-left {
    -webkit-transform: translate(-100px, 0px);
    transform: translate(-100px, 0px);
}

.jconfirm .jconfirm-box.jconfirm-animation-right {
    -webkit-transform: translate(100px, 0px);
    transform: translate(100px, 0px);
}

.jconfirm .jconfirm-box.jconfirm-animation-bottom {
    -webkit-transform: translate(0px, 100px);
    transform: translate(0px, 100px);
}

.jconfirm .jconfirm-box.jconfirm-animation-zoom {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.jconfirm .jconfirm-box.jconfirm-animation-scale {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}

.jconfirm .jconfirm-box.jconfirm-animation-none {
    visibility: hidden;
}

.jconfirm.jconfirm-supervan .jconfirm-bg {
    background-color: rgba(54, 70, 93, 0.95);
}

.jconfirm.jconfirm-supervan .jconfirm-box {
    background-color: transparent;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue {
    border: none;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green {
    border: none;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red {
    border: none;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange {
    border: none;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple {
    border: none;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark {
    border: none;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon {
    color: white;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c {
    text-align: center;
    color: white;
    font-size: 28px;
    font-weight: normal;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c > * {
    padding-bottom: 25px;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0px;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane {
    margin-bottom: 25px;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content {
    text-align: center;
    color: white;
}

.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons {
    text-align: center;
}

.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button {
    font-size: 16px;
    border-radius: 2px;
    background: #303f53;
    text-shadow: none;
    border: none;
    color: white;
    padding: 10px;
    min-width: 100px;
}

.jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0px;
}

.jconfirm.jconfirm-material .jconfirm-bg {
    background-color: rgba(0, 0, 0, 0.67);
}

.jconfirm.jconfirm-material .jconfirm-box {
    background-color: white;
    -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
    padding: 30px 25px 10px 25px;
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0px;
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon {
    color: rgba(0, 0, 0, 0.87);
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c {
    color: rgba(0, 0, 0, 0.87);
    font-size: 22px;
    font-weight: bold;
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content {
    color: rgba(0, 0, 0, 0.87);
}

    .jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons {
        text-align: right;
        outline: none;
    }

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button {
    text-transform: uppercase;
    font-weight: 500;
}

.jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-bg {
    background-color: rgba(0, 0, 0, 0.21);
}

.jconfirm.jconfirm-bootstrap .jconfirm-box {
    background-color: white;
    -webkit-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2);
    border: solid 1px rgba(0, 0, 0, 0.4);
    padding: 15px 0 0;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon {
    color: rgba(0, 0, 0, 0.87);
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c {
    color: rgba(0, 0, 0, 0.87);
    font-size: 22px;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content {
    color: rgba(0, 0, 0, 0.87);
    padding: 0px 15px;
}

    .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons {
        text-align: right;
        padding: 10px;
        margin: -5px 0 0px;
        border-top: solid 1px #ddd;
        overflow: hidden;
        border-radius: 0 0 4px 4px;
        outline: none;
    }

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button {
    font-weight: 500;
}

.jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0px;
}

.jconfirm.jconfirm-modern .jconfirm-bg {
    background-color: slategray;
    opacity: .6;
}

.jconfirm.jconfirm-modern .jconfirm-box {
    background-color: white;
    -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
    padding: 30px 30px 15px;
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon {
    color: rgba(0, 0, 0, 0.87);
    top: 15px;
    right: 15px;
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c {
    color: rgba(0, 0, 0, 0.87);
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transform: scale(0);
    transform: scale(0);
    display: block;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 10px;
    font-size: 69px;
    color: #aaa;
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
    text-align: center;
    font-size: 15px;
    color: #777;
    margin-bottom: 25px;
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons {
    text-align: center;
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button {
    font-weight: bold;
    text-transform: uppercase;
    -webkit-transition: background .1s;
    transition: background .1s;
    padding: 10px 20px;
    outline:none;
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button + button {
    margin-left: 4px;
}

.jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    -webkit-transform: scale(1);
    transform: scale(1);
}

@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation: ripple 1s ease-out;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
@-webkit-keyframes ripple {
    0% {
        transform: scale(0, 0);
        opacity: 1;
    }

    20% {
        transform: scale(25, 25);
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: scale(40, 40);
    }
}
@keyframes ripple {
    0% {
        transform: scale(0, 0);
        opacity: 1;
    }

    20% {
        transform: scale(25, 25);
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: scale(40, 40);
    }
}
.ripple {
    animation: ripple 1s ease-out;
    animation-name: ripple;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  11.1% {
    -webkit-transform: none;
            transform: none
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg)
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg)
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg)
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg)
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg)
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg)
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
  }
  100% {
    -webkit-transform: none;
            transform: none
  }
}

@keyframes jello {
  11.1% {
    -webkit-transform: none;
            transform: none
  }

  22.2% {

    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg)
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg)
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg)
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg)
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg)
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg)
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
  }
  100% {
    -webkit-transform: none;
            transform: none
  }
}



.jello{
    -webkit-animation-name:jello;
            animation-name:jello;
    -webkit-transform-origin: center;

            transform-origin: center
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/* fallback */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url('../iconFont/Material.woff2') format('woff2');
}
@font-face {
    font-family: 'Quantify';
    src: url('../Font/Quantify.ttf') format('truetype');
    font-style: normal;
    font-weight: 400;
}
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}
@font-face {
    font-family: 'Roboto-Black';
    src: url('../Font/Roboto-Black.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto-BlackItalic';
    src: url('../Font/Roboto-BlackItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto-Bold';
    src: url('../Font/Roboto-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto-BoldCondensed';
    src: url('../Font/Roboto-BoldCondensed.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto-BoldCondensedItalic';
    src: url('../Font/Roboto-BoldCondensedItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto-BoldItalic';
    src: url('../Font/Roboto-BoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto-Condensed';
    src: url('../Font/Roboto-Condensed.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto-CondensedItalic';
    src: url('../Font/Roboto-CondensedItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto-Italic';
    src: url('../Font/Roboto-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto-Light';
    src: url('../Font/Roboto-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto-LightItalic';
    src: url('../Font/Roboto-LightItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto-Medium';
    src: url('../Font/Roboto-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto-MediumItalic';
    src: url('../Font/Roboto-MediumItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto-Regular';
    src: url('../Font/Roboto-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto-Thin';
    src: url('../Font/Roboto-Thin.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto-ThinItalic';
    src: url('../Font/Roboto-ThinItalic.ttf') format('truetype');
}


@font-face {
    font-family: 'icomoon';
    src: url('../iconFont/icomoon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-damacana:before {
    content: "\e900";
}

.icon-forklift16:before {
    content: "\e901";
}

.icon-forklift24:before {
    content: "\e902";
}

.icon-hirdavat:before {
    content: "\e903";
}

.icon-piknikdar:before {
    content: "\e904";
}

.icon-piknikgenis:before {
    content: "\e905";
}

.icon-tombul:before {
    content: "\e906";
}

.icon-uzun:before {
    content: "\e907";
}

.icon-uzun24:before {
    content: "\e908";
}

.icon-uzun45:before {
    content: "\e909";
}

.ui-loader {
    display: none !important;
}

.ui-mobile [data-role=page],
.ui-mobile [data-role=dialog],
.ui-page {
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    position: absolute;
    display: none;
    border: 0;
    overflow: hidden;
    
}
/* On ios4, setting focus on the page element causes flashing during transitions when there is an outline, so we turn off outlines */
.ui-page {
    outline: none;
    overflow: hidden;
    
}

.ui-mobile .ui-page-active {
    display: block;
   overflow:hidden;
}


/* Fouc */
.ui-mobile-rendering > * {
    visibility: hidden;
}


.ui-content {
    border-width: 0;
    overflow: visible;
    overflow-x: hidden;
    padding: 1em;
}


/* Used for hiding elements by the filterable widget. You can also use this class to hide list items or buttons in controlgroups; this ensures correct corner styling. */
.ui-screen-hidden {
    display: none !important;
}


/* Transitions originally inspired by those from jQtouch, nice work, folks */
.ui-mobile-viewport-transitioning,
.ui-mobile-viewport-transitioning .ui-page {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-page-pre-in {
    opacity: 0;
}

.in {
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: 350ms;
    -moz-animation-timing-function: ease-out;
    -moz-animation-duration: 350ms;
    animation-timing-function: ease-out;
    animation-duration: 350ms;
}

.out {
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 225ms;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 225ms;
    animation-timing-function: ease-in;
    animation-duration: 225ms;
}


@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-moz-keyframes fadeout {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fade.out {
    opacity: 0;
    -webkit-animation-duration: 125ms;
    -webkit-animation-name: fadeout;
    -moz-animation-duration: 125ms;
    -moz-animation-name: fadeout;
    animation-duration: 125ms;
    animation-name: fadeout;
}

.fade.in {
    opacity: 1;
    -webkit-animation-duration: 225ms;
    -webkit-animation-name: fadein;
    -moz-animation-duration: 225ms;
    -moz-animation-name: fadein;
    animation-duration: 225ms;
    animation-name: fadein;
}


.pop {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

    .pop.in {
        -webkit-transform: scale(1);
        -webkit-animation-name: popin;
        -webkit-animation-duration: 200ms;
        -moz-transform: scale(1);
        -moz-animation-name: popin;
        -moz-animation-duration: 200ms;
        transform: scale(1);
        animation-name: popin;
        animation-duration: 200ms;
        opacity: 1;
    }

    .pop.out {
        -webkit-animation-name: fadeout;
        -webkit-animation-duration: 100ms;
        -moz-animation-name: fadeout;
        -moz-animation-duration: 100ms;
        animation-name: fadeout;
        animation-duration: 100ms;
        opacity: 0;
    }

    .pop.in.reverse {
        -webkit-animation-name: fadein;
        -moz-animation-name: fadein;
        animation-name: fadein;
    }

    .pop.out.reverse {
        -webkit-transform: scale(.8);
        -webkit-animation-name: popout;
        -moz-transform: scale(.8);
        -moz-animation-name: popout;
        transform: scale(.8);
        animation-name: popout;
    }



@keyframes popin {
    from {

        transform: scale(1.4);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
      
    }
}



@keyframes popout {
    from {
        transform: scale(1);
        opacity: 1;
    }

    to {
        transform: scale(.8);
        opacity: 0;
    }
}


.ui-popup-open .ui-header-fixed,
.ui-popup-open .ui-footer-fixed {
    position: absolute !important; /* See issues #4816, #4844 and #4874 and popup.js */
}

.ui-popup-screen {
    top: 0;
    left: 0;
    right: 0;
    bottom: 1px;
    position: absolute;
    filter: Alpha(Opacity=0);
    opacity: 0;
    z-index: 1099;

}

    .ui-popup-screen.in {
        background-color: #444;
        opacity: .5;
        transition: opacity .7s;
    }

    .ui-popup-screen.out {
        opacity: 0;
        filter: Alpha(Opacity=0);
    }

.ui-popup-container {
    z-index: 9999999;
    position: absolute;
    padding: 0 10px 10px 10px;
    outline: 0;
    background: #ffffff;
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
    overflow: hidden;
    border-radius: 5px;
}

.ui-popup {
    position: relative;
    border-radius: 5px;
}

.ui-popup-hidden {
    left: 0;
    top: 0;
    position: absolute !important;
    visibility: hidden;
}

.ui-popup-truncate {
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
}

.ui-popup.ui-content,
.ui-popup .ui-content {
    overflow: visible;
   
}

.ui-popup > .ui-header {
    border-top-width: 0;
}

.ui-popup > .ui-footer {
    border-bottom-width: 0;
}

.ui-popup > p,
.ui-popup > h1,
.ui-popup > h2,
.ui-popup > h3,
.ui-popup > h4,
.ui-popup > h5,
.ui-popup > h6 {
    margin: .5em .4375em;
}

.ui-popup > span {
    display: block;
    margin: .5em .4375em;
}

.ui-popup-container .ui-content > p,
.ui-popup-container .ui-content > h1,
.ui-popup-container .ui-content > h2,
.ui-popup-container .ui-content > h3,
.ui-popup-container .ui-content > h4,
.ui-popup-container .ui-content > h5,
.ui-popup-container .ui-content > h6 {
    margin: .5em 0;
}

.ui-popup-container .ui-content > span {
    margin: 0;
}

.ui-popup-container .ui-content > p:first-child,
.ui-popup-container .ui-content > h1:first-child,
.ui-popup-container .ui-content > h2:first-child,
.ui-popup-container .ui-content > h3:first-child,
.ui-popup-container .ui-content > h4:first-child,
.ui-popup-container .ui-content > h5:first-child,
.ui-popup-container .ui-content > h6:first-child {
    margin-top: 0;
}

.ui-popup-container .ui-content > p:last-child,
.ui-popup-container .ui-content > h1:last-child,
.ui-popup-container .ui-content > h2:last-child,
.ui-popup-container .ui-content > h3:last-child,
.ui-popup-container .ui-content > h4:last-child,
.ui-popup-container .ui-content > h5:last-child,
.ui-popup-container .ui-content > h6:last-child {
    margin-bottom: 0;
}

.ui-popup > img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.ui-popup:not(.ui-content) > img:only-child,
.ui-popup:not(.ui-content) > .ui-btn-left:first-child + img:last-child,
.ui-popup:not(.ui-content) > .ui-btn-right:first-child + img:last-child {
    -webkit-border-radius: inherit;
    border-radius: inherit;
}

.ui-popup iframe {
    vertical-align: middle;
}

.ui-popup > .ui-btn-left,
.ui-popup > .ui-btn-right {
    position: absolute;
    top: -11px;
    margin: 0;
    z-index: 1101;
}

.ui-popup > .ui-btn-left {
    left: -11px;
}

.ui-popup > .ui-btn-right {
    right: -11px;
}


@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-moz-keyframes fadeout {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fade.out {
    opacity: 0;
    -webkit-animation-duration: 125ms;
    -webkit-animation-name: fadeout;
    -moz-animation-duration: 125ms;
    -moz-animation-name: fadeout;
    animation-duration: 125ms;
    animation-name: fadeout;
}

.fade.in {
    opacity: 1;
    -webkit-animation-duration: 225ms;
    -webkit-animation-name: fadein;
    -moz-animation-duration: 225ms;
    -moz-animation-name: fadein;
    animation-duration: 225ms;
    animation-name: fadein;
}


/* Dimensions related to the popup arrow
-----------------------------------------------------------------------------------------------------------*/
/* desired triangle height: 10px */

/**
 * guide for the arrow - its width, height, and offset are theme-dependent and
 * should be expessed as left, right, top, bottom, so that the element bearing
 * such a class becomes stretched inside its parent position: relative element.
 * The left/top/right/bottom specified below should reflect the corresponding
 * border radii and so it leaves room for the shadow:
 *     ..--------------------..
 *   ."        ^ top           ".
 *  /          v                 \
 * |     +------------------+     |
 * |     |                  |     |
 * | left|                  |right|
 * |<--->|                  |<--->|
 * |     +------------------+     |
 *  \          ^                 /
 *   `.        v bottom        .'
 *     ""--------------------""
 * The idea is that the top/left of the arrow container box does not move to a
 * coordinate smaller than the top/left of the guide and the right/bottom of
 * the arrow container box does not move to a coordinate larger than the
 * bottom/right of the guide. This will help us avoid the following situation:
 *        ..--------------------..
 *      ."        ^ top           ".
 *   /|/          v                 \
 *  / |     +------------------+     |
 *  \ |     |                  |     |
 *   \| left|                  |right|
 *    |<--->|                  |<--->|
 *    |     +------------------+     |
 *     \          ^                 /
 *      `.        v bottom        .'
 *        ""--------------------""
 * The arrow should not receive a top/left coordinate such that it is too close
 * to one of the corners, because then at first the shadow of the arrow and,
 * given a coordinate even closer to the corner, even the body of the arrow will
 * "stick out" of the corner of the popup. The guide provides a hint to the
 * arrow positioning code as to which range of values is acceptable for the
 * arrow container's top/left coordinate.
 **/

.ui-popup-arrow-container {
    width: 20px;
    height: 20px;
}

    /* aside from the "infinities" (-1000,2000), triangle height is used */
    .ui-popup-arrow-container.ui-popup-arrow-l {
        left: -10px;
        clip: rect(-1000px,10px,2000px,-1000px);
    }

    .ui-popup-arrow-container.ui-popup-arrow-t {
        top: -10px;
        clip: rect(-1000px,2000px,10px,-1000px);
    }

    .ui-popup-arrow-container.ui-popup-arrow-r {
        right: -10px;
        clip: rect(-1000px,2000px,2000px,10px);
    }

    .ui-popup-arrow-container.ui-popup-arrow-b {
        bottom: -10px;
        clip: rect(10px,2000px,1000px,-1000px);
    }

    /**
 * For each side, the arrow is twice the desired size and its corner is aligned
 * with the edge of the container:
 *                                           
 *           /\         /\                +----+       /\
 *          /  \       /  \               | /\ |top   /  \
 *      +----+  \     /  +----+       +-->|/  \|     /    \
 *  left| /  |   \   /   |  \ |right  |   |    |    /      \
 *      |/   |    \ /    |   \|       |  /|    |\  /        \
 *      |\   |    / \    |   /|       | / +----+ \ \ +----+ /
 *      | \  |   /   \   |  / |       | \        /  \|    |/
 *      +----+  /     \  +----+       |  \      /    |    |
 *       ^  \  /       \  /  ^        |   \    /  +->|\  /|
 *       |   \/         \/   |        |    \  /   |  | \/ |bottom
 *       |                   |        |     \/    |  +----+
 *       +-------------------+--------+-----------+
 *                           |
 *                    arrow container
 *                     (clips arrow)
 **/

    .ui-popup-arrow-container .ui-popup-arrow {
        /* (4*desired triangle height)/sqrt(2) - does not account for border - centred within the outer rectangle */
        width: 28.284271247px;
        height: 28.284271247px;
        border-width: 1px;
        border-style: solid;
    }

    .ui-popup-arrow-container.ui-popup-arrow-t .ui-popup-arrow {
        left: -4.142135623px;
        top: 5.857864376px;
    }

    .ui-popup-arrow-container.ui-popup-arrow-b .ui-popup-arrow {
        left: -4.142135623px;
        top: -14.142135623px;
    }

    .ui-popup-arrow-container.ui-popup-arrow-l .ui-popup-arrow {
        left: 5.857864376px;
        top: -4.142135623px;
    }

    .ui-popup-arrow-container.ui-popup-arrow-r .ui-popup-arrow {
        left: -14.142135623px;
        top: -4.142135623px;
    }

    /* Fix rotation center for oldIE - see http://www.useragentman.com/IETransformsTranslator/ */
    .ui-popup-arrow-container.ui-popup-arrow-t.ie .ui-popup-arrow {
        margin-left: -5.857864376269049px;
        margin-top: -7.0710678118654755px;
    }

    .ui-popup-arrow-container.ui-popup-arrow-b.ie .ui-popup-arrow {
        margin-left: -5.857864376269049px;
        margin-top: -4.142135623730951px;
    }

    .ui-popup-arrow-container.ui-popup-arrow-l.ie .ui-popup-arrow {
        margin-left: -7.0710678118654755px;
        margin-top: -5.857864376269049px;
    }

    .ui-popup-arrow-container.ui-popup-arrow-r.ie .ui-popup-arrow {
        margin-left: -4.142135623730951px;
        margin-top: -5.857864376269049px;
    }

/* structure */
.ui-popup > .ui-popup-arrow-guide {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    visibility: hidden;
}

.ui-popup-arrow-container {
    position: absolute;
}

.ui-popup-arrow {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    overflow: hidden;
    box-sizing: border-box;
}

.ui-popup-arrow-container.ie .ui-popup-arrow {
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865474, SizingMethod='auto expand')";
    filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.7071067811865474, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865474, SizingMethod='auto expand');
}

/**
 * material-design-lite - Material Design Components in CSS, JS and HTML
 * @version v1.3.0
 * @license Apache-2.0
 * @copyright 2015 Google, Inc.
 * @link https://github.com/google/material-design-lite
 */
@charset "UTF-8";
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Material Design Lite */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
  color: rgba(0,0,0, 0.87);
  font-size: 1em;
  line-height: 1.4; }

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }
::selection {
  background: #b3d4fc;
  text-shadow: none; }

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical; }

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers:
 */
.hidden {
  display: none !important; }

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */ }

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */ }

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  *,
  *:before,
  *:after,
  *:first-letter {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Remove the unwanted box around FAB buttons */
/* More info: http://goo.gl/IPwKi */
a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
.mdl-icon-toggle, .mdl-item, .mdl-radio, .mdl-slider, .mdl-switch, .mdl-tabs__tab {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

/*
 * Make html take up the entire screen
 * Then set touch-action to avoid touch delay on mobile IE
 */
html {
  width: 100%;
  height: 100%;
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

/*
* Make body take up the entire screen
* Remove body margin so layout containers don't cause extra overflow.
*/
body {
  width: 100%;
  min-height: 100%;
  margin: 0; }

/*
 * Main display reset for IE support.
 * Source: http://weblog.west-wind.com/posts/2015/Jan/12/main-HTML5-Tag-not-working-in-Internet-Explorer-91011
 */
main {
  display: block; }

/*
* Apply no display to elements with the hidden attribute.
* IE 9 and 10 support.
*/
*[hidden] {
  display: none !important; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
html, body {
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px; }

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0; }

/**
  * Styles for HTML elements
  */
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
  opacity: 0.54;
  font-size: 0.6em; }

h1 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
  margin-top: 24px;
  margin-bottom: 24px; }

h2 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 48px;
  margin-top: 24px;
  margin-bottom: 24px; }

h3 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
  margin-top: 24px;
  margin-bottom: 24px; }

h4 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 24px;
  margin-bottom: 16px; }

h5 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
  margin-top: 24px;
  margin-bottom: 16px; }

h6 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  margin-top: 24px;
  margin-bottom: 16px; }

p {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  margin-bottom: 16px; }

a {
  color: rgb(255,64,129);
  font-weight: 500; }

blockquote {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  position: relative;
  font-size: 24px;
  font-weight: 300;
  font-style: italic;
  line-height: 1.35;
  letter-spacing: 0.08em; }
  blockquote:before {
    position: absolute;
    left: -0.5em;
    content: '“'; }
  blockquote:after {
    content: '”';
    margin-left: -0.05em; }

mark {
  background-color: #f4ff81; }

dt {
  font-weight: 700; }

address {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  font-style: normal; }

ul, ol {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0; }

/**
 * Class Name Styles
 */
.mdl-typography--display-4 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 112px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.04em; }

.mdl-typography--display-4-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 112px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.04em;
  opacity: 0.54; }

.mdl-typography--display-3 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em; }

.mdl-typography--display-3-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
  opacity: 0.54; }

.mdl-typography--display-2 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 48px; }

.mdl-typography--display-2-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 48px;
  opacity: 0.54; }

.mdl-typography--display-1 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 40px; }

.mdl-typography--display-1-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
  opacity: 0.54; }

.mdl-typography--headline {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  -moz-osx-font-smoothing: grayscale; }

.mdl-typography--headline-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0.87; }

.mdl-typography--title {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em; }

.mdl-typography--title-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
  opacity: 0.87; }

.mdl-typography--subhead {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em; }

.mdl-typography--subhead-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  opacity: 0.87; }

.mdl-typography--body-2 {
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0; }

.mdl-typography--body-2-color-contrast {
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87; }

.mdl-typography--body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0; }

.mdl-typography--body-1-color-contrast {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87; }

.mdl-typography--body-2-force-preferred-font {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0; }

.mdl-typography--body-2-force-preferred-font-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87; }

.mdl-typography--body-1-force-preferred-font {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0; }

.mdl-typography--body-1-force-preferred-font-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87; }

.mdl-typography--caption {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0; }

.mdl-typography--caption-force-preferred-font {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0; }

.mdl-typography--caption-color-contrast {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0.54; }

.mdl-typography--caption-force-preferred-font-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0.54; }

.mdl-typography--menu {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0; }

.mdl-typography--menu-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0.87; }

.mdl-typography--button {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0; }

.mdl-typography--button-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0.87; }

.mdl-typography--text-left {
  text-align: left; }

.mdl-typography--text-right {
  text-align: right; }

.mdl-typography--text-center {
  text-align: center; }

.mdl-typography--text-justify {
  text-align: justify; }

.mdl-typography--text-nowrap {
  white-space: nowrap; }

.mdl-typography--text-lowercase {
  text-transform: lowercase; }

.mdl-typography--text-uppercase {
  text-transform: uppercase; }

.mdl-typography--text-capitalize {
  text-transform: capitalize; }

.mdl-typography--font-thin {
  font-weight: 200 !important; }

.mdl-typography--font-light {
  font-weight: 300 !important; }

.mdl-typography--font-regular {
  font-weight: 400 !important; }

.mdl-typography--font-medium {
  font-weight: 500 !important; }

.mdl-typography--font-bold {
  font-weight: 700 !important; }

.mdl-typography--font-black {
  font-weight: 900 !important; }

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  word-wrap: normal;
  -moz-font-feature-settings: 'liga';
       font-feature-settings: 'liga';
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-color-text--red {
  color: rgb(244,67,54) !important; }

.mdl-color--red {
  background-color: rgb(244,67,54) !important; }

.mdl-color-text--red-50 {
  color: rgb(255,235,238) !important; }

.mdl-color--red-50 {
  background-color: rgb(255,235,238) !important; }

.mdl-color-text--red-100 {
  color: rgb(255,205,210) !important; }

.mdl-color--red-100 {
  background-color: rgb(255,205,210) !important; }

.mdl-color-text--red-200 {
  color: rgb(239,154,154) !important; }

.mdl-color--red-200 {
  background-color: rgb(239,154,154) !important; }

.mdl-color-text--red-300 {
  color: rgb(229,115,115) !important; }

.mdl-color--red-300 {
  background-color: rgb(229,115,115) !important; }

.mdl-color-text--red-400 {
  color: rgb(239,83,80) !important; }

.mdl-color--red-400 {
  background-color: rgb(239,83,80) !important; }

.mdl-color-text--red-500 {
  color: rgb(244,67,54) !important; }

.mdl-color--red-500 {
  background-color: rgb(244,67,54) !important; }

.mdl-color-text--red-600 {
  color: rgb(229,57,53) !important; }

.mdl-color--red-600 {
  background-color: rgb(229,57,53) !important; }

.mdl-color-text--red-700 {
  color: rgb(211,47,47) !important; }

.mdl-color--red-700 {
  background-color: rgb(211,47,47) !important; }

.mdl-color-text--red-800 {
  color: rgb(198,40,40) !important; }

.mdl-color--red-800 {
  background-color: rgb(198,40,40) !important; }

.mdl-color-text--red-900 {
  color: rgb(183,28,28) !important; }

.mdl-color--red-900 {
  background-color: rgb(183,28,28) !important; }

.mdl-color-text--red-A100 {
  color: rgb(255,138,128) !important; }

.mdl-color--red-A100 {
  background-color: rgb(255,138,128) !important; }

.mdl-color-text--red-A200 {
  color: rgb(255,82,82) !important; }

.mdl-color--red-A200 {
  background-color: rgb(255,82,82) !important; }

.mdl-color-text--red-A400 {
  color: rgb(255,23,68) !important; }

.mdl-color--red-A400 {
  background-color: rgb(255,23,68) !important; }

.mdl-color-text--red-A700 {
  color: rgb(213,0,0) !important; }

.mdl-color--red-A700 {
  background-color: rgb(213,0,0) !important; }

.mdl-color-text--pink {
  color: rgb(233,30,99) !important; }

.mdl-color--pink {
  background-color: rgb(233,30,99) !important; }

.mdl-color-text--pink-50 {
  color: rgb(252,228,236) !important; }

.mdl-color--pink-50 {
  background-color: rgb(252,228,236) !important; }

.mdl-color-text--pink-100 {
  color: rgb(248,187,208) !important; }

.mdl-color--pink-100 {
  background-color: rgb(248,187,208) !important; }

.mdl-color-text--pink-200 {
  color: rgb(244,143,177) !important; }

.mdl-color--pink-200 {
  background-color: rgb(244,143,177) !important; }

.mdl-color-text--pink-300 {
  color: rgb(240,98,146) !important; }

.mdl-color--pink-300 {
  background-color: rgb(240,98,146) !important; }

.mdl-color-text--pink-400 {
  color: rgb(236,64,122) !important; }

.mdl-color--pink-400 {
  background-color: rgb(236,64,122) !important; }

.mdl-color-text--pink-500 {
  color: rgb(233,30,99) !important; }

.mdl-color--pink-500 {
  background-color: rgb(233,30,99) !important; }

.mdl-color-text--pink-600 {
  color: rgb(216,27,96) !important; }

.mdl-color--pink-600 {
  background-color: rgb(216,27,96) !important; }

.mdl-color-text--pink-700 {
  color: rgb(194,24,91) !important; }

.mdl-color--pink-700 {
  background-color: rgb(194,24,91) !important; }

.mdl-color-text--pink-800 {
  color: rgb(173,20,87) !important; }

.mdl-color--pink-800 {
  background-color: rgb(173,20,87) !important; }

.mdl-color-text--pink-900 {
  color: rgb(136,14,79) !important; }

.mdl-color--pink-900 {
  background-color: rgb(136,14,79) !important; }

.mdl-color-text--pink-A100 {
  color: rgb(255,128,171) !important; }

.mdl-color--pink-A100 {
  background-color: rgb(255,128,171) !important; }

.mdl-color-text--pink-A200 {
  color: rgb(255,64,129) !important; }

.mdl-color--pink-A200 {
  background-color: rgb(255,64,129) !important; }

.mdl-color-text--pink-A400 {
  color: rgb(245,0,87) !important; }

.mdl-color--pink-A400 {
  background-color: rgb(245,0,87) !important; }

.mdl-color-text--pink-A700 {
  color: rgb(197,17,98) !important; }

.mdl-color--pink-A700 {
  background-color: rgb(197,17,98) !important; }

.mdl-color-text--purple {
  color: rgb(156,39,176) !important; }

.mdl-color--purple {
  background-color: rgb(156,39,176) !important; }

.mdl-color-text--purple-50 {
  color: rgb(243,229,245) !important; }

.mdl-color--purple-50 {
  background-color: rgb(243,229,245) !important; }

.mdl-color-text--purple-100 {
  color: rgb(225,190,231) !important; }

.mdl-color--purple-100 {
  background-color: rgb(225,190,231) !important; }

.mdl-color-text--purple-200 {
  color: rgb(206,147,216) !important; }

.mdl-color--purple-200 {
  background-color: rgb(206,147,216) !important; }

.mdl-color-text--purple-300 {
  color: rgb(186,104,200) !important; }

.mdl-color--purple-300 {
  background-color: rgb(186,104,200) !important; }

.mdl-color-text--purple-400 {
  color: rgb(171,71,188) !important; }

.mdl-color--purple-400 {
  background-color: rgb(171,71,188) !important; }

.mdl-color-text--purple-500 {
  color: rgb(156,39,176) !important; }

.mdl-color--purple-500 {
  background-color: rgb(156,39,176) !important; }

.mdl-color-text--purple-600 {
  color: rgb(142,36,170) !important; }

.mdl-color--purple-600 {
  background-color: rgb(142,36,170) !important; }

.mdl-color-text--purple-700 {
  color: rgb(123,31,162) !important; }

.mdl-color--purple-700 {
  background-color: rgb(123,31,162) !important; }

.mdl-color-text--purple-800 {
  color: rgb(106,27,154) !important; }

.mdl-color--purple-800 {
  background-color: rgb(106,27,154) !important; }

.mdl-color-text--purple-900 {
  color: rgb(74,20,140) !important; }

.mdl-color--purple-900 {
  background-color: rgb(74,20,140) !important; }

.mdl-color-text--purple-A100 {
  color: rgb(234,128,252) !important; }

.mdl-color--purple-A100 {
  background-color: rgb(234,128,252) !important; }

.mdl-color-text--purple-A200 {
  color: rgb(224,64,251) !important; }

.mdl-color--purple-A200 {
  background-color: rgb(224,64,251) !important; }

.mdl-color-text--purple-A400 {
  color: rgb(213,0,249) !important; }

.mdl-color--purple-A400 {
  background-color: rgb(213,0,249) !important; }

.mdl-color-text--purple-A700 {
  color: rgb(170,0,255) !important; }

.mdl-color--purple-A700 {
  background-color: rgb(170,0,255) !important; }

.mdl-color-text--deep-purple {
  color: rgb(103,58,183) !important; }

.mdl-color--deep-purple {
  background-color: rgb(103,58,183) !important; }

.mdl-color-text--deep-purple-50 {
  color: rgb(237,231,246) !important; }

.mdl-color--deep-purple-50 {
  background-color: rgb(237,231,246) !important; }

.mdl-color-text--deep-purple-100 {
  color: rgb(209,196,233) !important; }

.mdl-color--deep-purple-100 {
  background-color: rgb(209,196,233) !important; }

.mdl-color-text--deep-purple-200 {
  color: rgb(179,157,219) !important; }

.mdl-color--deep-purple-200 {
  background-color: rgb(179,157,219) !important; }

.mdl-color-text--deep-purple-300 {
  color: rgb(149,117,205) !important; }

.mdl-color--deep-purple-300 {
  background-color: rgb(149,117,205) !important; }

.mdl-color-text--deep-purple-400 {
  color: rgb(126,87,194) !important; }

.mdl-color--deep-purple-400 {
  background-color: rgb(126,87,194) !important; }

.mdl-color-text--deep-purple-500 {
  color: rgb(103,58,183) !important; }

.mdl-color--deep-purple-500 {
  background-color: rgb(103,58,183) !important; }

.mdl-color-text--deep-purple-600 {
  color: rgb(94,53,177) !important; }

.mdl-color--deep-purple-600 {
  background-color: rgb(94,53,177) !important; }

.mdl-color-text--deep-purple-700 {
  color: rgb(81,45,168) !important; }

.mdl-color--deep-purple-700 {
  background-color: rgb(81,45,168) !important; }

.mdl-color-text--deep-purple-800 {
  color: rgb(69,39,160) !important; }

.mdl-color--deep-purple-800 {
  background-color: rgb(69,39,160) !important; }

.mdl-color-text--deep-purple-900 {
  color: rgb(49,27,146) !important; }

.mdl-color--deep-purple-900 {
  background-color: rgb(49,27,146) !important; }

.mdl-color-text--deep-purple-A100 {
  color: rgb(179,136,255) !important; }

.mdl-color--deep-purple-A100 {
  background-color: rgb(179,136,255) !important; }

.mdl-color-text--deep-purple-A200 {
  color: rgb(124,77,255) !important; }

.mdl-color--deep-purple-A200 {
  background-color: rgb(124,77,255) !important; }

.mdl-color-text--deep-purple-A400 {
  color: rgb(101,31,255) !important; }

.mdl-color--deep-purple-A400 {
  background-color: rgb(101,31,255) !important; }

.mdl-color-text--deep-purple-A700 {
  color: rgb(98,0,234) !important; }

.mdl-color--deep-purple-A700 {
  background-color: rgb(98,0,234) !important; }

.mdl-color-text--indigo {
  color: rgb(63,81,181) !important; }

.mdl-color--indigo {
  background-color: rgb(63,81,181) !important; }

.mdl-color-text--indigo-50 {
  color: rgb(232,234,246) !important; }

.mdl-color--indigo-50 {
  background-color: rgb(232,234,246) !important; }

.mdl-color-text--indigo-100 {
  color: rgb(197,202,233) !important; }

.mdl-color--indigo-100 {
  background-color: rgb(197,202,233) !important; }

.mdl-color-text--indigo-200 {
  color: rgb(159,168,218) !important; }

.mdl-color--indigo-200 {
  background-color: rgb(159,168,218) !important; }

.mdl-color-text--indigo-300 {
  color: rgb(121,134,203) !important; }

.mdl-color--indigo-300 {
  background-color: rgb(121,134,203) !important; }

.mdl-color-text--indigo-400 {
  color: rgb(92,107,192) !important; }

.mdl-color--indigo-400 {
  background-color: rgb(92,107,192) !important; }

.mdl-color-text--indigo-500 {
  color: rgb(63,81,181) !important; }

.mdl-color--indigo-500 {
  background-color: rgb(63,81,181) !important; }

.mdl-color-text--indigo-600 {
  color: rgb(57,73,171) !important; }

.mdl-color--indigo-600 {
  background-color: rgb(57,73,171) !important; }

.mdl-color-text--indigo-700 {
  color: rgb(48,63,159) !important; }

.mdl-color--indigo-700 {
  background-color: rgb(48,63,159) !important; }

.mdl-color-text--indigo-800 {
  color: rgb(40,53,147) !important; }

.mdl-color--indigo-800 {
  background-color: rgb(40,53,147) !important; }

.mdl-color-text--indigo-900 {
  color: rgb(26,35,126) !important; }

.mdl-color--indigo-900 {
  background-color: rgb(26,35,126) !important; }

.mdl-color-text--indigo-A100 {
  color: rgb(140,158,255) !important; }

.mdl-color--indigo-A100 {
  background-color: rgb(140,158,255) !important; }

.mdl-color-text--indigo-A200 {
  color: rgb(83,109,254) !important; }

.mdl-color--indigo-A200 {
  background-color: rgb(83,109,254) !important; }

.mdl-color-text--indigo-A400 {
  color: rgb(61,90,254) !important; }

.mdl-color--indigo-A400 {
  background-color: rgb(61,90,254) !important; }

.mdl-color-text--indigo-A700 {
  color: rgb(48,79,254) !important; }

.mdl-color--indigo-A700 {
  background-color: rgb(48,79,254) !important; }

.mdl-color-text--blue {
  color: rgb(33,150,243) !important; }

.mdl-color--blue {
  background-color: rgb(33,150,243) !important; }

.mdl-color-text--blue-50 {
  color: rgb(227,242,253) !important; }

.mdl-color--blue-50 {
  background-color: rgb(227,242,253) !important; }

.mdl-color-text--blue-100 {
  color: rgb(187,222,251) !important; }

.mdl-color--blue-100 {
  background-color: rgb(187,222,251) !important; }

.mdl-color-text--blue-200 {
  color: rgb(144,202,249) !important; }

.mdl-color--blue-200 {
  background-color: rgb(144,202,249) !important; }

.mdl-color-text--blue-300 {
  color: rgb(100,181,246) !important; }

.mdl-color--blue-300 {
  background-color: rgb(100,181,246) !important; }

.mdl-color-text--blue-400 {
  color: rgb(66,165,245) !important; }

.mdl-color--blue-400 {
  background-color: rgb(66,165,245) !important; }

.mdl-color-text--blue-500 {
  color: rgb(33,150,243) !important; }

.mdl-color--blue-500 {
  background-color: rgb(33,150,243) !important; }

.mdl-color-text--blue-600 {
  color: rgb(30,136,229) !important; }

.mdl-color--blue-600 {
  background-color: rgb(30,136,229) !important; }

.mdl-color-text--blue-700 {
  color: rgb(25,118,210) !important; }

.mdl-color--blue-700 {
  background-color: rgb(25,118,210) !important; }

.mdl-color-text--blue-800 {
  color: rgb(21,101,192) !important; }

.mdl-color--blue-800 {
  background-color: rgb(21,101,192) !important; }

.mdl-color-text--blue-900 {
  color: rgb(13,71,161) !important; }

.mdl-color--blue-900 {
  background-color: rgb(13,71,161) !important; }

.mdl-color-text--blue-A100 {
  color: rgb(130,177,255) !important; }

.mdl-color--blue-A100 {
  background-color: rgb(130,177,255) !important; }

.mdl-color-text--blue-A200 {
  color: rgb(68,138,255) !important; }

.mdl-color--blue-A200 {
  background-color: rgb(68,138,255) !important; }

.mdl-color-text--blue-A400 {
  color: rgb(41,121,255) !important; }

.mdl-color--blue-A400 {
  background-color: rgb(41,121,255) !important; }

.mdl-color-text--blue-A700 {
  color: rgb(41,98,255) !important; }

.mdl-color--blue-A700 {
  background-color: rgb(41,98,255) !important; }

.mdl-color-text--light-blue {
  color: rgb(3,169,244) !important; }

.mdl-color--light-blue {
  background-color: rgb(3,169,244) !important; }

.mdl-color-text--light-blue-50 {
  color: rgb(225,245,254) !important; }

.mdl-color--light-blue-50 {
  background-color: rgb(225,245,254) !important; }

.mdl-color-text--light-blue-100 {
  color: rgb(179,229,252) !important; }

.mdl-color--light-blue-100 {
  background-color: rgb(179,229,252) !important; }

.mdl-color-text--light-blue-200 {
  color: rgb(129,212,250) !important; }

.mdl-color--light-blue-200 {
  background-color: rgb(129,212,250) !important; }

.mdl-color-text--light-blue-300 {
  color: rgb(79,195,247) !important; }

.mdl-color--light-blue-300 {
  background-color: rgb(79,195,247) !important; }

.mdl-color-text--light-blue-400 {
  color: rgb(41,182,246) !important; }

.mdl-color--light-blue-400 {
  background-color: rgb(41,182,246) !important; }

.mdl-color-text--light-blue-500 {
  color: rgb(3,169,244) !important; }

.mdl-color--light-blue-500 {
  background-color: rgb(3,169,244) !important; }

.mdl-color-text--light-blue-600 {
  color: rgb(3,155,229) !important; }

.mdl-color--light-blue-600 {
  background-color: rgb(3,155,229) !important; }

.mdl-color-text--light-blue-700 {
  color: rgb(2,136,209) !important; }

.mdl-color--light-blue-700 {
  background-color: rgb(2,136,209) !important; }

.mdl-color-text--light-blue-800 {
  color: rgb(2,119,189) !important; }

.mdl-color--light-blue-800 {
  background-color: rgb(2,119,189) !important; }

.mdl-color-text--light-blue-900 {
  color: rgb(1,87,155) !important; }

.mdl-color--light-blue-900 {
  background-color: rgb(1,87,155) !important; }

.mdl-color-text--light-blue-A100 {
  color: rgb(128,216,255) !important; }

.mdl-color--light-blue-A100 {
  background-color: rgb(128,216,255) !important; }

.mdl-color-text--light-blue-A200 {
  color: rgb(64,196,255) !important; }

.mdl-color--light-blue-A200 {
  background-color: rgb(64,196,255) !important; }

.mdl-color-text--light-blue-A400 {
  color: rgb(0,176,255) !important; }

.mdl-color--light-blue-A400 {
  background-color: rgb(0,176,255) !important; }

.mdl-color-text--light-blue-A700 {
  color: rgb(0,145,234) !important; }

.mdl-color--light-blue-A700 {
  background-color: rgb(0,145,234) !important; }

.mdl-color-text--cyan {
  color: rgb(0,188,212) !important; }

.mdl-color--cyan {
  background-color: rgb(0,188,212) !important; }

.mdl-color-text--cyan-50 {
  color: rgb(224,247,250) !important; }

.mdl-color--cyan-50 {
  background-color: rgb(224,247,250) !important; }

.mdl-color-text--cyan-100 {
  color: rgb(178,235,242) !important; }

.mdl-color--cyan-100 {
  background-color: rgb(178,235,242) !important; }

.mdl-color-text--cyan-200 {
  color: rgb(128,222,234) !important; }

.mdl-color--cyan-200 {
  background-color: rgb(128,222,234) !important; }

.mdl-color-text--cyan-300 {
  color: rgb(77,208,225) !important; }

.mdl-color--cyan-300 {
  background-color: rgb(77,208,225) !important; }

.mdl-color-text--cyan-400 {
  color: rgb(38,198,218) !important; }

.mdl-color--cyan-400 {
  background-color: rgb(38,198,218) !important; }

.mdl-color-text--cyan-500 {
  color: rgb(0,188,212) !important; }

.mdl-color--cyan-500 {
  background-color: rgb(0,188,212) !important; }

.mdl-color-text--cyan-600 {
  color: rgb(0,172,193) !important; }

.mdl-color--cyan-600 {
  background-color: rgb(0,172,193) !important; }

.mdl-color-text--cyan-700 {
  color: rgb(0,151,167) !important; }

.mdl-color--cyan-700 {
  background-color: rgb(0,151,167) !important; }

.mdl-color-text--cyan-800 {
  color: rgb(0,131,143) !important; }

.mdl-color--cyan-800 {
  background-color: rgb(0,131,143) !important; }

.mdl-color-text--cyan-900 {
  color: rgb(0,96,100) !important; }

.mdl-color--cyan-900 {
  background-color: rgb(0,96,100) !important; }

.mdl-color-text--cyan-A100 {
  color: rgb(132,255,255) !important; }

.mdl-color--cyan-A100 {
  background-color: rgb(132,255,255) !important; }

.mdl-color-text--cyan-A200 {
  color: rgb(24,255,255) !important; }

.mdl-color--cyan-A200 {
  background-color: rgb(24,255,255) !important; }

.mdl-color-text--cyan-A400 {
  color: rgb(0,229,255) !important; }

.mdl-color--cyan-A400 {
  background-color: rgb(0,229,255) !important; }

.mdl-color-text--cyan-A700 {
  color: rgb(0,184,212) !important; }

.mdl-color--cyan-A700 {
  background-color: rgb(0,184,212) !important; }

.mdl-color-text--teal {
  color: rgb(0,150,136) !important; }

.mdl-color--teal {
  background-color: rgb(0,150,136) !important; }

.mdl-color-text--teal-50 {
  color: rgb(224,242,241) !important; }

.mdl-color--teal-50 {
  background-color: rgb(224,242,241) !important; }

.mdl-color-text--teal-100 {
  color: rgb(178,223,219) !important; }

.mdl-color--teal-100 {
  background-color: rgb(178,223,219) !important; }

.mdl-color-text--teal-200 {
  color: rgb(128,203,196) !important; }

.mdl-color--teal-200 {
  background-color: rgb(128,203,196) !important; }

.mdl-color-text--teal-300 {
  color: rgb(77,182,172) !important; }

.mdl-color--teal-300 {
  background-color: rgb(77,182,172) !important; }

.mdl-color-text--teal-400 {
  color: rgb(38,166,154) !important; }

.mdl-color--teal-400 {
  background-color: rgb(38,166,154) !important; }

.mdl-color-text--teal-500 {
  color: rgb(0,150,136) !important; }

.mdl-color--teal-500 {
  background-color: rgb(0,150,136) !important; }

.mdl-color-text--teal-600 {
  color: rgb(0,137,123) !important; }

.mdl-color--teal-600 {
  background-color: rgb(0,137,123) !important; }

.mdl-color-text--teal-700 {
  color: rgb(0,121,107) !important; }

.mdl-color--teal-700 {
  background-color: rgb(0,121,107) !important; }

.mdl-color-text--teal-800 {
  color: rgb(0,105,92) !important; }

.mdl-color--teal-800 {
  background-color: rgb(0,105,92) !important; }

.mdl-color-text--teal-900 {
  color: rgb(0,77,64) !important; }

.mdl-color--teal-900 {
  background-color: rgb(0,77,64) !important; }

.mdl-color-text--teal-A100 {
  color: rgb(167,255,235) !important; }

.mdl-color--teal-A100 {
  background-color: rgb(167,255,235) !important; }

.mdl-color-text--teal-A200 {
  color: rgb(100,255,218) !important; }

.mdl-color--teal-A200 {
  background-color: rgb(100,255,218) !important; }

.mdl-color-text--teal-A400 {
  color: rgb(29,233,182) !important; }

.mdl-color--teal-A400 {
  background-color: rgb(29,233,182) !important; }

.mdl-color-text--teal-A700 {
  color: rgb(0,191,165) !important; }

.mdl-color--teal-A700 {
  background-color: rgb(0,191,165) !important; }

.mdl-color-text--green {
  color: rgb(76,175,80) !important; }

.mdl-color--green {
  background-color: rgb(76,175,80) !important; }

.mdl-color-text--green-50 {
  color: rgb(232,245,233) !important; }

.mdl-color--green-50 {
  background-color: rgb(232,245,233) !important; }

.mdl-color-text--green-100 {
  color: rgb(200,230,201) !important; }

.mdl-color--green-100 {
  background-color: rgb(200,230,201) !important; }

.mdl-color-text--green-200 {
  color: rgb(165,214,167) !important; }

.mdl-color--green-200 {
  background-color: rgb(165,214,167) !important; }

.mdl-color-text--green-300 {
  color: rgb(129,199,132) !important; }

.mdl-color--green-300 {
  background-color: rgb(129,199,132) !important; }

.mdl-color-text--green-400 {
  color: rgb(102,187,106) !important; }

.mdl-color--green-400 {
  background-color: rgb(102,187,106) !important; }

.mdl-color-text--green-500 {
  color: rgb(76,175,80) !important; }

.mdl-color--green-500 {
  background-color: rgb(76,175,80) !important; }

.mdl-color-text--green-600 {
  color: rgb(67,160,71) !important; }

.mdl-color--green-600 {
  background-color: rgb(67,160,71) !important; }

.mdl-color-text--green-700 {
  color: rgb(56,142,60) !important; }

.mdl-color--green-700 {
  background-color: rgb(56,142,60) !important; }

.mdl-color-text--green-800 {
  color: rgb(46,125,50) !important; }

.mdl-color--green-800 {
  background-color: rgb(46,125,50) !important; }

.mdl-color-text--green-900 {
  color: rgb(27,94,32) !important; }

.mdl-color--green-900 {
  background-color: rgb(27,94,32) !important; }

.mdl-color-text--green-A100 {
  color: rgb(185,246,202) !important; }

.mdl-color--green-A100 {
  background-color: rgb(185,246,202) !important; }

.mdl-color-text--green-A200 {
  color: rgb(105,240,174) !important; }

.mdl-color--green-A200 {
  background-color: rgb(105,240,174) !important; }

.mdl-color-text--green-A400 {
  color: rgb(0,230,118) !important; }

.mdl-color--green-A400 {
  background-color: rgb(0,230,118) !important; }

.mdl-color-text--green-A700 {
  color: rgb(0,200,83) !important; }

.mdl-color--green-A700 {
  background-color: rgb(0,200,83) !important; }

.mdl-color-text--light-green {
  color: rgb(139,195,74) !important; }

.mdl-color--light-green {
  background-color: rgb(139,195,74) !important; }

.mdl-color-text--light-green-50 {
  color: rgb(241,248,233) !important; }

.mdl-color--light-green-50 {
  background-color: rgb(241,248,233) !important; }

.mdl-color-text--light-green-100 {
  color: rgb(220,237,200) !important; }

.mdl-color--light-green-100 {
  background-color: rgb(220,237,200) !important; }

.mdl-color-text--light-green-200 {
  color: rgb(197,225,165) !important; }

.mdl-color--light-green-200 {
  background-color: rgb(197,225,165) !important; }

.mdl-color-text--light-green-300 {
  color: rgb(174,213,129) !important; }

.mdl-color--light-green-300 {
  background-color: rgb(174,213,129) !important; }

.mdl-color-text--light-green-400 {
  color: rgb(156,204,101) !important; }

.mdl-color--light-green-400 {
  background-color: rgb(156,204,101) !important; }

.mdl-color-text--light-green-500 {
  color: rgb(139,195,74) !important; }

.mdl-color--light-green-500 {
  background-color: rgb(139,195,74) !important; }

.mdl-color-text--light-green-600 {
  color: rgb(124,179,66) !important; }

.mdl-color--light-green-600 {
  background-color: rgb(124,179,66) !important; }

.mdl-color-text--light-green-700 {
  color: rgb(104,159,56) !important; }

.mdl-color--light-green-700 {
  background-color: rgb(104,159,56) !important; }

.mdl-color-text--light-green-800 {
  color: rgb(85,139,47) !important; }

.mdl-color--light-green-800 {
  background-color: rgb(85,139,47) !important; }

.mdl-color-text--light-green-900 {
  color: rgb(51,105,30) !important; }

.mdl-color--light-green-900 {
  background-color: rgb(51,105,30) !important; }

.mdl-color-text--light-green-A100 {
  color: rgb(204,255,144) !important; }

.mdl-color--light-green-A100 {
  background-color: rgb(204,255,144) !important; }

.mdl-color-text--light-green-A200 {
  color: rgb(178,255,89) !important; }

.mdl-color--light-green-A200 {
  background-color: rgb(178,255,89) !important; }

.mdl-color-text--light-green-A400 {
  color: rgb(118,255,3) !important; }

.mdl-color--light-green-A400 {
  background-color: rgb(118,255,3) !important; }

.mdl-color-text--light-green-A700 {
  color: rgb(100,221,23) !important; }

.mdl-color--light-green-A700 {
  background-color: rgb(100,221,23) !important; }

.mdl-color-text--lime {
  color: rgb(205,220,57) !important; }

.mdl-color--lime {
  background-color: rgb(205,220,57) !important; }

.mdl-color-text--lime-50 {
  color: rgb(249,251,231) !important; }

.mdl-color--lime-50 {
  background-color: rgb(249,251,231) !important; }

.mdl-color-text--lime-100 {
  color: rgb(240,244,195) !important; }

.mdl-color--lime-100 {
  background-color: rgb(240,244,195) !important; }

.mdl-color-text--lime-200 {
  color: rgb(230,238,156) !important; }

.mdl-color--lime-200 {
  background-color: rgb(230,238,156) !important; }

.mdl-color-text--lime-300 {
  color: rgb(220,231,117) !important; }

.mdl-color--lime-300 {
  background-color: rgb(220,231,117) !important; }

.mdl-color-text--lime-400 {
  color: rgb(212,225,87) !important; }

.mdl-color--lime-400 {
  background-color: rgb(212,225,87) !important; }

.mdl-color-text--lime-500 {
  color: rgb(205,220,57) !important; }

.mdl-color--lime-500 {
  background-color: rgb(205,220,57) !important; }

.mdl-color-text--lime-600 {
  color: rgb(192,202,51) !important; }

.mdl-color--lime-600 {
  background-color: rgb(192,202,51) !important; }

.mdl-color-text--lime-700 {
  color: rgb(175,180,43) !important; }

.mdl-color--lime-700 {
  background-color: rgb(175,180,43) !important; }

.mdl-color-text--lime-800 {
  color: rgb(158,157,36) !important; }

.mdl-color--lime-800 {
  background-color: rgb(158,157,36) !important; }

.mdl-color-text--lime-900 {
  color: rgb(130,119,23) !important; }

.mdl-color--lime-900 {
  background-color: rgb(130,119,23) !important; }

.mdl-color-text--lime-A100 {
  color: rgb(244,255,129) !important; }

.mdl-color--lime-A100 {
  background-color: rgb(244,255,129) !important; }

.mdl-color-text--lime-A200 {
  color: rgb(238,255,65) !important; }

.mdl-color--lime-A200 {
  background-color: rgb(238,255,65) !important; }

.mdl-color-text--lime-A400 {
  color: rgb(198,255,0) !important; }

.mdl-color--lime-A400 {
  background-color: rgb(198,255,0) !important; }

.mdl-color-text--lime-A700 {
  color: rgb(174,234,0) !important; }

.mdl-color--lime-A700 {
  background-color: rgb(174,234,0) !important; }

.mdl-color-text--yellow {
  color: rgb(255,235,59) !important; }

.mdl-color--yellow {
  background-color: rgb(255,235,59) !important; }

.mdl-color-text--yellow-50 {
  color: rgb(255,253,231) !important; }

.mdl-color--yellow-50 {
  background-color: rgb(255,253,231) !important; }

.mdl-color-text--yellow-100 {
  color: rgb(255,249,196) !important; }

.mdl-color--yellow-100 {
  background-color: rgb(255,249,196) !important; }

.mdl-color-text--yellow-200 {
  color: rgb(255,245,157) !important; }

.mdl-color--yellow-200 {
  background-color: rgb(255,245,157) !important; }

.mdl-color-text--yellow-300 {
  color: rgb(255,241,118) !important; }

.mdl-color--yellow-300 {
  background-color: rgb(255,241,118) !important; }

.mdl-color-text--yellow-400 {
  color: rgb(255,238,88) !important; }

.mdl-color--yellow-400 {
  background-color: rgb(255,238,88) !important; }

.mdl-color-text--yellow-500 {
  color: rgb(255,235,59) !important; }

.mdl-color--yellow-500 {
  background-color: rgb(255,235,59) !important; }

.mdl-color-text--yellow-600 {
  color: rgb(253,216,53) !important; }

.mdl-color--yellow-600 {
  background-color: rgb(253,216,53) !important; }

.mdl-color-text--yellow-700 {
  color: rgb(251,192,45) !important; }

.mdl-color--yellow-700 {
  background-color: rgb(251,192,45) !important; }

.mdl-color-text--yellow-800 {
  color: rgb(249,168,37) !important; }

.mdl-color--yellow-800 {
  background-color: rgb(249,168,37) !important; }

.mdl-color-text--yellow-900 {
  color: rgb(245,127,23) !important; }

.mdl-color--yellow-900 {
  background-color: rgb(245,127,23) !important; }

.mdl-color-text--yellow-A100 {
  color: rgb(255,255,141) !important; }

.mdl-color--yellow-A100 {
  background-color: rgb(255,255,141) !important; }

.mdl-color-text--yellow-A200 {
  color: rgb(255,255,0) !important; }

.mdl-color--yellow-A200 {
  background-color: rgb(255,255,0) !important; }

.mdl-color-text--yellow-A400 {
  color: rgb(255,234,0) !important; }

.mdl-color--yellow-A400 {
  background-color: rgb(255,234,0) !important; }

.mdl-color-text--yellow-A700 {
  color: rgb(255,214,0) !important; }

.mdl-color--yellow-A700 {
  background-color: rgb(255,214,0) !important; }

.mdl-color-text--amber {
  color: rgb(255,193,7) !important; }

.mdl-color--amber {
  background-color: rgb(255,193,7) !important; }

.mdl-color-text--amber-50 {
  color: rgb(255,248,225) !important; }

.mdl-color--amber-50 {
  background-color: rgb(255,248,225) !important; }

.mdl-color-text--amber-100 {
  color: rgb(255,236,179) !important; }

.mdl-color--amber-100 {
  background-color: rgb(255,236,179) !important; }

.mdl-color-text--amber-200 {
  color: rgb(255,224,130) !important; }

.mdl-color--amber-200 {
  background-color: rgb(255,224,130) !important; }

.mdl-color-text--amber-300 {
  color: rgb(255,213,79) !important; }

.mdl-color--amber-300 {
  background-color: rgb(255,213,79) !important; }

.mdl-color-text--amber-400 {
  color: rgb(255,202,40) !important; }

.mdl-color--amber-400 {
  background-color: rgb(255,202,40) !important; }

.mdl-color-text--amber-500 {
  color: rgb(255,193,7) !important; }

.mdl-color--amber-500 {
  background-color: rgb(255,193,7) !important; }

.mdl-color-text--amber-600 {
  color: rgb(255,179,0) !important; }

.mdl-color--amber-600 {
  background-color: rgb(255,179,0) !important; }

.mdl-color-text--amber-700 {
  color: rgb(255,160,0) !important; }

.mdl-color--amber-700 {
  background-color: rgb(255,160,0) !important; }

.mdl-color-text--amber-800 {
  color: rgb(255,143,0) !important; }

.mdl-color--amber-800 {
  background-color: rgb(255,143,0) !important; }

.mdl-color-text--amber-900 {
  color: rgb(255,111,0) !important; }

.mdl-color--amber-900 {
  background-color: rgb(255,111,0) !important; }

.mdl-color-text--amber-A100 {
  color: rgb(255,229,127) !important; }

.mdl-color--amber-A100 {
  background-color: rgb(255,229,127) !important; }

.mdl-color-text--amber-A200 {
  color: rgb(255,215,64) !important; }

.mdl-color--amber-A200 {
  background-color: rgb(255,215,64) !important; }

.mdl-color-text--amber-A400 {
  color: rgb(255,196,0) !important; }

.mdl-color--amber-A400 {
  background-color: rgb(255,196,0) !important; }

.mdl-color-text--amber-A700 {
  color: rgb(255,171,0) !important; }

.mdl-color--amber-A700 {
  background-color: rgb(255,171,0) !important; }

.mdl-color-text--orange {
  color: rgb(255,152,0) !important; }

.mdl-color--orange {
  background-color: rgb(255,152,0) !important; }

.mdl-color-text--orange-50 {
  color: rgb(255,243,224) !important; }

.mdl-color--orange-50 {
  background-color: rgb(255,243,224) !important; }

.mdl-color-text--orange-100 {
  color: rgb(255,224,178) !important; }

.mdl-color--orange-100 {
  background-color: rgb(255,224,178) !important; }

.mdl-color-text--orange-200 {
  color: rgb(255,204,128) !important; }

.mdl-color--orange-200 {
  background-color: rgb(255,204,128) !important; }

.mdl-color-text--orange-300 {
  color: rgb(255,183,77) !important; }

.mdl-color--orange-300 {
  background-color: rgb(255,183,77) !important; }

.mdl-color-text--orange-400 {
  color: rgb(255,167,38) !important; }

.mdl-color--orange-400 {
  background-color: rgb(255,167,38) !important; }

.mdl-color-text--orange-500 {
  color: rgb(255,152,0) !important; }

.mdl-color--orange-500 {
  background-color: rgb(255,152,0) !important; }

.mdl-color-text--orange-600 {
  color: rgb(251,140,0) !important; }

.mdl-color--orange-600 {
  background-color: rgb(251,140,0) !important; }

.mdl-color-text--orange-700 {
  color: rgb(245,124,0) !important; }

.mdl-color--orange-700 {
  background-color: rgb(245,124,0) !important; }

.mdl-color-text--orange-800 {
  color: rgb(239,108,0) !important; }

.mdl-color--orange-800 {
  background-color: rgb(239,108,0) !important; }

.mdl-color-text--orange-900 {
  color: rgb(230,81,0) !important; }

.mdl-color--orange-900 {
  background-color: rgb(230,81,0) !important; }

.mdl-color-text--orange-A100 {
  color: rgb(255,209,128) !important; }

.mdl-color--orange-A100 {
  background-color: rgb(255,209,128) !important; }

.mdl-color-text--orange-A200 {
  color: rgb(255,171,64) !important; }

.mdl-color--orange-A200 {
  background-color: rgb(255,171,64) !important; }

.mdl-color-text--orange-A400 {
  color: rgb(255,145,0) !important; }

.mdl-color--orange-A400 {
  background-color: rgb(255,145,0) !important; }

.mdl-color-text--orange-A700 {
  color: rgb(255,109,0) !important; }

.mdl-color--orange-A700 {
  background-color: rgb(255,109,0) !important; }

.mdl-color-text--deep-orange {
  color: rgb(255,87,34) !important; }

.mdl-color--deep-orange {
  background-color: rgb(255,87,34) !important; }

.mdl-color-text--deep-orange-50 {
  color: rgb(251,233,231) !important; }

.mdl-color--deep-orange-50 {
  background-color: rgb(251,233,231) !important; }

.mdl-color-text--deep-orange-100 {
  color: rgb(255,204,188) !important; }

.mdl-color--deep-orange-100 {
  background-color: rgb(255,204,188) !important; }

.mdl-color-text--deep-orange-200 {
  color: rgb(255,171,145) !important; }

.mdl-color--deep-orange-200 {
  background-color: rgb(255,171,145) !important; }

.mdl-color-text--deep-orange-300 {
  color: rgb(255,138,101) !important; }

.mdl-color--deep-orange-300 {
  background-color: rgb(255,138,101) !important; }

.mdl-color-text--deep-orange-400 {
  color: rgb(255,112,67) !important; }

.mdl-color--deep-orange-400 {
  background-color: rgb(255,112,67) !important; }

.mdl-color-text--deep-orange-500 {
  color: rgb(255,87,34) !important; }

.mdl-color--deep-orange-500 {
  background-color: rgb(255,87,34) !important; }

.mdl-color-text--deep-orange-600 {
  color: rgb(244,81,30) !important; }

.mdl-color--deep-orange-600 {
  background-color: rgb(244,81,30) !important; }

.mdl-color-text--deep-orange-700 {
  color: rgb(230,74,25) !important; }

.mdl-color--deep-orange-700 {
  background-color: rgb(230,74,25) !important; }

.mdl-color-text--deep-orange-800 {
  color: rgb(216,67,21) !important; }

.mdl-color--deep-orange-800 {
  background-color: rgb(216,67,21) !important; }

.mdl-color-text--deep-orange-900 {
  color: rgb(191,54,12) !important; }

.mdl-color--deep-orange-900 {
  background-color: rgb(191,54,12) !important; }

.mdl-color-text--deep-orange-A100 {
  color: rgb(255,158,128) !important; }

.mdl-color--deep-orange-A100 {
  background-color: rgb(255,158,128) !important; }

.mdl-color-text--deep-orange-A200 {
  color: rgb(255,110,64) !important; }

.mdl-color--deep-orange-A200 {
  background-color: rgb(255,110,64) !important; }

.mdl-color-text--deep-orange-A400 {
  color: rgb(255,61,0) !important; }

.mdl-color--deep-orange-A400 {
  background-color: rgb(255,61,0) !important; }

.mdl-color-text--deep-orange-A700 {
  color: rgb(221,44,0) !important; }

.mdl-color--deep-orange-A700 {
  background-color: rgb(221,44,0) !important; }

.mdl-color-text--brown {
  color: rgb(121,85,72) !important; }

.mdl-color--brown {
  background-color: rgb(121,85,72) !important; }

.mdl-color-text--brown-50 {
  color: rgb(239,235,233) !important; }

.mdl-color--brown-50 {
  background-color: rgb(239,235,233) !important; }

.mdl-color-text--brown-100 {
  color: rgb(215,204,200) !important; }

.mdl-color--brown-100 {
  background-color: rgb(215,204,200) !important; }

.mdl-color-text--brown-200 {
  color: rgb(188,170,164) !important; }

.mdl-color--brown-200 {
  background-color: rgb(188,170,164) !important; }

.mdl-color-text--brown-300 {
  color: rgb(161,136,127) !important; }

.mdl-color--brown-300 {
  background-color: rgb(161,136,127) !important; }

.mdl-color-text--brown-400 {
  color: rgb(141,110,99) !important; }

.mdl-color--brown-400 {
  background-color: rgb(141,110,99) !important; }

.mdl-color-text--brown-500 {
  color: rgb(121,85,72) !important; }

.mdl-color--brown-500 {
  background-color: rgb(121,85,72) !important; }

.mdl-color-text--brown-600 {
  color: rgb(109,76,65) !important; }

.mdl-color--brown-600 {
  background-color: rgb(109,76,65) !important; }

.mdl-color-text--brown-700 {
  color: rgb(93,64,55) !important; }

.mdl-color--brown-700 {
  background-color: rgb(93,64,55) !important; }

.mdl-color-text--brown-800 {
  color: rgb(78,52,46) !important; }

.mdl-color--brown-800 {
  background-color: rgb(78,52,46) !important; }

.mdl-color-text--brown-900 {
  color: rgb(62,39,35) !important; }

.mdl-color--brown-900 {
  background-color: rgb(62,39,35) !important; }

.mdl-color-text--grey {
  color: rgb(158,158,158) !important; }

.mdl-color--grey {
  background-color: rgb(158,158,158) !important; }

.mdl-color-text--grey-50 {
  color: rgb(250,250,250) !important; }

.mdl-color--grey-50 {
  background-color: rgb(250,250,250) !important; }

.mdl-color-text--grey-100 {
  color: rgb(245,245,245) !important; }

.mdl-color--grey-100 {
  background-color: rgb(245,245,245) !important; }

.mdl-color-text--grey-200 {
  color: rgb(238,238,238) !important; }

.mdl-color--grey-200 {
  background-color: rgb(238,238,238) !important; }

.mdl-color-text--grey-300 {
  color: rgb(224,224,224) !important; }

.mdl-color--grey-300 {
  background-color: rgb(224,224,224) !important; }

.mdl-color-text--grey-400 {
  color: rgb(189,189,189) !important; }

.mdl-color--grey-400 {
  background-color: rgb(189,189,189) !important; }

.mdl-color-text--grey-500 {
  color: rgb(158,158,158) !important; }

.mdl-color--grey-500 {
  background-color: rgb(158,158,158) !important; }

.mdl-color-text--grey-600 {
  color: rgb(117,117,117) !important; }

.mdl-color--grey-600 {
  background-color: rgb(117,117,117) !important; }

.mdl-color-text--grey-700 {
  color: rgb(97,97,97) !important; }

.mdl-color--grey-700 {
  background-color: rgb(97,97,97) !important; }

.mdl-color-text--grey-800 {
  color: rgb(66,66,66) !important; }

.mdl-color--grey-800 {
  background-color: rgb(66,66,66) !important; }

.mdl-color-text--grey-900 {
  color: rgb(33,33,33) !important; }

.mdl-color--grey-900 {
  background-color: rgb(33,33,33) !important; }

.mdl-color-text--blue-grey {
  color: rgb(96,125,139) !important; }

.mdl-color--blue-grey {
  background-color: rgb(96,125,139) !important; }

.mdl-color-text--blue-grey-50 {
  color: rgb(236,239,241) !important; }

.mdl-color--blue-grey-50 {
  background-color: rgb(236,239,241) !important; }

.mdl-color-text--blue-grey-100 {
  color: rgb(207,216,220) !important; }

.mdl-color--blue-grey-100 {
  background-color: rgb(207,216,220) !important; }

.mdl-color-text--blue-grey-200 {
  color: rgb(176,190,197) !important; }

.mdl-color--blue-grey-200 {
  background-color: rgb(176,190,197) !important; }

.mdl-color-text--blue-grey-300 {
  color: rgb(144,164,174) !important; }

.mdl-color--blue-grey-300 {
  background-color: rgb(144,164,174) !important; }

.mdl-color-text--blue-grey-400 {
  color: rgb(120,144,156) !important; }

.mdl-color--blue-grey-400 {
  background-color: rgb(120,144,156) !important; }

.mdl-color-text--blue-grey-500 {
  color: rgb(96,125,139) !important; }

.mdl-color--blue-grey-500 {
  background-color: rgb(96,125,139) !important; }

.mdl-color-text--blue-grey-600 {
  color: rgb(84,110,122) !important; }

.mdl-color--blue-grey-600 {
  background-color: rgb(84,110,122) !important; }

.mdl-color-text--blue-grey-700 {
  color: rgb(69,90,100) !important; }

.mdl-color--blue-grey-700 {
  background-color: rgb(69,90,100) !important; }

.mdl-color-text--blue-grey-800 {
  color: rgb(55,71,79) !important; }

.mdl-color--blue-grey-800 {
  background-color: rgb(55,71,79) !important; }

.mdl-color-text--blue-grey-900 {
  color: rgb(38,50,56) !important; }

.mdl-color--blue-grey-900 {
  background-color: rgb(38,50,56) !important; }

.mdl-color--black {
  background-color: rgb(0,0,0) !important; }

.mdl-color-text--black {
  color: rgb(0,0,0) !important; }

.mdl-color--white {
  background-color: rgb(255,255,255) !important; }

.mdl-color-text--white {
  color: rgb(255,255,255) !important; }

.mdl-color--primary {
  background-color: rgb(63,81,181) !important; }

.mdl-color--primary-contrast {
  background-color: rgb(255,255,255) !important; }

.mdl-color--primary-dark {
  background-color: rgb(48,63,159) !important; }

.mdl-color--accent {
  background-color: rgb(255,64,129) !important; }

.mdl-color--accent-contrast {
  background-color: rgb(255,255,255) !important; }

.mdl-color-text--primary {
  color: rgb(63,81,181) !important; }

.mdl-color-text--primary-contrast {
  color: rgb(255,255,255) !important; }

.mdl-color-text--primary-dark {
  color: rgb(48,63,159) !important; }

.mdl-color-text--accent {
  color: rgb(255,64,129) !important; }

.mdl-color-text--accent-contrast {
  color: rgb(255,255,255) !important; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-ripple {
  background: rgb(0,0,0);
  border-radius: 50%;
  height: 50px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 50px;
  overflow: hidden; }
  .mdl-ripple.is-animating {
    transition: width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1); }
  .mdl-ripple.is-visible {
    opacity: 0.3; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-animation--default {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.mdl-animation--fast-out-slow-in {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.mdl-animation--linear-out-slow-in {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.mdl-animation--fast-out-linear-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-badge {
  position: relative;
  white-space: nowrap;
  margin-right: 24px; }
  .mdl-badge:not([data-badge]) {
    margin-right: auto; }
  .mdl-badge[data-badge]:after {
    content: attr(data-badge);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: -11px;
    right: -24px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 600;
    font-size: 12px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgb(255,64,129);
    color: rgb(255,255,255); }
    .mdl-button .mdl-badge[data-badge]:after {
      top: -10px;
      right: -5px; }
  .mdl-badge.mdl-badge--no-background[data-badge]:after {
    color: rgb(255,64,129);
    background: rgba(255,255,255,0.2);
    box-shadow: 0 0 1px gray; }
  .mdl-badge.mdl-badge--overlap {
    margin-right: 10px; }
    .mdl-badge.mdl-badge--overlap:after {
      right: -10px; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-button {
  background: transparent;
  border: none;
  border-radius: 2px;
  color: rgb(0,0,0);
  position: relative;
  height: 36px;
  margin: 0;
  min-width: 64px;
  padding: 0 16px;
  display: inline-block;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0;
  overflow: hidden;
  will-change: box-shadow;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  outline: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  line-height: 36px;
  vertical-align: middle; }
  .mdl-button::-moz-focus-inner {
    border: 0; }
  .mdl-button:hover {
    background-color: rgba(158,158,158, 0.20); }
  .mdl-button:focus:not(:active) {
    background-color: rgba(0,0,0, 0.12); }
  .mdl-button:active {
    background-color: rgba(158,158,158, 0.40); }
  .mdl-button.mdl-button--colored {
    color: rgb(63,81,181); }
    .mdl-button.mdl-button--colored:focus:not(:active) {
      background-color: rgba(0,0,0, 0.12); }

input.mdl-button[type="submit"] {
  -webkit-appearance: none; }

.mdl-button--raised {
  background: rgba(158,158,158, 0.20);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
  .mdl-button--raised:active {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    background-color: rgba(158,158,158, 0.40); }
  .mdl-button--raised:focus:not(:active) {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
    background-color: rgba(158,158,158, 0.40); }
  .mdl-button--raised.mdl-button--colored {
    background: rgb(63,81,181);
    color: rgb(255,255,255); }
    .mdl-button--raised.mdl-button--colored:hover {
      background-color: rgb(63,81,181); }
    .mdl-button--raised.mdl-button--colored:active {
      background-color: rgb(63,81,181); }
    .mdl-button--raised.mdl-button--colored:focus:not(:active) {
      background-color: rgb(63,81,181); }
    .mdl-button--raised.mdl-button--colored .mdl-ripple {
      background: rgb(255,255,255); }

.mdl-button--fab {
  border-radius: 50%;
  font-size: 24px;
  height: 56px;
  margin: auto;
  min-width: 56px;
  width: 56px;
  padding: 0;
  overflow: hidden;
  background: rgba(158,158,158, 0.20);
  box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
  position: relative;
  line-height: normal; }
  .mdl-button--fab .material-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-12px, -12px);
            transform: translate(-12px, -12px);
    line-height: 24px;
    width: 24px; }
  .mdl-button--fab.mdl-button--mini-fab {
    height: 40px;
    min-width: 40px;
    width: 40px; }
  .mdl-button--fab .mdl-button__ripple-container {
    border-radius: 50%;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
  .mdl-button--fab:active {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    background-color: rgba(158,158,158, 0.40); }
  .mdl-button--fab:focus:not(:active) {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
    background-color: rgba(158,158,158, 0.40); }
  .mdl-button--fab.mdl-button--colored {
    background: rgb(255,64,129);
    color: rgb(255,255,255); }
    .mdl-button--fab.mdl-button--colored:hover {
      background-color: rgb(255,64,129); }
    .mdl-button--fab.mdl-button--colored:focus:not(:active) {
      background-color: rgb(255,64,129); }
    .mdl-button--fab.mdl-button--colored:active {
      background-color: rgb(255,64,129); }
    .mdl-button--fab.mdl-button--colored .mdl-ripple {
      background: rgb(255,255,255); }

.mdl-button--icon {
  border-radius: 50%;
  font-size: 24px;
  height: 32px;
  margin-left: 0;
  margin-right: 0;
  min-width: 32px;
  width: 32px;
  padding: 0;
  overflow: hidden;
  color: inherit;
  line-height: normal; }
  .mdl-button--icon .material-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-12px, -12px);
            transform: translate(-12px, -12px);
    line-height: 24px;
    width: 24px; }
  .mdl-button--icon.mdl-button--mini-icon {
    height: 24px;
    min-width: 24px;
    width: 24px; }
    .mdl-button--icon.mdl-button--mini-icon .material-icons {
      top: 0px;
      left: 0px; }
  .mdl-button--icon .mdl-button__ripple-container {
    border-radius: 50%;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }

.mdl-button__ripple-container {
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 0;
  overflow: hidden; }
  .mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple,
  .mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple {
    background-color: transparent; }

.mdl-button--primary.mdl-button--primary {
  color: rgb(63,81,181); }
  .mdl-button--primary.mdl-button--primary .mdl-ripple {
    background: rgb(255,255,255); }
  .mdl-button--primary.mdl-button--primary.mdl-button--raised, .mdl-button--primary.mdl-button--primary.mdl-button--fab {
    color: rgb(255,255,255);
    background-color: rgb(63,81,181); }

.mdl-button--accent.mdl-button--accent {
  color: rgb(255,64,129); }
  .mdl-button--accent.mdl-button--accent .mdl-ripple {
    background: rgb(255,255,255); }
  .mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab {
    color: rgb(255,255,255);
    background-color: rgb(255,64,129); }

.mdl-button[disabled][disabled], .mdl-button.mdl-button--disabled.mdl-button--disabled {
  color: rgba(0,0,0, 0.26);
  cursor: default;
  background-color: transparent; }

.mdl-button--fab[disabled][disabled], .mdl-button--fab.mdl-button--disabled.mdl-button--disabled {
  background-color: rgba(0,0,0, 0.12);
  color: rgba(0,0,0, 0.26); }

.mdl-button--raised[disabled][disabled], .mdl-button--raised.mdl-button--disabled.mdl-button--disabled {
  background-color: rgba(0,0,0, 0.12);
  color: rgba(0,0,0, 0.26);
  box-shadow: none; }

.mdl-button--colored[disabled][disabled], .mdl-button--colored.mdl-button--disabled.mdl-button--disabled {
  color: rgba(0,0,0, 0.26); }

.mdl-button .material-icons {
  vertical-align: middle; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-card {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 16px;
  font-weight: 400;
  min-height: 200px;
  overflow: hidden;
  width: 330px;
  z-index: 1;
  position: relative;
  background: rgb(255,255,255);
  border-radius: 2px;
  box-sizing: border-box; }

.mdl-card__media {
  background-color: rgb(255,64,129);
  background-repeat: repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-origin: padding-box;
  background-attachment: scroll;
  box-sizing: border-box; }

.mdl-card__title {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgb(0,0,0);
  display: block;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  line-height: normal;
  padding: 16px 16px;
  -webkit-perspective-origin: 165px 56px;
          perspective-origin: 165px 56px;
  -webkit-transform-origin: 165px 56px;
          transform-origin: 165px 56px;
  box-sizing: border-box; }
  .mdl-card__title.mdl-card--border {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.mdl-card__title-text {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  color: inherit;
  display: block;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 24px;
  font-weight: 300;
  line-height: normal;
  overflow: hidden;
  -webkit-transform-origin: 149px 48px;
          transform-origin: 149px 48px;
  margin: 0; }

.mdl-card__subtitle-text {
  font-size: 14px;
  color: rgba(0,0,0, 0.54);
  margin: 0; }

.mdl-card__supporting-text {
  color: rgba(0,0,0, 0.54);
  font-size: 1rem;
  line-height: 18px;
  overflow: hidden;
  padding: 16px 16px;
  width: 90%; }
  .mdl-card__supporting-text.mdl-card--border {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.mdl-card__actions {
  font-size: 16px;
  line-height: normal;
  width: 100%;
  background-color: transparent;
  padding: 8px;
  box-sizing: border-box; }
  .mdl-card__actions.mdl-card--border {
    border-top: 1px solid rgba(0, 0, 0, 0.1); }

.mdl-card--expand {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.mdl-card__menu {
  position: absolute;
  right: 16px;
  top: 16px; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-checkbox {
  position: relative;
  z-index: 1;
  vertical-align: middle;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  height: 24px;
  margin: 0;
  padding: 0; }
  .mdl-checkbox.is-upgraded {
    padding-left: 24px; }

.mdl-checkbox__input {
  line-height: 24px; }
  .mdl-checkbox.is-upgraded .mdl-checkbox__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none; }

.mdl-checkbox__box-outline {
  position: absolute;
  top: 3px;
  left: 0;
  display: inline-block;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
  overflow: hidden;
  border: 2px solid rgba(0,0,0, 0.54);
  border-radius: 2px;
  z-index: 2; }
  .mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border: 2px solid rgb(63,81,181); }
  fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline,
  .mdl-checkbox.is-disabled .mdl-checkbox__box-outline {
    border: 2px solid rgba(0,0,0, 0.26);
    cursor: auto; }

.mdl-checkbox__focus-helper {
  position: absolute;
  top: 3px;
  left: 0;
  display: inline-block;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: transparent; }
  .mdl-checkbox.is-focused .mdl-checkbox__focus-helper {
    box-shadow: 0 0 0px 8px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1); }
  .mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {
    box-shadow: 0 0 0px 8px rgba(63,81,181, 0.26);
    background-color: rgba(63,81,181, 0.26); }

.mdl-checkbox__tick-outline {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
          mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
  background: transparent;
  transition-duration: 0.28s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: background; }
  .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background: rgb(63,81,181) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K"); }
  fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,
  .mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {
    background: rgba(0,0,0, 0.26) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K"); }

.mdl-checkbox__label {
  position: relative;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  margin: 0; }
  fieldset[disabled] .mdl-checkbox .mdl-checkbox__label,
  .mdl-checkbox.is-disabled .mdl-checkbox__label {
    color: rgba(0,0,0, 0.26);
    cursor: auto; }

.mdl-checkbox__ripple-container {
  position: absolute;
  z-index: 2;
  top: -6px;
  left: -10px;
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
  .mdl-checkbox__ripple-container .mdl-ripple {
    background: rgb(63,81,181); }
  fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container,
  .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container {
    cursor: auto; }
  fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple,
  .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple {
    background: transparent; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-chip {
  height: 32px;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  line-height: 32px;
  padding: 0 12px;
  border: 0;
  border-radius: 16px;
  background-color: #dedede;
  display: inline-block;
  color: rgba(0,0,0, 0.87);
  margin: 2px 0;
  font-size: 0;
  white-space: nowrap; }
  .mdl-chip__text {
    font-size: 13px;
    vertical-align: middle;
    display: inline-block; }
  .mdl-chip__action {
    height: 24px;
    width: 24px;
    background: transparent;
    opacity: 0.54;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    margin: 0 0 0 4px;
    font-size: 13px;
    text-decoration: none;
    color: rgba(0,0,0, 0.87);
    border: none;
    outline: none;
    overflow: hidden; }
  .mdl-chip__contact {
    height: 32px;
    width: 32px;
    border-radius: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    overflow: hidden;
    text-align: center;
    font-size: 18px;
    line-height: 32px; }
  .mdl-chip:focus {
    outline: 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
  .mdl-chip:active {
    background-color: #d6d6d6; }
  .mdl-chip--deletable {
    padding-right: 4px; }
  .mdl-chip--contact {
    padding-left: 0; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-data-table {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-collapse: collapse;
  white-space: nowrap;
  font-size: 13px;
  background-color: rgb(255,255,255); }
  .mdl-data-table thead {
    padding-bottom: 3px; }
    .mdl-data-table thead .mdl-data-table__select {
      margin-top: 0; }
  .mdl-data-table tbody tr {
    position: relative;
    height: 48px;
    transition-duration: 0.28s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: background-color; }
    .mdl-data-table tbody tr.is-selected {
      background-color: #e0e0e0; }
    .mdl-data-table tbody tr:hover {
      background-color: #eeeeee; }
  .mdl-data-table td, .mdl-data-table th {
    padding: 0 18px 12px 18px;
    text-align: right; }
    .mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type {
      padding-left: 24px; }
    .mdl-data-table td:last-of-type, .mdl-data-table th:last-of-type {
      padding-right: 24px; }
  .mdl-data-table td {
    position: relative;
    vertical-align: middle;
    height: 48px;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding-top: 12px;
    box-sizing: border-box; }
    .mdl-data-table td .mdl-data-table__select {
      vertical-align: middle; }
  .mdl-data-table th {
    position: relative;
    vertical-align: bottom;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0;
    height: 48px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.54);
    padding-bottom: 8px;
    box-sizing: border-box; }
    .mdl-data-table th.mdl-data-table__header--sorted-ascending, .mdl-data-table th.mdl-data-table__header--sorted-descending {
      color: rgba(0, 0, 0, 0.87); }
      .mdl-data-table th.mdl-data-table__header--sorted-ascending:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:before {
        font-family: 'Material Icons';
        font-weight: normal;
        font-style: normal;
        font-size: 24px;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        word-wrap: normal;
        -moz-font-feature-settings: 'liga';
             font-feature-settings: 'liga';
        -webkit-font-feature-settings: 'liga';
        -webkit-font-smoothing: antialiased;
        font-size: 16px;
        content: "\e5d8";
        margin-right: 5px;
        vertical-align: sub; }
      .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover {
        cursor: pointer; }
        .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before {
          color: rgba(0, 0, 0, 0.26); }
    .mdl-data-table th.mdl-data-table__header--sorted-descending:before {
      content: "\e5db"; }

.mdl-data-table__select {
  width: 16px; }

.mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric {
  text-align: left; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-dialog {
  border: none;
  box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
  width: 280px; }
  .mdl-dialog__title {
    padding: 24px 24px 0;
    margin: 0;
    font-size: 2.5rem; }
  .mdl-dialog__actions {
    padding: 8px 8px 8px 24px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .mdl-dialog__actions > * {
      margin-right: 8px;
      height: 36px; }
      .mdl-dialog__actions > *:first-child {
        margin-right: 0; }
    .mdl-dialog__actions--full-width {
      padding: 0 0 8px 0; }
      .mdl-dialog__actions--full-width > * {
        height: 48px;
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        padding-right: 16px;
        margin-right: 0;
        text-align: right; }
  .mdl-dialog__content {
    padding: 20px 24px 24px 24px;
    color: rgba(0,0,0, 0.54); }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-mega-footer {
  padding: 16px 40px;
  color: rgb(158,158,158);
  background-color: rgb(66,66,66); }

.mdl-mega-footer--top-section:after,
.mdl-mega-footer--middle-section:after,
.mdl-mega-footer--bottom-section:after,
.mdl-mega-footer__top-section:after,
.mdl-mega-footer__middle-section:after,
.mdl-mega-footer__bottom-section:after {
  content: '';
  display: block;
  clear: both; }

.mdl-mega-footer--left-section,
.mdl-mega-footer__left-section {
  margin-bottom: 16px; }

.mdl-mega-footer--right-section,
.mdl-mega-footer__right-section {
  margin-bottom: 16px; }

.mdl-mega-footer--right-section a,
.mdl-mega-footer__right-section a {
  display: block;
  margin-bottom: 16px;
  color: inherit;
  text-decoration: none; }

@media screen and (min-width: 760px) {
  .mdl-mega-footer--left-section,
  .mdl-mega-footer__left-section {
    float: left; }
  .mdl-mega-footer--right-section,
  .mdl-mega-footer__right-section {
    float: right; }
  .mdl-mega-footer--right-section a,
  .mdl-mega-footer__right-section a {
    display: inline-block;
    margin-left: 16px;
    line-height: 36px;
    vertical-align: middle; } }

.mdl-mega-footer--social-btn,
.mdl-mega-footer__social-btn {
  width: 36px;
  height: 36px;
  padding: 0;
  margin: 0;
  background-color: rgb(158,158,158);
  border: none; }

.mdl-mega-footer--drop-down-section,
.mdl-mega-footer__drop-down-section {
  display: block;
  position: relative; }

@media screen and (min-width: 760px) {
  .mdl-mega-footer--drop-down-section,
  .mdl-mega-footer__drop-down-section {
    width: 33%; }
  .mdl-mega-footer--drop-down-section:nth-child(1),
  .mdl-mega-footer--drop-down-section:nth-child(2),
  .mdl-mega-footer__drop-down-section:nth-child(1),
  .mdl-mega-footer__drop-down-section:nth-child(2) {
    float: left; }
  .mdl-mega-footer--drop-down-section:nth-child(3),
  .mdl-mega-footer__drop-down-section:nth-child(3) {
    float: right; }
    .mdl-mega-footer--drop-down-section:nth-child(3):after,
    .mdl-mega-footer__drop-down-section:nth-child(3):after {
      clear: right; }
  .mdl-mega-footer--drop-down-section:nth-child(4),
  .mdl-mega-footer__drop-down-section:nth-child(4) {
    clear: right;
    float: right; }
  .mdl-mega-footer--middle-section:after,
  .mdl-mega-footer__middle-section:after {
    content: '';
    display: block;
    clear: both; }
  .mdl-mega-footer--bottom-section,
  .mdl-mega-footer__bottom-section {
    padding-top: 0; } }

@media screen and (min-width: 1024px) {
  .mdl-mega-footer--drop-down-section,
  .mdl-mega-footer--drop-down-section:nth-child(3),
  .mdl-mega-footer--drop-down-section:nth-child(4),
  .mdl-mega-footer__drop-down-section,
  .mdl-mega-footer__drop-down-section:nth-child(3),
  .mdl-mega-footer__drop-down-section:nth-child(4) {
    width: 24%;
    float: left; } }

.mdl-mega-footer--heading-checkbox,
.mdl-mega-footer__heading-checkbox {
  position: absolute;
  width: 100%;
  height: 55.8px;
  padding: 32px;
  margin: 0;
  margin-top: -16px;
  cursor: pointer;
  z-index: 1;
  opacity: 0; }
  .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after,
  .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after,
  .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after,
  .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {
    font-family: 'Material Icons';
    content: '\E5CE'; }

.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list,
.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list,
.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
.mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list,
.mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list,
.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list {
  display: none; }

.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after,
.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after,
.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after,
.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {
  font-family: 'Material Icons';
  content: '\E5CF'; }

.mdl-mega-footer--heading,
.mdl-mega-footer__heading {
  position: relative;
  width: 100%;
  padding-right: 39.8px;
  margin-bottom: 16px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 23.8px;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: rgb(224,224,224); }

.mdl-mega-footer--heading:after,
.mdl-mega-footer__heading:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 23.8px;
  height: 23.8px;
  background-size: cover; }

.mdl-mega-footer--link-list,
.mdl-mega-footer__link-list {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 32px; }
  .mdl-mega-footer--link-list:after,
  .mdl-mega-footer__link-list:after {
    clear: both;
    display: block;
    content: ''; }

.mdl-mega-footer--link-list li,
.mdl-mega-footer__link-list li {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  line-height: 20px; }

.mdl-mega-footer--link-list a,
.mdl-mega-footer__link-list a {
  color: inherit;
  text-decoration: none;
  white-space: nowrap; }

@media screen and (min-width: 760px) {
  .mdl-mega-footer--heading-checkbox,
  .mdl-mega-footer__heading-checkbox {
    display: none; }
    .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after,
    .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after,
    .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after,
    .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {
      content: ''; }
  .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list,
  .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list,
  .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
  .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
  .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list,
  .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list,
  .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
  .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list {
    display: block; }
  .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after,
  .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after,
  .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after,
  .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {
    content: ''; } }

.mdl-mega-footer--bottom-section,
.mdl-mega-footer__bottom-section {
  padding-top: 16px;
  margin-bottom: 16px; }

.mdl-logo {
  margin-bottom: 16px;
  color: white; }

.mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li,
.mdl-mega-footer__bottom-section .mdl-mega-footer__link-list li {
  float: left;
  margin-bottom: 0;
  margin-right: 16px; }

@media screen and (min-width: 760px) {
  .mdl-logo {
    float: left;
    margin-bottom: 0;
    margin-right: 16px; } }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-mini-footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 32px 16px;
  color: rgb(158,158,158);
  background-color: rgb(66,66,66); }
  .mdl-mini-footer:after {
    content: '';
    display: block; }
  .mdl-mini-footer .mdl-logo {
    line-height: 36px; }

.mdl-mini-footer--link-list,
.mdl-mini-footer__link-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  list-style: none;
  margin: 0;
  padding: 0; }
  .mdl-mini-footer--link-list li,
  .mdl-mini-footer__link-list li {
    margin-bottom: 0;
    margin-right: 16px; }
    @media screen and (min-width: 760px) {
      .mdl-mini-footer--link-list li,
      .mdl-mini-footer__link-list li {
        line-height: 36px; } }
  .mdl-mini-footer--link-list a,
  .mdl-mini-footer__link-list a {
    color: inherit;
    text-decoration: none;
    white-space: nowrap; }

.mdl-mini-footer--left-section,
.mdl-mini-footer__left-section {
  display: inline-block;
  -webkit-order: 0;
      -ms-flex-order: 0;
          order: 0; }

.mdl-mini-footer--right-section,
.mdl-mini-footer__right-section {
  display: inline-block;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1; }

.mdl-mini-footer--social-btn,
.mdl-mini-footer__social-btn {
  width: 36px;
  height: 36px;
  padding: 0;
  margin: 0;
  background-color: rgb(158,158,158);
  border: none; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-icon-toggle {
  position: relative;
  z-index: 1;
  vertical-align: middle;
  display: inline-block;
  height: 32px;
  margin: 0;
  padding: 0; }

.mdl-icon-toggle__input {
  line-height: 32px; }
  .mdl-icon-toggle.is-upgraded .mdl-icon-toggle__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none; }

.mdl-icon-toggle__label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  height: 32px;
  width: 32px;
  min-width: 32px;
  color: rgb(97,97,97);
  border-radius: 50%;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  background-color: transparent;
  will-change: background-color;
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
  .mdl-icon-toggle__label.material-icons {
    line-height: 32px;
    font-size: 24px; }
  .mdl-icon-toggle.is-checked .mdl-icon-toggle__label {
    color: rgb(63,81,181); }
  .mdl-icon-toggle.is-disabled .mdl-icon-toggle__label {
    color: rgba(0,0,0, 0.26);
    cursor: auto;
    transition: none; }
  .mdl-icon-toggle.is-focused .mdl-icon-toggle__label {
    background-color: rgba(0,0,0, 0.12); }
  .mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label {
    background-color: rgba(63,81,181, 0.26); }

.mdl-icon-toggle__ripple-container {
  position: absolute;
  z-index: 2;
  top: -2px;
  left: -2px;
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
  .mdl-icon-toggle__ripple-container .mdl-ripple {
    background: rgb(97,97,97); }
  .mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container {
    cursor: auto; }
  .mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container .mdl-ripple {
    background: transparent; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-list {
  display: block;
  padding: 8px 0;
  list-style: none; }

.mdl-list__item {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  line-height: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 48px;
  box-sizing: border-box;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  cursor: default;
  color: rgba(0,0,0, 0.87);
  overflow: hidden; }
  .mdl-list__item .mdl-list__item-primary-content {
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
    -webkit-flex-grow: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
    text-decoration: none;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon {
      margin-right: 32px; }
    .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-avatar {
      margin-right: 16px; }
  .mdl-list__item .mdl-list__item-secondary-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-left: 16px; }
    .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-action label {
      display: inline; }
    .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-info {
      font-size: 12px;
      font-weight: 400;
      line-height: 1;
      letter-spacing: 0;
      color: rgba(0,0,0, 0.54); }
    .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-sub-header {
      padding: 0 0 0 16px; }

.mdl-list__item-icon,
.mdl-list__item-icon.material-icons {
  height: 24px;
  width: 24px;
  font-size: 24px;
  box-sizing: border-box;
  color: rgb(117,117,117); }

.mdl-list__item-avatar,
.mdl-list__item-avatar.material-icons {
  height: 40px;
  width: 40px;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: rgb(117,117,117);
  font-size: 40px;
  color: white; }

.mdl-list__item--two-line {
  height: 72px; }
  .mdl-list__item--two-line .mdl-list__item-primary-content {
    height: 36px;
    line-height: 20px;
    display: block; }
    .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-avatar {
      float: left; }
    .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-icon {
      float: left;
      margin-top: 6px; }
    .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-secondary-content {
      height: 36px; }
    .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-sub-title {
      font-size: 14px;
      font-weight: 400;
      line-height: 24px;
      letter-spacing: 0;
      line-height: 18px;
      color: rgba(0,0,0, 0.54);
      display: block;
      padding: 0; }

.mdl-list__item--three-line {
  height: 88px; }
  .mdl-list__item--three-line .mdl-list__item-primary-content {
    height: 52px;
    line-height: 20px;
    display: block; }
    .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-avatar,
    .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-icon {
      float: left; }
  .mdl-list__item--three-line .mdl-list__item-secondary-content {
    height: 52px; }
  .mdl-list__item--three-line .mdl-list__item-text-body {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    line-height: 18px;
    height: 52px;
    color: rgba(0,0,0, 0.54);
    display: block;
    padding: 0; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-menu__container {
  display: block;
  margin: 0;
  padding: 0;
  border: none;
  position: absolute;
  overflow: visible;
  height: 0;
  width: 0;
  visibility: hidden;
  z-index: -1; }
  .mdl-menu__container.is-visible, .mdl-menu__container.is-animating {
    z-index: 999;
    visibility: visible; }

.mdl-menu__outline {
  display: block;
  background: rgb(255,255,255);
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  will-change: transform;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: -1; }
  .mdl-menu__container.is-visible .mdl-menu__outline {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
    z-index: 999; }
  .mdl-menu__outline.mdl-menu--bottom-right {
    -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0; }
  .mdl-menu__outline.mdl-menu--top-left {
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%; }
  .mdl-menu__outline.mdl-menu--top-right {
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%; }

.mdl-menu {
  position: absolute;
  list-style: none;
  top: 0;
  left: 0;
  height: auto;
  width: auto;
  min-width: 124px;
  padding: 8px 0;
  margin: 0;
  opacity: 0;
  clip: rect(0 0 0 0);
  z-index: -1; }
  .mdl-menu__container.is-visible .mdl-menu {
    opacity: 1;
    z-index: 999; }
  .mdl-menu.is-animating {
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), clip 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
  .mdl-menu.mdl-menu--bottom-right {
    left: auto;
    right: 0; }
  .mdl-menu.mdl-menu--top-left {
    top: auto;
    bottom: 0; }
  .mdl-menu.mdl-menu--top-right {
    top: auto;
    left: auto;
    bottom: 0;
    right: 0; }
  .mdl-menu.mdl-menu--unaligned {
    top: auto;
    left: auto; }

.mdl-menu__item {
  display: block;
  border: none;
  color: rgba(0,0,0, 0.87);
  background-color: transparent;
  text-align: left;
  margin: 0;
  padding: 0 16px;
  outline-color: rgb(189,189,189);
  position: relative;
  overflow: hidden;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  text-decoration: none;
  cursor: pointer;
  height: 48px;
  line-height: 48px;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .mdl-menu__container.is-visible .mdl-menu__item {
    opacity: 1; }
  .mdl-menu__item::-moz-focus-inner {
    border: 0; }
  .mdl-menu__item--full-bleed-divider {
    border-bottom: 1px solid rgba(0,0,0, 0.12); }
  .mdl-menu__item[disabled], .mdl-menu__item[data-mdl-disabled] {
    color: rgb(189,189,189);
    background-color: transparent;
    cursor: auto; }
    .mdl-menu__item[disabled]:hover, .mdl-menu__item[data-mdl-disabled]:hover {
      background-color: transparent; }
    .mdl-menu__item[disabled]:focus, .mdl-menu__item[data-mdl-disabled]:focus {
      background-color: transparent; }
    .mdl-menu__item[disabled] .mdl-ripple, .mdl-menu__item[data-mdl-disabled] .mdl-ripple {
      background: transparent; }
  .mdl-menu__item:hover {
    background-color: rgb(238,238,238); }
  .mdl-menu__item:focus {
    outline: none;
    background-color: rgb(238,238,238); }
  .mdl-menu__item:active {
    background-color: rgb(224,224,224); }

.mdl-menu__item--ripple-container {
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 0;
  overflow: hidden; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-progress {
  display: block;
  position: relative;
  height: 4px;
  width: 500px;
  max-width: 100%; }

.mdl-progress > .bar {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0%;
  transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1); }

.mdl-progress > .progressbar {
  background-color: rgb(63,81,181);
  z-index: 1;
  left: 0; }

.mdl-progress > .bufferbar {
  background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181));
  z-index: 0;
  left: 0; }

.mdl-progress > .auxbar {
  right: 0; }

@supports (-webkit-appearance: none) {
  .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate) > .auxbar,
  .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate) > .auxbar {
    background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181));
    -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=");
            mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo="); } }

.mdl-progress:not(.mdl-progress--indeterminate) > .auxbar,
.mdl-progress:not(.mdl-progress__indeterminate) > .auxbar {
  background-image: linear-gradient(to right, rgba(255,255,255, 0.9), rgba(255,255,255, 0.9)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181)); }

.mdl-progress.mdl-progress--indeterminate > .bar1,
.mdl-progress.mdl-progress__indeterminate > .bar1 {
  background-color: rgb(63,81,181);
  -webkit-animation-name: indeterminate1;
          animation-name: indeterminate1;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear; }

.mdl-progress.mdl-progress--indeterminate > .bar3,
.mdl-progress.mdl-progress__indeterminate > .bar3 {
  background-image: none;
  background-color: rgb(63,81,181);
  -webkit-animation-name: indeterminate2;
          animation-name: indeterminate2;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear; }

@-webkit-keyframes indeterminate1 {
  0% {
    left: 0%;
    width: 0%; }
  50% {
    left: 25%;
    width: 75%; }
  75% {
    left: 100%;
    width: 0%; } }

@keyframes indeterminate1 {
  0% {
    left: 0%;
    width: 0%; }
  50% {
    left: 25%;
    width: 75%; }
  75% {
    left: 100%;
    width: 0%; } }

@-webkit-keyframes indeterminate2 {
  0% {
    left: 0%;
    width: 0%; }
  50% {
    left: 0%;
    width: 0%; }
  75% {
    left: 0%;
    width: 25%; }
  100% {
    left: 100%;
    width: 0%; } }

@keyframes indeterminate2 {
  0% {
    left: 0%;
    width: 0%; }
  50% {
    left: 0%;
    width: 0%; }
  75% {
    left: 0%;
    width: 25%; }
  100% {
    left: 100%;
    width: 0%; } }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-navigation {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  box-sizing: border-box; }

.mdl-navigation__link {
  color: rgb(66,66,66);
  text-decoration: none;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87; }
  .mdl-navigation__link .material-icons {
    vertical-align: middle; }

.mdl-layout {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  -webkit-overflow-scrolling: touch; }

.mdl-layout.is-small-screen .mdl-layout--large-screen-only {
  display: none; }

.mdl-layout:not(.is-small-screen) .mdl-layout--small-screen-only {
  display: none; }

.mdl-layout__container {
  position: absolute;
  width: 100%;
  height: 100%; }

.mdl-layout__title,
.mdl-layout-title {
  display: block;
  position: relative;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
  font-weight: 400;
  box-sizing: border-box; }

.mdl-layout-spacer {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.mdl-layout__drawer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  width: 240px;
  height: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  border-right: 1px solid rgb(224,224,224);
  background: rgb(250,250,250);
  -webkit-transform: translateX(-250px);
          transform: translateX(-250px);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  will-change: transform;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  color: rgb(66,66,66);
  overflow: visible;
  overflow-y: auto;
  z-index: 5; }
  .mdl-layout__drawer.is-visible {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
    .mdl-layout__drawer.is-visible ~ .mdl-layout__content.mdl-layout__content {
      overflow: hidden; }
  .mdl-layout__drawer > * {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .mdl-layout__drawer > .mdl-layout__title,
  .mdl-layout__drawer > .mdl-layout-title {
    line-height: 64px;
    padding-left: 40px; }
    @media screen and (max-width: 1024px) {
      .mdl-layout__drawer > .mdl-layout__title,
      .mdl-layout__drawer > .mdl-layout-title {
        line-height: 56px;
        padding-left: 16px; } }
  .mdl-layout__drawer .mdl-navigation {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding-top: 16px; }
    .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
      display: block;
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0;
      padding: 16px 40px;
      margin: 0;
      color: #757575; }
      @media screen and (max-width: 1024px) {
        .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
          padding: 16px 16px; } }
      .mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
        background-color: rgb(224,224,224); }
      .mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current {
        background-color: rgb(224,224,224);
        color: rgb(0,0,0); }
  @media screen and (min-width: 1025px) {
    .mdl-layout--fixed-drawer > .mdl-layout__drawer {
      -webkit-transform: translateX(0);
              transform: translateX(0); } }

.mdl-layout__drawer-button {
  display: block;
  position: absolute;
  height: 48px;
  width: 48px;
  border: 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  font-size: 26px;
  line-height: 56px;
  font-family: Helvetica, Arial, sans-serif;
  margin: 8px 12px;
  top: 0;
  left: 0;
  color: rgb(255,255,255);
  z-index: 4; }
  .mdl-layout__header .mdl-layout__drawer-button {
    position: absolute;
    color: rgb(255,255,255);
    background-color: inherit; }
    @media screen and (max-width: 1024px) {
      .mdl-layout__header .mdl-layout__drawer-button {
        margin: 4px; } }
  @media screen and (max-width: 1024px) {
    .mdl-layout__drawer-button {
      margin: 4px;
      color: rgba(0, 0, 0, 0.5); } }
  @media screen and (min-width: 1025px) {
    .mdl-layout__drawer-button {
      line-height: 54px; }
      .mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button,
      .mdl-layout--fixed-drawer > .mdl-layout__drawer-button,
      .mdl-layout--no-drawer-button .mdl-layout__drawer-button {
        display: none; } }

.mdl-layout__header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  box-sizing: border-box;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  min-height: 64px;
  max-height: 1000px;
  z-index: 3;
  background-color: rgb(63,81,181);
  color: rgb(255,255,255);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: max-height, box-shadow; }
  @media screen and (max-width: 1024px) {
    .mdl-layout__header {
      min-height: 56px; } }
  .mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen) > .mdl-layout__header {
    margin-left: 240px;
    width: calc(100% - 240px); }
  @media screen and (min-width: 1025px) {
    .mdl-layout--fixed-drawer > .mdl-layout__header .mdl-layout__header-row {
      padding-left: 40px; } }
  .mdl-layout__header > .mdl-layout-icon {
    position: absolute;
    left: 40px;
    top: 16px;
    height: 32px;
    width: 32px;
    overflow: hidden;
    z-index: 3;
    display: block; }
    @media screen and (max-width: 1024px) {
      .mdl-layout__header > .mdl-layout-icon {
        left: 16px;
        top: 12px; } }
  .mdl-layout.has-drawer .mdl-layout__header > .mdl-layout-icon {
    display: none; }
  .mdl-layout__header.is-compact {
    max-height: 64px; }
    @media screen and (max-width: 1024px) {
      .mdl-layout__header.is-compact {
        max-height: 56px; } }
  .mdl-layout__header.is-compact.has-tabs {
    height: 112px; }
    @media screen and (max-width: 1024px) {
      .mdl-layout__header.is-compact.has-tabs {
        min-height: 104px; } }
  @media screen and (max-width: 1024px) {
    .mdl-layout__header {
      display: none; }
    .mdl-layout--fixed-header > .mdl-layout__header {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }

.mdl-layout__header--transparent.mdl-layout__header--transparent {
  background-color: transparent;
  box-shadow: none; }

.mdl-layout__header--seamed {
  box-shadow: none; }

.mdl-layout__header--scroll {
  box-shadow: none; }

.mdl-layout__header--waterfall {
  box-shadow: none;
  overflow: hidden; }
  .mdl-layout__header--waterfall.is-casting-shadow {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
  .mdl-layout__header--waterfall.mdl-layout__header--waterfall-hide-top {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }

.mdl-layout__header-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  box-sizing: border-box;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 64px;
  margin: 0;
  padding: 0 40px 0 80px; }
  .mdl-layout--no-drawer-button .mdl-layout__header-row {
    padding-left: 40px; }
  @media screen and (min-width: 1025px) {
    .mdl-layout--no-desktop-drawer-button .mdl-layout__header-row {
      padding-left: 40px; } }
  @media screen and (max-width: 1024px) {
    .mdl-layout__header-row {
      height: 56px;
      padding: 0 16px 0 72px; }
      .mdl-layout--no-drawer-button .mdl-layout__header-row {
        padding-left: 16px; } }
  .mdl-layout__header-row > * {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .mdl-layout__header--scroll .mdl-layout__header-row {
    width: 100%; }
  .mdl-layout__header-row .mdl-navigation {
    margin: 0;
    padding: 0;
    height: 64px;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    @media screen and (max-width: 1024px) {
      .mdl-layout__header-row .mdl-navigation {
        height: 56px; } }
  .mdl-layout__header-row .mdl-navigation__link {
    display: block;
    color: rgb(255,255,255);
    line-height: 64px;
    padding: 0 24px; }
    @media screen and (max-width: 1024px) {
      .mdl-layout__header-row .mdl-navigation__link {
        line-height: 56px;
        padding: 0 16px; } }

.mdl-layout__obfuscator {
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 4;
  visibility: hidden;
  transition-property: background-color;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  .mdl-layout__obfuscator.is-visible {
    background-color: rgba(0, 0, 0, 0.5);
    visibility: visible; }
  @supports (pointer-events: auto) {
    .mdl-layout__obfuscator {
      background-color: rgba(0, 0, 0, 0.5);
      opacity: 0;
      transition-property: opacity;
      visibility: visible;
      pointer-events: none; }
      .mdl-layout__obfuscator.is-visible {
        pointer-events: auto;
        opacity: 1; } }

.mdl-layout__content {
  -ms-flex: 0 1 auto;
  position: relative;
  display: inline-block;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  z-index: 1;
  -webkit-overflow-scrolling: touch; }
  .mdl-layout--fixed-drawer > .mdl-layout__content {
    margin-left: 240px; }
  .mdl-layout__container.has-scrolling-header .mdl-layout__content {
    overflow: visible; }
  @media screen and (max-width: 1024px) {
    .mdl-layout--fixed-drawer > .mdl-layout__content {
      margin-left: 0; }
    .mdl-layout__container.has-scrolling-header .mdl-layout__content {
      overflow-y: auto;
      overflow-x: hidden; } }

.mdl-layout__tab-bar {
  height: 96px;
  margin: 0;
  width: calc(100% - 112px);
  padding: 0 0 0 56px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: rgb(63,81,181);
  overflow-y: hidden;
  overflow-x: scroll; }
  .mdl-layout__tab-bar::-webkit-scrollbar {
    display: none; }
  .mdl-layout--no-drawer-button .mdl-layout__tab-bar {
    padding-left: 16px;
    width: calc(100% - 32px); }
  @media screen and (min-width: 1025px) {
    .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar {
      padding-left: 16px;
      width: calc(100% - 32px); } }
  @media screen and (max-width: 1024px) {
    .mdl-layout__tab-bar {
      width: calc(100% - 60px);
      padding: 0 0 0 60px; }
      .mdl-layout--no-drawer-button .mdl-layout__tab-bar {
        width: calc(100% - 8px);
        padding-left: 4px; } }
  .mdl-layout--fixed-tabs .mdl-layout__tab-bar {
    padding: 0;
    overflow: hidden;
    width: 100%; }

.mdl-layout__tab-bar-container {
  position: relative;
  height: 48px;
  width: 100%;
  border: none;
  margin: 0;
  z-index: 2;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  overflow: hidden; }
  .mdl-layout__container > .mdl-layout__tab-bar-container {
    position: absolute;
    top: 0;
    left: 0; }

.mdl-layout__tab-bar-button {
  display: inline-block;
  position: absolute;
  top: 0;
  height: 48px;
  width: 56px;
  z-index: 4;
  text-align: center;
  background-color: rgb(63,81,181);
  color: transparent;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button,
  .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button {
    width: 16px; }
    .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button .material-icons,
    .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button .material-icons {
      position: relative;
      left: -4px; }
  @media screen and (max-width: 1024px) {
    .mdl-layout__tab-bar-button {
      width: 60px; } }
  .mdl-layout--fixed-tabs .mdl-layout__tab-bar-button {
    display: none; }
  .mdl-layout__tab-bar-button .material-icons {
    line-height: 48px; }
  .mdl-layout__tab-bar-button.is-active {
    color: rgb(255,255,255); }

.mdl-layout__tab-bar-left-button {
  left: 0; }

.mdl-layout__tab-bar-right-button {
  right: 0; }

.mdl-layout__tab {
  margin: 0;
  border: none;
  padding: 0 24px 0 24px;
  float: left;
  position: relative;
  display: block;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  text-decoration: none;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: rgba(255,255,255, 0.6);
  overflow: hidden; }
  @media screen and (max-width: 1024px) {
    .mdl-layout__tab {
      padding: 0 12px 0 12px; } }
  .mdl-layout--fixed-tabs .mdl-layout__tab {
    float: none;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 0; }
  .mdl-layout.is-upgraded .mdl-layout__tab.is-active {
    color: rgb(255,255,255); }
  .mdl-layout.is-upgraded .mdl-layout__tab.is-active::after {
    height: 2px;
    width: 100%;
    display: block;
    content: " ";
    bottom: 0;
    left: 0;
    position: absolute;
    background: rgb(255,64,129);
    -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
            animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
    transition: all 1s cubic-bezier(0.4, 0, 1, 1); }
  .mdl-layout__tab .mdl-layout__tab-ripple-container {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: hidden; }
    .mdl-layout__tab .mdl-layout__tab-ripple-container .mdl-ripple {
      background-color: rgb(255,255,255); }

.mdl-layout__tab-panel {
  display: block; }
  .mdl-layout.is-upgraded .mdl-layout__tab-panel {
    display: none; }
  .mdl-layout.is-upgraded .mdl-layout__tab-panel.is-active {
    display: block; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-radio {
  position: relative;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  height: 24px;
  margin: 0;
  padding-left: 0; }
  .mdl-radio.is-upgraded {
    padding-left: 24px; }

.mdl-radio__button {
  line-height: 24px; }
  .mdl-radio.is-upgraded .mdl-radio__button {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none; }

.mdl-radio__outer-circle {
  position: absolute;
  top: 4px;
  left: 0;
  display: inline-block;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
  border: 2px solid rgba(0,0,0, 0.54);
  border-radius: 50%;
  z-index: 2; }
  .mdl-radio.is-checked .mdl-radio__outer-circle {
    border: 2px solid rgb(63,81,181); }
  .mdl-radio__outer-circle fieldset[disabled] .mdl-radio,
  .mdl-radio.is-disabled .mdl-radio__outer-circle {
    border: 2px solid rgba(0,0,0, 0.26);
    cursor: auto; }

.mdl-radio__inner-circle {
  position: absolute;
  z-index: 1;
  margin: 0;
  top: 8px;
  left: 4px;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  cursor: pointer;
  transition-duration: 0.28s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
  border-radius: 50%;
  background: rgb(63,81,181); }
  .mdl-radio.is-checked .mdl-radio__inner-circle {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  fieldset[disabled] .mdl-radio .mdl-radio__inner-circle,
  .mdl-radio.is-disabled .mdl-radio__inner-circle {
    background: rgba(0,0,0, 0.26);
    cursor: auto; }
  .mdl-radio.is-focused .mdl-radio__inner-circle {
    box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0.1); }

.mdl-radio__label {
  cursor: pointer; }
  fieldset[disabled] .mdl-radio .mdl-radio__label,
  .mdl-radio.is-disabled .mdl-radio__label {
    color: rgba(0,0,0, 0.26);
    cursor: auto; }

.mdl-radio__ripple-container {
  position: absolute;
  z-index: 2;
  top: -9px;
  left: -13px;
  box-sizing: border-box;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
  .mdl-radio__ripple-container .mdl-ripple {
    background: rgb(63,81,181); }
  fieldset[disabled] .mdl-radio .mdl-radio__ripple-container,
  .mdl-radio.is-disabled .mdl-radio__ripple-container {
    cursor: auto; }
  fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple,
  .mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple {
    background: transparent; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
_:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
  -ms-appearance: none;
  height: 32px;
  margin: 0; }

.mdl-slider {
  width: calc(100% - 40px);
  margin: 0 20px; }
  .mdl-slider.is-upgraded {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 2px;
    background: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
    outline: 0;
    padding: 0;
    color: rgb(63,81,181);
    -webkit-align-self: center;
        -ms-flex-item-align: center;
                -ms-grid-row-align: center;
            align-self: center;
    z-index: 1;
    cursor: pointer;
    /**************************** Tracks ****************************/
    /**************************** Thumbs ****************************/
    /**************************** 0-value ****************************/
    /**************************** Disabled ****************************/ }
    .mdl-slider.is-upgraded::-moz-focus-outer {
      border: 0; }
    .mdl-slider.is-upgraded::-ms-tooltip {
      display: none; }
    .mdl-slider.is-upgraded::-webkit-slider-runnable-track {
      background: transparent; }
    .mdl-slider.is-upgraded::-moz-range-track {
      background: transparent;
      border: none; }
    .mdl-slider.is-upgraded::-ms-track {
      background: none;
      color: transparent;
      height: 2px;
      width: 100%;
      border: none; }
    .mdl-slider.is-upgraded::-ms-fill-lower {
      padding: 0;
      background: linear-gradient(to right, transparent, transparent 16px, rgb(63,81,181) 16px, rgb(63,81,181) 0); }
    .mdl-slider.is-upgraded::-ms-fill-upper {
      padding: 0;
      background: linear-gradient(to left, transparent, transparent 16px, rgba(0,0,0, 0.26) 16px, rgba(0,0,0, 0.26) 0); }
    .mdl-slider.is-upgraded::-webkit-slider-thumb {
      -webkit-appearance: none;
      width: 12px;
      height: 12px;
      box-sizing: border-box;
      border-radius: 50%;
      background: rgb(63,81,181);
      border: none;
      transition: border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
      transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
      transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1); }
    .mdl-slider.is-upgraded::-moz-range-thumb {
      -moz-appearance: none;
      width: 12px;
      height: 12px;
      box-sizing: border-box;
      border-radius: 50%;
      background-image: none;
      background: rgb(63,81,181);
      border: none; }
    .mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb {
      box-shadow: 0 0 0 10px rgba(63,81,181, 0.26); }
    .mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {
      box-shadow: 0 0 0 10px rgba(63,81,181, 0.26); }
    .mdl-slider.is-upgraded:active::-webkit-slider-thumb {
      background-image: none;
      background: rgb(63,81,181);
      -webkit-transform: scale(1.5);
              transform: scale(1.5); }
    .mdl-slider.is-upgraded:active::-moz-range-thumb {
      background-image: none;
      background: rgb(63,81,181);
      transform: scale(1.5); }
    .mdl-slider.is-upgraded::-ms-thumb {
      width: 32px;
      height: 32px;
      border: none;
      border-radius: 50%;
      background: rgb(63,81,181);
      transform: scale(0.375);
      transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
      transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
      transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1); }
    .mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb {
      background: radial-gradient(circle closest-side, rgb(63,81,181) 0%, rgb(63,81,181) 37.5%, rgba(63,81,181, 0.26) 37.5%, rgba(63,81,181, 0.26) 100%);
      transform: scale(1); }
    .mdl-slider.is-upgraded:active::-ms-thumb {
      background: rgb(63,81,181);
      transform: scale(0.5625); }
    .mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb {
      border: 2px solid rgba(0,0,0, 0.26);
      background: transparent; }
    .mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb {
      border: 2px solid rgba(0,0,0, 0.26);
      background: transparent; }
    .mdl-slider.is-upgraded.is-lowest-value +
.mdl-slider__background-flex > .mdl-slider__background-upper {
      left: 6px; }
    .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {
      box-shadow: 0 0 0 10px rgba(0,0,0, 0.12);
      background: rgba(0,0,0, 0.12); }
    .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb {
      box-shadow: 0 0 0 10px rgba(0,0,0, 0.12);
      background: rgba(0,0,0, 0.12); }
    .mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb {
      border: 1.6px solid rgba(0,0,0, 0.26);
      -webkit-transform: scale(1.5);
              transform: scale(1.5); }
    .mdl-slider.is-upgraded.is-lowest-value:active +
.mdl-slider__background-flex > .mdl-slider__background-upper {
      left: 9px; }
    .mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb {
      border: 1.5px solid rgba(0,0,0, 0.26);
      transform: scale(1.5); }
    .mdl-slider.is-upgraded.is-lowest-value::-ms-thumb {
      background: radial-gradient(circle closest-side, transparent 0%, transparent 66.67%, rgba(0,0,0, 0.26) 66.67%, rgba(0,0,0, 0.26) 100%); }
    .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb {
      background: radial-gradient(circle closest-side, rgba(0,0,0, 0.12) 0%, rgba(0,0,0, 0.12) 25%, rgba(0,0,0, 0.26) 25%, rgba(0,0,0, 0.26) 37.5%, rgba(0,0,0, 0.12) 37.5%, rgba(0,0,0, 0.12) 100%);
      transform: scale(1); }
    .mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb {
      transform: scale(0.5625);
      background: radial-gradient(circle closest-side, transparent 0%, transparent 77.78%, rgba(0,0,0, 0.26) 77.78%, rgba(0,0,0, 0.26) 100%); }
    .mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower {
      background: transparent; }
    .mdl-slider.is-upgraded.is-lowest-value::-ms-fill-upper {
      margin-left: 6px; }
    .mdl-slider.is-upgraded.is-lowest-value:active::-ms-fill-upper {
      margin-left: 9px; }
    .mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb, .mdl-slider.is-upgraded:disabled:active::-webkit-slider-thumb, .mdl-slider.is-upgraded:disabled::-webkit-slider-thumb {
      -webkit-transform: scale(0.667);
              transform: scale(0.667);
      background: rgba(0,0,0, 0.26); }
    .mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb, .mdl-slider.is-upgraded:disabled:active::-moz-range-thumb, .mdl-slider.is-upgraded:disabled::-moz-range-thumb {
      transform: scale(0.667);
      background: rgba(0,0,0, 0.26); }
    .mdl-slider.is-upgraded:disabled +
.mdl-slider__background-flex > .mdl-slider__background-lower {
      background-color: rgba(0,0,0, 0.26);
      left: -6px; }
    .mdl-slider.is-upgraded:disabled +
.mdl-slider__background-flex > .mdl-slider__background-upper {
      left: 6px; }
    .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-webkit-slider-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-webkit-slider-thumb {
      border: 3px solid rgba(0,0,0, 0.26);
      background: transparent;
      -webkit-transform: scale(0.667);
              transform: scale(0.667); }
    .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb {
      border: 3px solid rgba(0,0,0, 0.26);
      background: transparent;
      transform: scale(0.667); }
    .mdl-slider.is-upgraded.is-lowest-value:disabled:active +
.mdl-slider__background-flex > .mdl-slider__background-upper {
      left: 6px; }
    .mdl-slider.is-upgraded:disabled:focus::-ms-thumb, .mdl-slider.is-upgraded:disabled:active::-ms-thumb, .mdl-slider.is-upgraded:disabled::-ms-thumb {
      transform: scale(0.25);
      background: rgba(0,0,0, 0.26); }
    .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb {
      transform: scale(0.25);
      background: radial-gradient(circle closest-side, transparent 0%, transparent 50%, rgba(0,0,0, 0.26) 50%, rgba(0,0,0, 0.26) 100%); }
    .mdl-slider.is-upgraded:disabled::-ms-fill-lower {
      margin-right: 6px;
      background: linear-gradient(to right, transparent, transparent 25px, rgba(0,0,0, 0.26) 25px, rgba(0,0,0, 0.26) 0); }
    .mdl-slider.is-upgraded:disabled::-ms-fill-upper {
      margin-left: 6px; }
    .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-fill-upper {
      margin-left: 6px; }

.mdl-slider__ie-container {
  height: 18px;
  overflow: visible;
  border: none;
  margin: none;
  padding: none; }

.mdl-slider__container {
  height: 18px;
  position: relative;
  background: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row; }

.mdl-slider__background-flex {
  background: transparent;
  position: absolute;
  height: 2px;
  width: calc(100% - 52px);
  top: 50%;
  left: 0;
  margin: 0 26px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  border: 0;
  padding: 0;
  -webkit-transform: translate(0, -1px);
          transform: translate(0, -1px); }

.mdl-slider__background-lower {
  background: rgb(63,81,181);
  -webkit-flex: 0;
      -ms-flex: 0;
          flex: 0;
  position: relative;
  border: 0;
  padding: 0; }

.mdl-slider__background-upper {
  background: rgba(0,0,0, 0.26);
  -webkit-flex: 0;
      -ms-flex: 0;
          flex: 0;
  position: relative;
  border: 0;
  padding: 0;
  transition: left 0.18s cubic-bezier(0.4, 0, 0.2, 1); }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-snackbar {
  position: fixed;
  bottom: 0;
  left: 50%;
  cursor: default;
  background-color: #323232;
  z-index: 3;
  display: block;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  will-change: transform;
  -webkit-transform: translate(0, 80px);
          transform: translate(0, 80px);
  transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);
  pointer-events: none; }
  @media (max-width: 479px) {
    .mdl-snackbar {
      width: 100%;
      left: 0;
      min-height: 48px;
      max-height: 80px; } }
  @media (min-width: 480px) {
    .mdl-snackbar {
      min-width: 288px;
      max-width: 568px;
      border-radius: 2px;
      -webkit-transform: translate(-50%, 80px);
              transform: translate(-50%, 80px); } }
  .mdl-snackbar--active {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    pointer-events: auto;
    transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1); }
    @media (min-width: 480px) {
      .mdl-snackbar--active {
        -webkit-transform: translate(-50%, 0);
                transform: translate(-50%, 0); } }
  .mdl-snackbar__text {
    padding: 14px 12px 14px 24px;
    vertical-align: middle;
    color: white;
    float: left; }
  .mdl-snackbar__action {
    background: transparent;
    border: none;
    color: rgb(255,64,129);
    float: right;
    text-transform: uppercase;
    padding: 14px 24px 14px 12px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0;
    overflow: hidden;
    outline: none;
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
                -ms-grid-row-align: center;
            align-self: center; }
    .mdl-snackbar__action::-moz-focus-inner {
      border: 0; }
    .mdl-snackbar__action:not([aria-hidden]) {
      opacity: 1;
      pointer-events: auto; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-spinner {
  display: inline-block;
  position: relative;
  width: 28px;
  height: 28px; }
  .mdl-spinner:not(.is-upgraded).is-active:after {
    content: "Loading..."; }
  .mdl-spinner.is-upgraded.is-active {
    -webkit-animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite;
            animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite; }

@-webkit-keyframes mdl-spinner__container-rotate {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes mdl-spinner__container-rotate {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.mdl-spinner__layer {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0; }

.mdl-spinner__layer-1 {
  border-color: rgb(66,165,245); }
  .mdl-spinner--single-color .mdl-spinner__layer-1 {
    border-color: rgb(63,81,181); }
  .mdl-spinner.is-active .mdl-spinner__layer-1 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
            animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.mdl-spinner__layer-2 {
  border-color: rgb(244,67,54); }
  .mdl-spinner--single-color .mdl-spinner__layer-2 {
    border-color: rgb(63,81,181); }
  .mdl-spinner.is-active .mdl-spinner__layer-2 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
            animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.mdl-spinner__layer-3 {
  border-color: rgb(253,216,53); }
  .mdl-spinner--single-color .mdl-spinner__layer-3 {
    border-color: rgb(63,81,181); }
  .mdl-spinner.is-active .mdl-spinner__layer-3 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
            animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.mdl-spinner__layer-4 {
  border-color: rgb(76,175,80); }
  .mdl-spinner--single-color .mdl-spinner__layer-4 {
    border-color: rgb(63,81,181); }
  .mdl-spinner.is-active .mdl-spinner__layer-4 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
            animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

@-webkit-keyframes mdl-spinner__fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); }
  25% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
  37.5% {
    -webkit-transform: rotate(405deg);
            transform: rotate(405deg); }
  50% {
    -webkit-transform: rotate(540deg);
            transform: rotate(540deg); }
  62.5% {
    -webkit-transform: rotate(675deg);
            transform: rotate(675deg); }
  75% {
    -webkit-transform: rotate(810deg);
            transform: rotate(810deg); }
  87.5% {
    -webkit-transform: rotate(945deg);
            transform: rotate(945deg); }
  to {
    -webkit-transform: rotate(1080deg);
            transform: rotate(1080deg); } }

@keyframes mdl-spinner__fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); }
  25% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
  37.5% {
    -webkit-transform: rotate(405deg);
            transform: rotate(405deg); }
  50% {
    -webkit-transform: rotate(540deg);
            transform: rotate(540deg); }
  62.5% {
    -webkit-transform: rotate(675deg);
            transform: rotate(675deg); }
  75% {
    -webkit-transform: rotate(810deg);
            transform: rotate(810deg); }
  87.5% {
    -webkit-transform: rotate(945deg);
            transform: rotate(945deg); }
  to {
    -webkit-transform: rotate(1080deg);
            transform: rotate(1080deg); } }

/**
* HACK: Even though the intention is to have the current .mdl-spinner__layer-N
* at `opacity: 1`, we set it to `opacity: 0.99` instead since this forces Chrome
* to do proper subpixel rendering for the elements being animated. This is
* especially visible in Chrome 39 on Ubuntu 14.04. See:
*
* - https://github.com/Polymer/paper-spinner/issues/9
* - https://code.google.com/p/chromium/issues/detail?id=436255
*/
@-webkit-keyframes mdl-spinner__layer-1-fade-in-out {
  from {
    opacity: 0.99; }
  25% {
    opacity: 0.99; }
  26% {
    opacity: 0; }
  89% {
    opacity: 0; }
  90% {
    opacity: 0.99; }
  100% {
    opacity: 0.99; } }
@keyframes mdl-spinner__layer-1-fade-in-out {
  from {
    opacity: 0.99; }
  25% {
    opacity: 0.99; }
  26% {
    opacity: 0; }
  89% {
    opacity: 0; }
  90% {
    opacity: 0.99; }
  100% {
    opacity: 0.99; } }

@-webkit-keyframes mdl-spinner__layer-2-fade-in-out {
  from {
    opacity: 0; }
  15% {
    opacity: 0; }
  25% {
    opacity: 0.99; }
  50% {
    opacity: 0.99; }
  51% {
    opacity: 0; } }

@keyframes mdl-spinner__layer-2-fade-in-out {
  from {
    opacity: 0; }
  15% {
    opacity: 0; }
  25% {
    opacity: 0.99; }
  50% {
    opacity: 0.99; }
  51% {
    opacity: 0; } }

@-webkit-keyframes mdl-spinner__layer-3-fade-in-out {
  from {
    opacity: 0; }
  40% {
    opacity: 0; }
  50% {
    opacity: 0.99; }
  75% {
    opacity: 0.99; }
  76% {
    opacity: 0; } }

@keyframes mdl-spinner__layer-3-fade-in-out {
  from {
    opacity: 0; }
  40% {
    opacity: 0; }
  50% {
    opacity: 0.99; }
  75% {
    opacity: 0.99; }
  76% {
    opacity: 0; } }

@-webkit-keyframes mdl-spinner__layer-4-fade-in-out {
  from {
    opacity: 0; }
  65% {
    opacity: 0; }
  75% {
    opacity: 0.99; }
  90% {
    opacity: 0.99; }
  100% {
    opacity: 0; } }

@keyframes mdl-spinner__layer-4-fade-in-out {
  from {
    opacity: 0; }
  65% {
    opacity: 0; }
  75% {
    opacity: 0.99; }
  90% {
    opacity: 0.99; }
  100% {
    opacity: 0; } }

/**
* Patch the gap that appear between the two adjacent
* div.mdl-spinner__circle-clipper while the spinner is rotating
* (appears on Chrome 38, Safari 7.1, and IE 11).
*
* Update: the gap no longer appears on Chrome when .mdl-spinner__layer-N's
* opacity is 0.99, but still does on Safari and IE.
*/
.mdl-spinner__gap-patch {
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 45%;
  width: 10%;
  height: 100%;
  overflow: hidden;
  border-color: inherit; }
  .mdl-spinner__gap-patch .mdl-spinner__circle {
    width: 1000%;
    left: -450%; }

.mdl-spinner__circle-clipper {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-color: inherit; }
  .mdl-spinner__circle-clipper.mdl-spinner__left {
    float: left; }
  .mdl-spinner__circle-clipper.mdl-spinner__right {
    float: right; }
  .mdl-spinner__circle-clipper .mdl-spinner__circle {
    width: 200%; }

.mdl-spinner__circle {
  box-sizing: border-box;
  height: 100%;
  border-width: 3px;
  border-style: solid;
  border-color: inherit;
  border-bottom-color: transparent !important;
  border-radius: 50%;
  -webkit-animation: none;
          animation: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  .mdl-spinner__left .mdl-spinner__circle {
    border-right-color: transparent !important;
    -webkit-transform: rotate(129deg);
            transform: rotate(129deg); }
    .mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle {
      -webkit-animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
              animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
  .mdl-spinner__right .mdl-spinner__circle {
    left: -100%;
    border-left-color: transparent !important;
    -webkit-transform: rotate(-129deg);
            transform: rotate(-129deg); }
    .mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle {
      -webkit-animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
              animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

@-webkit-keyframes mdl-spinner__left-spin {
  from {
    -webkit-transform: rotate(130deg);
            transform: rotate(130deg); }
  50% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(130deg);
            transform: rotate(130deg); } }

@keyframes mdl-spinner__left-spin {
  from {
    -webkit-transform: rotate(130deg);
            transform: rotate(130deg); }
  50% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(130deg);
            transform: rotate(130deg); } }

@-webkit-keyframes mdl-spinner__right-spin {
  from {
    -webkit-transform: rotate(-130deg);
            transform: rotate(-130deg); }
  50% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg); }
  to {
    -webkit-transform: rotate(-130deg);
            transform: rotate(-130deg); } }

@keyframes mdl-spinner__right-spin {
  from {
    -webkit-transform: rotate(-130deg);
            transform: rotate(-130deg); }
  50% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg); }
  to {
    -webkit-transform: rotate(-130deg);
            transform: rotate(-130deg); } }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-switch {
  position: relative;
  z-index: 1;
  vertical-align: middle;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  height: 24px;
  margin: 0;
  padding: 0;
  overflow: visible;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .mdl-switch.is-upgraded {
    padding-left: 28px; }

.mdl-switch__input {
  line-height: 24px; }
  .mdl-switch.is-upgraded .mdl-switch__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none; }

.mdl-switch__track {
  background: rgba(0,0,0, 0.26);
  position: absolute;
  left: 0;
  top: 5px;
  height: 14px;
  width: 36px;
  border-radius: 14px;
  cursor: pointer; }
  .mdl-switch.is-checked .mdl-switch__track {
    background: rgba(63,81,181, 0.5); }
  .mdl-switch__track fieldset[disabled] .mdl-switch,
  .mdl-switch.is-disabled .mdl-switch__track {
    background: rgba(0,0,0, 0.12);
    cursor: auto; }

.mdl-switch__thumb {
  background: rgb(250,250,250);
  position: absolute;
  left: 0;
  top: 2px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  transition-duration: 0.28s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: left; }
  .mdl-switch.is-checked .mdl-switch__thumb {
    background: rgb(63,81,181);
    left: 16px;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); }
  .mdl-switch__thumb fieldset[disabled] .mdl-switch,
  .mdl-switch.is-disabled .mdl-switch__thumb {
    background: rgb(189,189,189);
    cursor: auto; }

.mdl-switch__focus-helper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-4px, -4px);
          transform: translate(-4px, -4px);
  display: inline-block;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: transparent; }
  .mdl-switch.is-focused .mdl-switch__focus-helper {
    box-shadow: 0 0 0px 20px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1); }
  .mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {
    box-shadow: 0 0 0px 20px rgba(63,81,181, 0.26);
    background-color: rgba(63,81,181, 0.26); }

.mdl-switch__label {
  position: relative;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  left: 24px; }
  .mdl-switch__label fieldset[disabled] .mdl-switch,
  .mdl-switch.is-disabled .mdl-switch__label {
    color: rgb(189,189,189);
    cursor: auto; }

.mdl-switch__ripple-container {
  position: absolute;
  z-index: 2;
  top: -12px;
  left: -14px;
  box-sizing: border-box;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
  transition-duration: 0.40s;
  transition-timing-function: step-end;
  transition-property: left; }
  .mdl-switch__ripple-container .mdl-ripple {
    background: rgb(63,81,181); }
  .mdl-switch__ripple-container fieldset[disabled] .mdl-switch,
  .mdl-switch.is-disabled .mdl-switch__ripple-container {
    cursor: auto; }
  fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple,
  .mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple {
    background: transparent; }
  .mdl-switch.is-checked .mdl-switch__ripple-container {
    left: 2px; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-tabs {
  display: block;
  width: 100%; }

.mdl-tabs__tab-bar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-content: space-between;
      -ms-flex-line-pack: justify;
          align-content: space-between;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 48px;
  padding: 0 0 0 0;
  margin: 0;
  border-bottom: 1px solid rgb(224,224,224); }

.mdl-tabs__tab {
  margin: 0;
  border: none;
  padding: 0 24px 0 24px;
  float: left;
  position: relative;
  display: block;
  text-decoration: none;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: rgba(0,0,0, 0.54);
  overflow: hidden; }
  .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
    color: rgba(0,0,0, 0.87); }
  .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
    height: 2px;
    width: 100%;
    display: block;
    content: " ";
    bottom: 0px;
    left: 0px;
    position: absolute;
    background: rgb(63,81,181);
    -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
            animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
    transition: all 1s cubic-bezier(0.4, 0, 1, 1); }
  .mdl-tabs__tab .mdl-tabs__ripple-container {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    z-index: 1;
    overflow: hidden; }
    .mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple {
      background: rgb(63,81,181); }

.mdl-tabs__panel {
  display: block; }
  .mdl-tabs.is-upgraded .mdl-tabs__panel {
    display: none; }
  .mdl-tabs.is-upgraded .mdl-tabs__panel.is-active {
    display: block; }

@-webkit-keyframes border-expand {
  0% {
    opacity: 0;
    width: 0; }
  100% {
    opacity: 1;
    width: 100%; } }

@keyframes border-expand {
  0% {
    opacity: 0;
    width: 0; }
  100% {
    opacity: 1;
    width: 100%; } }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-textfield {
  position: relative;
  font-size: 16px;
  display: inline-block;
  box-sizing: border-box;
  width: 300px;
  max-width: 100%;
  margin: 0;
  padding: 20px 0; }
  .mdl-textfield .mdl-button {
    position: absolute;
    bottom: 20px; }

.mdl-textfield--align-right {
  text-align: right; }

.mdl-textfield--full-width {
  width: 100%; }

.mdl-textfield--expandable {
  min-width: 32px;
  width: auto;
  min-height: 32px; }
  .mdl-textfield--expandable .mdl-button--icon {
    top: 16px; }

.mdl-textfield__input {
  border: none;
  border-bottom: 1px solid rgba(0,0,0, 0.12);
  display: block;
  font-size: 16px;
  font-family: "Helvetica", "Arial", sans-serif;
  margin: 0;
  padding: 4px 0;
  width: 100%;
  background: none;
  text-align: left;
  color: inherit; }
  .mdl-textfield__input[type="number"] {
    -moz-appearance: textfield; }
  .mdl-textfield__input[type="number"]::-webkit-inner-spin-button, .mdl-textfield__input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .mdl-textfield.is-focused .mdl-textfield__input {
    outline: none; }
  .mdl-textfield.is-invalid .mdl-textfield__input {
    border-color: rgb(213,0,0);
    box-shadow: none; }
  fieldset[disabled] .mdl-textfield .mdl-textfield__input,
  .mdl-textfield.is-disabled .mdl-textfield__input {
    background-color: transparent;
    border-bottom: 1px dotted rgba(0,0,0, 0.12);
    color: rgba(0,0,0, 0.26); }

.mdl-textfield textarea.mdl-textfield__input {
  display: block; }

.mdl-textfield__label {
  bottom: 0;
  color: rgba(0,0,0, 0.26);
  font-size: 16px;
  left: 0;
  right: 0;
  pointer-events: none;
  position: absolute;
  display: block;
  top: 24px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-align: left; }
  .mdl-textfield.is-dirty .mdl-textfield__label,
  .mdl-textfield.has-placeholder .mdl-textfield__label {
    visibility: hidden; }
  .mdl-textfield--floating-label .mdl-textfield__label {
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    transition: none; }
  fieldset[disabled] .mdl-textfield .mdl-textfield__label,
  .mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {
    color: rgba(0,0,0, 0.26); }
  .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
  .mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
  .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    color: rgb(63,81,181);
    font-size: 12px;
    top: 4px;
    visibility: visible; }
  .mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label,
  .mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label,
  .mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label {
    top: -16px; }
  .mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
    color: rgb(213,0,0);
    font-size: 12px; }
  .mdl-textfield__label:after {
    background-color: rgb(63,81,181);
    bottom: 20px;
    content: '';
    height: 2px;
    left: 45%;
    position: absolute;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    visibility: hidden;
    width: 10px; }
  .mdl-textfield.is-focused .mdl-textfield__label:after {
    left: 0;
    visibility: visible;
    width: 100%; }
  .mdl-textfield.is-invalid .mdl-textfield__label:after {
    background-color: rgb(213,0,0); }

.mdl-textfield__error {
  color: rgb(213,0,0);
  position: absolute;
  font-size: 12px;
  margin-top: 3px;
  visibility: hidden;
  display: block; }
  .mdl-textfield.is-invalid .mdl-textfield__error {
    visibility: visible; }

.mdl-textfield__expandable-holder {
  display: inline-block;
  position: relative;
  margin-left: 32px;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-block;
  max-width: 0.1px; }
  .mdl-textfield.is-focused .mdl-textfield__expandable-holder, .mdl-textfield.is-dirty .mdl-textfield__expandable-holder {
    max-width: 600px; }
  .mdl-textfield__expandable-holder .mdl-textfield__label:after {
    bottom: 0; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-tooltip {
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: top center;
          transform-origin: top center;
  z-index: 999;
  background: rgba(97,97,97, 0.9);
  border-radius: 2px;
  color: rgb(255,255,255);
  display: inline-block;
  font-size: 10px;
  font-weight: 500;
  line-height: 14px;
  max-width: 170px;
  position: fixed;
  top: -500px;
  left: -500px;
  padding: 8px;
  text-align: center; }

.mdl-tooltip.is-active {
  -webkit-animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
          animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards; }

.mdl-tooltip--large {
  line-height: 14px;
  font-size: 14px;
  padding: 16px; }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  50% {
    -webkit-transform: scale(0.99);
            transform: scale(0.99); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
    visibility: visible; } }

@keyframes pulse {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  50% {
    -webkit-transform: scale(0.99);
            transform: scale(0.99); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
    visibility: visible; } }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-shadow--2dp {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }

.mdl-shadow--3dp {
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); }

.mdl-shadow--4dp {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); }

.mdl-shadow--6dp {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); }

.mdl-shadow--8dp {
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }

.mdl-shadow--16dp {
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }

.mdl-shadow--24dp {
  box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2); }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*
* NOTE: Some rules here are applied using duplicate selectors.
* This is on purpose to increase their specificity when applied.
* For example: `.mdl-cell--1-col-phone.mdl-cell--1-col-phone`
*/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-grid {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: 0 auto 0 auto;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
  .mdl-grid.mdl-grid--no-spacing {
    padding: 0; }

.mdl-cell {
  box-sizing: border-box; }

.mdl-cell--top {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start; }

.mdl-cell--middle {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center; }

.mdl-cell--bottom {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end; }

.mdl-cell--stretch {
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
              -ms-grid-row-align: stretch;
          align-self: stretch; }

.mdl-grid.mdl-grid--no-spacing > .mdl-cell {
  margin: 0; }

.mdl-cell--order-1 {
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1; }

.mdl-cell--order-2 {
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2; }

.mdl-cell--order-3 {
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3; }

.mdl-cell--order-4 {
  -webkit-order: 4;
      -ms-flex-order: 4;
          order: 4; }

.mdl-cell--order-5 {
  -webkit-order: 5;
      -ms-flex-order: 5;
          order: 5; }

.mdl-cell--order-6 {
  -webkit-order: 6;
      -ms-flex-order: 6;
          order: 6; }

.mdl-cell--order-7 {
  -webkit-order: 7;
      -ms-flex-order: 7;
          order: 7; }

.mdl-cell--order-8 {
  -webkit-order: 8;
      -ms-flex-order: 8;
          order: 8; }

.mdl-cell--order-9 {
  -webkit-order: 9;
      -ms-flex-order: 9;
          order: 9; }

.mdl-cell--order-10 {
  -webkit-order: 10;
      -ms-flex-order: 10;
          order: 10; }

.mdl-cell--order-11 {
  -webkit-order: 11;
      -ms-flex-order: 11;
          order: 11; }

.mdl-cell--order-12 {
  -webkit-order: 12;
      -ms-flex-order: 12;
          order: 12; }

@media (max-width: 479px) {
  .mdl-grid {
    padding: 8px; }
  .mdl-cell {
    margin: 8px;
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell {
      width: 100%; }
  .mdl-cell--hide-phone {
    display: none !important; }
  .mdl-cell--order-1-phone.mdl-cell--order-1-phone {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .mdl-cell--order-2-phone.mdl-cell--order-2-phone {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .mdl-cell--order-3-phone.mdl-cell--order-3-phone {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .mdl-cell--order-4-phone.mdl-cell--order-4-phone {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .mdl-cell--order-5-phone.mdl-cell--order-5-phone {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .mdl-cell--order-6-phone.mdl-cell--order-6-phone {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  .mdl-cell--order-7-phone.mdl-cell--order-7-phone {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  .mdl-cell--order-8-phone.mdl-cell--order-8-phone {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  .mdl-cell--order-9-phone.mdl-cell--order-9-phone {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  .mdl-cell--order-10-phone.mdl-cell--order-10-phone {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  .mdl-cell--order-11-phone.mdl-cell--order-11-phone {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  .mdl-cell--order-12-phone.mdl-cell--order-12-phone {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  .mdl-cell--1-col,
  .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
    width: calc(25% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing >
    .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
      width: 25%; }
  .mdl-cell--2-col,
  .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
    width: calc(50% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing >
    .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
      width: 50%; }
  .mdl-cell--3-col,
  .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
    width: calc(75% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing >
    .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
      width: 75%; }
  .mdl-cell--4-col,
  .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing >
    .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
      width: 100%; }
  .mdl-cell--5-col,
  .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing >
    .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
      width: 100%; }
  .mdl-cell--6-col,
  .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing >
    .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
      width: 100%; }
  .mdl-cell--7-col,
  .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing >
    .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
      width: 100%; }
  .mdl-cell--8-col,
  .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing >
    .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
      width: 100%; }
  .mdl-cell--9-col,
  .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing >
    .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
      width: 100%; }
  .mdl-cell--10-col,
  .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing >
    .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
      width: 100%; }
  .mdl-cell--11-col,
  .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing >
    .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
      width: 100%; }
  .mdl-cell--12-col,
  .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing >
    .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
      width: 100%; }
  .mdl-cell--1-offset,
  .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
    margin-left: calc(25% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
      margin-left: 25%; }
  .mdl-cell--2-offset,
  .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
    margin-left: calc(50% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
      margin-left: 50%; }
  .mdl-cell--3-offset,
  .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
    margin-left: calc(75% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
      margin-left: 75%; } }

@media (min-width: 480px) and (max-width: 839px) {
  .mdl-grid {
    padding: 8px; }
  .mdl-cell {
    margin: 8px;
    width: calc(50% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell {
      width: 50%; }
  .mdl-cell--hide-tablet {
    display: none !important; }
  .mdl-cell--order-1-tablet.mdl-cell--order-1-tablet {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .mdl-cell--order-2-tablet.mdl-cell--order-2-tablet {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .mdl-cell--order-3-tablet.mdl-cell--order-3-tablet {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .mdl-cell--order-4-tablet.mdl-cell--order-4-tablet {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .mdl-cell--order-5-tablet.mdl-cell--order-5-tablet {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .mdl-cell--order-6-tablet.mdl-cell--order-6-tablet {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  .mdl-cell--order-7-tablet.mdl-cell--order-7-tablet {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  .mdl-cell--order-8-tablet.mdl-cell--order-8-tablet {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  .mdl-cell--order-9-tablet.mdl-cell--order-9-tablet {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  .mdl-cell--order-10-tablet.mdl-cell--order-10-tablet {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  .mdl-cell--order-11-tablet.mdl-cell--order-11-tablet {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  .mdl-cell--order-12-tablet.mdl-cell--order-12-tablet {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  .mdl-cell--1-col,
  .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
    width: calc(12.5% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing >
    .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
      width: 12.5%; }
  .mdl-cell--2-col,
  .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
    width: calc(25% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing >
    .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
      width: 25%; }
  .mdl-cell--3-col,
  .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
    width: calc(37.5% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing >
    .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
      width: 37.5%; }
  .mdl-cell--4-col,
  .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
    width: calc(50% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing >
    .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
      width: 50%; }
  .mdl-cell--5-col,
  .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
    width: calc(62.5% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing >
    .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
      width: 62.5%; }
  .mdl-cell--6-col,
  .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
    width: calc(75% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing >
    .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
      width: 75%; }
  .mdl-cell--7-col,
  .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
    width: calc(87.5% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing >
    .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
      width: 87.5%; }
  .mdl-cell--8-col,
  .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing >
    .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
      width: 100%; }
  .mdl-cell--9-col,
  .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing >
    .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
      width: 100%; }
  .mdl-cell--10-col,
  .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing >
    .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
      width: 100%; }
  .mdl-cell--11-col,
  .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing >
    .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
      width: 100%; }
  .mdl-cell--12-col,
  .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing >
    .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
      width: 100%; }
  .mdl-cell--1-offset,
  .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
    margin-left: calc(12.5% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
      margin-left: 12.5%; }
  .mdl-cell--2-offset,
  .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
    margin-left: calc(25% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
      margin-left: 25%; }
  .mdl-cell--3-offset,
  .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
    margin-left: calc(37.5% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
      margin-left: 37.5%; }
  .mdl-cell--4-offset,
  .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
    margin-left: calc(50% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
      margin-left: 50%; }
  .mdl-cell--5-offset,
  .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
    margin-left: calc(62.5% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
      margin-left: 62.5%; }
  .mdl-cell--6-offset,
  .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
    margin-left: calc(75% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
      margin-left: 75%; }
  .mdl-cell--7-offset,
  .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
    margin-left: calc(87.5% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
      margin-left: 87.5%; } }

@media (min-width: 840px) {
  .mdl-grid {
    padding: 8px; }
  .mdl-cell {
    margin: 8px;
    width: calc(33.3333333333% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell {
      width: 33.3333333333%; }
  .mdl-cell--hide-desktop {
    display: none !important; }
  .mdl-cell--order-1-desktop.mdl-cell--order-1-desktop {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  .mdl-cell--1-col,
  .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
    width: calc(8.3333333333% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing >
    .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
      width: 8.3333333333%; }
  .mdl-cell--2-col,
  .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
    width: calc(16.6666666667% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing >
    .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
      width: 16.6666666667%; }
  .mdl-cell--3-col,
  .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
    width: calc(25% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing >
    .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
      width: 25%; }
  .mdl-cell--4-col,
  .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
    width: calc(33.3333333333% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing >
    .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
      width: 33.3333333333%; }
  .mdl-cell--5-col,
  .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
    width: calc(41.6666666667% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing >
    .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
      width: 41.6666666667%; }
  .mdl-cell--6-col,
  .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
    width: calc(50% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing >
    .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
      width: 50%; }
  .mdl-cell--7-col,
  .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
    width: calc(58.3333333333% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing >
    .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
      width: 58.3333333333%; }
  .mdl-cell--8-col,
  .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
    width: calc(66.6666666667% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing >
    .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
      width: 66.6666666667%; }
  .mdl-cell--9-col,
  .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
    width: calc(75% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing >
    .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
      width: 75%; }
  .mdl-cell--10-col,
  .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
    width: calc(83.3333333333% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing >
    .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
      width: 83.3333333333%; }
  .mdl-cell--11-col,
  .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
    width: calc(91.6666666667% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing >
    .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
      width: 91.6666666667%; }
  .mdl-cell--12-col,
  .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing >
    .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
      width: 100%; }
  .mdl-cell--1-offset,
  .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
    margin-left: calc(8.3333333333% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
      margin-left: 8.3333333333%; }
  .mdl-cell--2-offset,
  .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
    margin-left: calc(16.6666666667% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
      margin-left: 16.6666666667%; }
  .mdl-cell--3-offset,
  .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
    margin-left: calc(25% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
      margin-left: 25%; }
  .mdl-cell--4-offset,
  .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
    margin-left: calc(33.3333333333% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
      margin-left: 33.3333333333%; }
  .mdl-cell--5-offset,
  .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
    margin-left: calc(41.6666666667% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
      margin-left: 41.6666666667%; }
  .mdl-cell--6-offset,
  .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
    margin-left: calc(50% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
      margin-left: 50%; }
  .mdl-cell--7-offset,
  .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
    margin-left: calc(58.3333333333% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
      margin-left: 58.3333333333%; }
  .mdl-cell--8-offset,
  .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
    margin-left: calc(66.6666666667% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
      margin-left: 66.6666666667%; }
  .mdl-cell--9-offset,
  .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
    margin-left: calc(75% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
      margin-left: 75%; }
  .mdl-cell--10-offset,
  .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
    margin-left: calc(83.3333333333% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
      margin-left: 83.3333333333%; }
  .mdl-cell--11-offset,
  .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
    margin-left: calc(91.6666666667% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
      margin-left: 91.6666666667%; } }


.mapContent {
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 1;
    text-align: center;

}

.mapFrameContent {
    top: 0;
    overflow: hidden;
    margin-top: -145px;
    width: 100%;
    height: calc(100% +  158px);
}
.mapFrameContent iframe{
    border:none;
    width: 100%;
    height: 100%;
}
.mapContent .searchContent {
    position: absolute;
    top: 20px;
    z-index: 2;
    width: 100%; 
 }
    .mapContent .searchContent div {
        border: 1px solid #bbbbbb;
        background-color: rgba(30, 14, 14, 0.43);
        height: 35px;
        line-height: 35px;
        min-width: 200px;
        max-width: 380px;
        margin: 0 auto;
        border-radius: 5px;
    }
    .mapContent .searchContent input {
        width: calc(100% - 95px);
        margin-right:10px;
        height: 15px;
        border: 1px solid #bbbbbb;
        border-radius: 5px;
        padding: 5px;
        background-color: rgb(255, 255, 255);
    }
    .mapContent .searchContent button {
        width: 25px;
        box-shadow: none;
        height: 25px;
        min-height: 26px;
        line-height:26px;
        border-radius: 5px;
    }
.ui-timepicker-wrapper {
    overflow-y: auto;
    max-height: 150px;
    width: 6em;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    outline: none;
    z-index: 99999999999999;
    margin: 0;
}

    .ui-timepicker-wrapper.ui-timepicker-with-duration {
        width: 13em;
    }

        .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
        .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
            width: 11em;
        }

.ui-timepicker-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ui-timepicker-duration {
    margin-left: 5px;
    color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
    color: #888;
}

.ui-timepicker-list li {
    padding: 3px 0 3px 5px;
    cursor: pointer;
    white-space: nowrap;
    color: #000;
    list-style: none;
    margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
    background: #fff;
    color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
    background-color: rgb(238,238,238);
    color: #2f2f2f;
}

    li.ui-timepicker-selected .ui-timepicker-duration,
    .ui-timepicker-list li:hover .ui-timepicker-duration {
        color: #ccc;
    }

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
    color: #888;
    cursor: default;
}

    .ui-timepicker-list li.ui-timepicker-disabled:hover,
    .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
        background: #f2f2f2;
    }

@charset "UTF-8";
/*!
 * jQuery contextMenu - Plugin for simple contextMenu handling
 *
 * Version: v2.7.1
 *
 * Authors: Björn Brala (SWIS.nl), Rodney Rehm, Addy Osmani (patches for FF)
 * Web: http://swisnl.github.io/jQuery-contextMenu/
 *
 * Copyright (c) 2011-2018 SWIS BV and contributors
 *
 * Licensed under
 *   MIT License http://www.opensource.org/licenses/mit-license
 *
 * Date: 2018-11-29T10:56:47.812Z
 */
@-webkit-keyframes cm-spin {
  0% {
    -webkit-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(-50%) rotate(359deg);
            transform: translateY(-50%) rotate(359deg);
  }
}
@-o-keyframes cm-spin {
  0% {
    -webkit-transform: translateY(-50%) rotate(0deg);
         -o-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(-50%) rotate(359deg);
         -o-transform: translateY(-50%) rotate(359deg);
            transform: translateY(-50%) rotate(359deg);
  }
}
@keyframes cm-spin {
  0% {
    -webkit-transform: translateY(-50%) rotate(0deg);
         -o-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(-50%) rotate(359deg);
         -o-transform: translateY(-50%) rotate(359deg);
            transform: translateY(-50%) rotate(359deg);
  }
}



.context-menu-list {
    position: absolute;
    display: inline-block;
    min-width: 13em;
    max-width: 26em;
    padding: .25em 0;
    margin: .3em;
    font-family: inherit;
    font-size: inherit;
    list-style-type: none;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);

}

.context-menu-item {
    position: relative;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    color: #2f2f2f;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    min-width: 124px;
    padding: 10px 0;
    padding-right:10px;
    vertical-align: middle;
    outline-color: rgb(189,189,189);
}
    .context-menu-item i {
        margin-left: 6px;
        margin-right: 8px;
        position: absolute;
    }
    .context-menu-item span {
        margin-left: 36px;
      
    }
.context-menu-separator {
  padding: 0; 
  margin: .35em 0;
  border-bottom: 1px solid #e6e6e6;
}

.context-menu-item > label > input,
.context-menu-item > label > textarea {
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}

.context-menu-item.context-menu-hover {
    
    cursor: pointer;
    background-color: rgb(238,238,238);
}

.context-menu-item.context-menu-disabled {
  color: #bbb;
  cursor: default; 
  background-color: #fff;
}

.context-menu-input.context-menu-hover {
  color: #2f2f2f; 
  cursor: default;
}

.context-menu-submenu:after {
  position: absolute;
  top: 50%;
  right: .5em;
  z-index: 1; 
  width: 0;
  height: 0;
  content: '';
  border-color: transparent transparent transparent #2f2f2f;
  border-style: solid;
  border-width: .25em 0 .25em .25em;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}

/**
 * Inputs
 */
.context-menu-item.context-menu-input {
  padding: .3em .6em;
}

/* vertically align inside labels */
.context-menu-input > label > * {
  vertical-align: top;
}

/* position checkboxes and radios as icons */
.context-menu-input > label > input[type="checkbox"],
.context-menu-input > label > input[type="radio"] {
  position: relative;
  top: .12em; 
  margin-right: .4em;
}

.context-menu-input > label {
  margin: 0;
}

.context-menu-input > label,
.context-menu-input > label > input[type="text"],
.context-menu-input > label > textarea,
.context-menu-input > label > select {
  display: block;
  width: 100%; 
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.context-menu-input > label > textarea {
  height: 7em;
}

.context-menu-item > .context-menu-list {
  top: .3em; 
  /* re-positioned by js */
  right: -.3em;
  display: none;
}

.context-menu-item.context-menu-visible > .context-menu-list {
  display: block;
}

.context-menu-accesskey {
  text-decoration: underline;
}

/*
 * easy-autocomplete
 * jQuery plugin for autocompletion
 * 
 * @author Łukasz Pawełczak (http://github.com/pawelczak)
 * @version 1.3.5
 * Copyright  License: 
 */

.easy-autocomplete {
  position: relative;
}

.easy-autocomplete input:hover, .easy-autocomplete input:focus {
  box-shadow: none;
}
.easy-autocomplete a {
  display: block;
}
.easy-autocomplete.eac-blue-light input:hover, .easy-autocomplete.eac-blue-light input:focus {
  border-color: #66afe9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}
.easy-autocomplete.eac-blue-light ul {
  border-color: #66afe9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}
.easy-autocomplete.eac-blue-light ul li, .easy-autocomplete.eac-blue-light ul .eac-category {
  border-color: #66afe9;
}
.easy-autocomplete.eac-blue-light ul li.selected, .easy-autocomplete.eac-blue-light ul .eac-category.selected {
  background-color: #ecf5fc;
}
.easy-autocomplete.eac-green-light input:hover, .easy-autocomplete.eac-green-light input:focus {
  border-color: #41DB00;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6);
}
.easy-autocomplete.eac-green-light ul {
  border-color: #41DB00;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6);
}
.easy-autocomplete.eac-green-light ul li, .easy-autocomplete.eac-green-light ul .eac-category {
  border-color: #41DB00;
}
.easy-autocomplete.eac-green-light ul li.selected, .easy-autocomplete.eac-green-light ul .eac-category.selected {
  background-color: #9eff75;
}
.easy-autocomplete.eac-red-light input:hover, .easy-autocomplete.eac-red-light input:focus {
  border-color: #ff5b5b;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6);
}
.easy-autocomplete.eac-red-light ul {
  border-color: #ff5b5b;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6);
}
.easy-autocomplete.eac-red-light ul li, .easy-autocomplete.eac-red-light ul .eac-category {
  border-color: #ff5b5b;
}
.easy-autocomplete.eac-red-light ul li.selected, .easy-autocomplete.eac-red-light ul .eac-category.selected {
  background-color: #ff8e8e;
}
.easy-autocomplete.eac-yellow-light input:hover, .easy-autocomplete.eac-yellow-light input:focus {
  border-color: #ffdb00;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6);
}
.easy-autocomplete.eac-yellow-light ul {
  border-color: #ffdb00;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6);
}
.easy-autocomplete.eac-yellow-light ul li, .easy-autocomplete.eac-yellow-light ul .eac-category {
  border-color: #ffdb00;
}
.easy-autocomplete.eac-yellow-light ul li.selected, .easy-autocomplete.eac-yellow-light ul .eac-category.selected {
  background-color: #ffe233;
}
.easy-autocomplete.eac-dark-light input:hover, .easy-autocomplete.eac-dark-light input:focus {
  border-color: #333;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6);
}
.easy-autocomplete.eac-dark-light ul {
  border-color: #333;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6);
}
.easy-autocomplete.eac-dark-light ul li, .easy-autocomplete.eac-dark-light ul .eac-category {
  border-color: #333;
}
.easy-autocomplete.eac-dark-light ul li.selected, .easy-autocomplete.eac-dark-light ul .eac-category.selected {
  background-color: #4d4d4d;
  color: #fff;
}
.easy-autocomplete.eac-dark {
  color: #fff;
}
.easy-autocomplete.eac-dark input {
  background-color: #404040;
  border-radius: 4px;
  box-shadow: 0;
  color: #f6f6f6;
}
.easy-autocomplete.eac-dark input:hover, .easy-autocomplete.eac-dark input:focus {
  border-color: #333;
  box-shadow: 0;
}
.easy-autocomplete.eac-dark ul {
  border-color: #333;
}
.easy-autocomplete.eac-dark ul li, .easy-autocomplete.eac-dark ul .eac-category {
  background-color: #404040;
  border-color: #333;
}
.easy-autocomplete.eac-dark ul li.selected, .easy-autocomplete.eac-dark ul .eac-category.selected {
  background-color: #737373;
  color: #f6f6f6;
}
.easy-autocomplete.eac-dark-glass {
  color: #fff;
}
.easy-autocomplete.eac-dark-glass input {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  box-shadow: 0;
  color: #f6f6f6;
}
.easy-autocomplete.eac-dark-glass input:hover, .easy-autocomplete.eac-dark-glass input:focus {
  border-color: rgba(0, 0, 0, 0.8);
  box-shadow: 0;
}
.easy-autocomplete.eac-dark-glass ul {
  border-color: rgba(0, 0, 0, 0.8);
}
.easy-autocomplete.eac-dark-glass ul li, .easy-autocomplete.eac-dark-glass ul .eac-category {
  background-color: rgba(0, 0, 0, 0.8);
  border-color: rgba(0, 0, 0, 0.8);
}
.easy-autocomplete.eac-dark-glass ul li.selected, .easy-autocomplete.eac-dark-glass ul .eac-category.selected {
  background-color: rgba(64, 64, 64, 0.8);
  color: #f6f6f6;
}
.easy-autocomplete.eac-dark-glass ul li:last-child, .easy-autocomplete.eac-dark-glass ul .eac-category:last-child {
  border-radius: 0 0 4px 4px;
}
.easy-autocomplete.eac-blue {
  color: #fff;
}
.easy-autocomplete.eac-blue input {
  background-color: #6d9ed1;
  border-radius: 4px;
  box-shadow: 0;
  color: #f6f6f6;
}
.easy-autocomplete.eac-blue input::-webkit-input-placeholder {
  color: #f6f6f6;
}
.easy-autocomplete.eac-blue input:-moz-placeholder {
  color: #f6f6f6;
}
.easy-autocomplete.eac-blue input::-moz-placeholder {
  color: #f6f6f6;
}
.easy-autocomplete.eac-blue input:-ms-input-placeholder {
  color: #f6f6f6;
}
.easy-autocomplete.eac-blue input:hover, .easy-autocomplete.eac-blue input:focus {
  border-color: #5A91CB;
  box-shadow: 0;
}
.easy-autocomplete.eac-blue ul {
  border-color: #5A91CB;
}
.easy-autocomplete.eac-blue ul li, .easy-autocomplete.eac-blue ul .eac-category {
  background-color: #6d9ed1;
  border-color: #5A91CB;
}
.easy-autocomplete.eac-blue ul li.selected, .easy-autocomplete.eac-blue ul .eac-category.selected {
  background-color: #94b8dd;
  color: #f6f6f6;
}
.easy-autocomplete.eac-yellow {
  color: #333;
}
.easy-autocomplete.eac-yellow input {
  background-color: #ffdb7e;
  border-color: #333;
  border-radius: 4px;
  box-shadow: 0;
  color: #333;
}
.easy-autocomplete.eac-yellow input:hover, .easy-autocomplete.eac-yellow input:focus {
  border-color: #333;
  box-shadow: 0;
}
.easy-autocomplete.eac-yellow ul {
  border-color: #333;
}
.easy-autocomplete.eac-yellow ul li, .easy-autocomplete.eac-yellow ul .eac-category {
  background-color: #ffdb7e;
  border-color: #333;
}
.easy-autocomplete.eac-yellow ul li.selected, .easy-autocomplete.eac-yellow ul .eac-category.selected {
  background-color: #ffe9b1;
  color: #333;
}
.easy-autocomplete.eac-purple {
  color: #333;
}
.easy-autocomplete.eac-purple input {
  background-color: #d6d1e7;
  border-color: #b8afd5;
  box-shadow: 0;
  color: #333;
}
.easy-autocomplete.eac-purple input:hover, .easy-autocomplete.eac-purple input:focus {
  border-color: #333;
  box-shadow: 0;
}
.easy-autocomplete.eac-purple ul {
  border-color: #333;
}
.easy-autocomplete.eac-purple ul li, .easy-autocomplete.eac-purple ul .eac-category {
  background-color: #d6d1e7;
  border-color: #333;
}
.easy-autocomplete.eac-purple ul li.selected, .easy-autocomplete.eac-purple ul .eac-category.selected {
  background-color: #ebe8f3;
  color: #333;
}
    .easy-autocomplete.eac-bootstrap input {
        border-color: #ccc;
        border-radius: 4px;
        border-style: solid;
        border-width: 1px;
        color: #555;
        padding: 6px 12px;
      
    }

.easy-autocomplete-container {
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
    border-radius: 5px 5px 0 0;
}
    .easy-autocomplete-container ul {
        background: none repeat scroll 0 0 #ffffff;
        display: none;
        margin-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        position: relative;
        top: 3px;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);       
        border: 1px solid rgb(203, 203, 203);
        border-top: none;
        border-radius: 2px;
       
       
    }
.easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category {
  background: inherit;

  display: block;
  font-size: 14px;
  font-weight: normal;
  padding: 4px 12px;
  margin-top:0;
  text-transform:capitalize;
}
.easy-autocomplete-container ul li:last-child {
  border-radius: 0 0 2px 2px;
  border-width: 0 1px 1px;
}
.easy-autocomplete-container ul li.selected {
  background: none repeat scroll 0 0 #ebebeb;
  cursor: pointer;
}
.easy-autocomplete-container ul li.selected div {
  font-weight: normal;
}
.easy-autocomplete-container ul li div {
  display: block;
  font-weight: normal;
  word-break: break-all;
}
.easy-autocomplete-container ul li b {
  font-weight: bold;
}
.easy-autocomplete-container ul .eac-category {
  font-color: #aaa;
  font-style: italic;
}

.eac-description .eac-item span {
  color: #aaa;
  font-style: italic;
  font-size: 0.9em;
}

.eac-icon-left .eac-item img {
  margin-right: 4px;
  max-height: 30px;
}

.eac-icon-right .eac-item {
  margin-top: 8px;
  min-height: 24px;
  position: relative;
}
.eac-icon-right .eac-item img {
  margin-left: 4px;
  max-height: 30px;
  position: absolute;
  right: -4px;
  top: -8px;
}

/*# sourceMappingURL=easy-autocomplete.css.map */

/***
Spectrum Colorpicker v1.8.0
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/

.sp-container {
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    *display: inline;
    *zoom: 1;
    /* https://github.com/bgrins/spectrum/issues/40 */
    z-index: 9999999999999;
    overflow: hidden;
}
.sp-container.sp-flat {
    position: relative;
}

/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
  position:relative;
  width: 100%;
  display:inline-block;
}
.sp-top-inner {
   position:absolute;
   top:0;
   left:0;
   bottom:0;
   right:0;
}
.sp-color {
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:20%;
}
.sp-hue {
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:84%;
    height: 100%;
}

.sp-clear-enabled .sp-hue {
    top:33px;
    height: 77.5%;
}

.sp-fill {
    padding-top: 80%;
}
.sp-sat, .sp-val {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.sp-alpha-enabled .sp-top {
    margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
    display: block;
}
.sp-alpha-handle {
    position:absolute;
    top:-4px;
    bottom: -4px;
    width: 6px;
    left: 50%;
    cursor: pointer;
    border: 1px solid black;
    background: white;
    opacity: .8;
}
.sp-alpha {
    display: none;
    position: absolute;
    bottom: -14px;
    right: 0;
    left: 0;
    height: 8px;
}
.sp-alpha-inner {
    border: solid 1px #333;
}

.sp-clear {
    display: none;
}

.sp-clear.sp-clear-display {
    background-position: center;
}

.sp-clear-enabled .sp-clear {
    display: block;
    position:absolute;
    top:0px;
    right:0;
    bottom:0;
    left:84%;
    height: 28px;
}

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button  {
    -webkit-user-select:none;
    -moz-user-select: -moz-none;
    -o-user-select:none;
    user-select: none;
}

.sp-container.sp-input-disabled .sp-input-container {
    display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
    display: none;
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
    display: none;
}
.sp-palette-only .sp-picker-container {
    display: none;
}
.sp-palette-disabled .sp-palette-container {
    display: none;
}

.sp-initial-disabled .sp-initial {
    display: none;
}


/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
    background-image: -webkit-gradient(linear,  0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
    filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}
.sp-val {
    background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
    filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}

.sp-hue {
    background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
    background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
.sp-1 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}
.sp-2 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}
.sp-3 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}
.sp-4 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}
.sp-5 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}
.sp-6 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}

.sp-hidden {
    display: none !important;
}

/* Clearfix hack */
.sp-cf:before, .sp-cf:after { content: ""; display: table; }
.sp-cf:after { clear: both; }
.sp-cf { *zoom: 1; }

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
    .sp-color { right: 40%; }
    .sp-hue { left: 63%; }
    .sp-fill { padding-top: 60%; }
}
.sp-dragger {
   border-radius: 5px;
   height: 5px;
   width: 5px;
   border: 1px solid #fff;
   background: #000;
   cursor: pointer;
   position:absolute;
   top:0;
   left: 0;
}
.sp-slider {
    position: absolute;
    top:0;
    cursor:pointer;
    height: 3px;
    left: -1px;
    right: -1px;
    border: 1px solid #000;
    background: white;
    opacity: .8;
}

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/

.sp-container {
    border-radius: 0;
    background-color: #ECECEC;
    border: solid 1px #f0c49B;
    padding: 0;
}
.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
    font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.sp-top {
    margin-bottom: 3px;
}
.sp-color, .sp-hue, .sp-clear {
    border: solid 1px #666;
}

/* Input */
.sp-input-container {
    float:right;
    width: 100px;
    margin-bottom: 4px;
}
.sp-initial-disabled  .sp-input-container {
    width: 100%;
}
.sp-input {
   font-size: 12px !important;
   border: 1px inset;
   padding: 4px 5px;
   margin: 0;
   width: 100%;
   background:transparent;
   border-radius: 3px;
   color: #222;
}
.sp-input:focus  {
    border: 1px solid orange;
}
.sp-input.sp-validation-error {
    border: 1px solid red;
    background: #fdd;
}
.sp-picker-container , .sp-palette-container {
    float:left;
    position: relative;
    padding: 10px;
    padding-bottom: 300px;
    margin-bottom: -290px;
}
.sp-picker-container {
    width: 172px;
    border-left: solid 1px #fff;
}

/* Palettes */
.sp-palette-container {
    border-right: solid 1px #ccc;
}

.sp-palette-only .sp-palette-container {
    border: 0;
}

.sp-palette .sp-thumb-el {
    display: block;
    position:relative;
    float:left;
    width: 24px;
    height: 15px;
    margin: 3px;
    cursor: pointer;
    border:solid 2px transparent;
}
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
    border-color: orange;
}
.sp-thumb-el {
    position:relative;
}

/* Initial */
.sp-initial {
    float: left;
    border: solid 1px #333;
}
.sp-initial span {
    width: 30px;
    height: 25px;
    border:none;
    display:block;
    float:left;
    margin:0;
}

.sp-initial .sp-clear-display {
    background-position: center;
}

/* Buttons */
.sp-palette-button-container,
.sp-button-container {
    float: right;
}

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
    margin:0;
    overflow:hidden;
    cursor:pointer;
    padding: 4px;
    display:inline-block;
    *zoom: 1;
    *display: inline;
    border: solid 1px #91765d;
    background: #eee;
    color: #333;
    vertical-align: middle;
    margin-top:-70px;
}
.sp-replacer:hover, .sp-replacer.sp-active {
    border-color: #F0C49B;
    color: #111;
}
.sp-replacer.sp-disabled {
    cursor:default;
    border-color: silver;
    color: silver;
}
.sp-dd {
    padding: 2px 0;
    height: 16px;
    line-height: 16px;
    float:left;
    font-size:10px;
}
.sp-preview {
    position:relative;
    width:25px;
    height: 20px;
    border: solid 1px #222;
    margin-right: 5px;
    float:left;
    z-index: 0;
   
}

.sp-palette {
    *width: 220px;
    max-width: 220px;
}
.sp-palette .sp-thumb-el {
    width:16px;
    height: 16px;
    margin:2px 1px;
    border: solid 1px #d0d0d0;
}

.sp-container {
    padding-bottom:0;
}


/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
  background-color: #eeeeee;
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 5px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  vertical-align: middle;
}
.sp-container button:hover {
    background-color: #dddddd;
    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd;
}
.sp-container button:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}
.sp-cancel {
    font-size: 11px;
    color: #d93f3f !important;
    margin:0;
    padding:2px;
    margin-right: 5px;
    vertical-align: middle;
    text-decoration:none;

}
.sp-cancel:hover {
    color: #d93f3f !important;
    text-decoration: underline;
}


.sp-palette span:hover, .sp-palette span.sp-thumb-active {
    border-color: #000;
}

.sp-preview, .sp-alpha, .sp-thumb-el {
    position:relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
    display:block;
    position:absolute;
    top:0;left:0;bottom:0;right:0;
}

.sp-palette .sp-thumb-inner {
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}

.sp-clear-display {
    background-repeat:no-repeat;
    background-position: center;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}

/**
 * jQuery toast plugin created by Kamran Ahmed copyright MIT license 2014
 */
.jq-toast-wrap {
    display: block;
    position: fixed;
    width: 300px;
    pointer-events: none !important;
    margin: 0;
    padding: 0;
    letter-spacing: normal;
    z-index: 99999999 !important;
}

    .jq-toast-wrap * {
        margin: 0;
        padding: 0;
    }

    .jq-toast-wrap.bottom-left {
        bottom: 20px;
        left: 20px;
    }

    .jq-toast-wrap.bottom-right {
        bottom: 20px;
        right: 40px;
    }

    .jq-toast-wrap.top-left {
        top: 20px;
        left: 20px;
    }

    .jq-toast-wrap.top-right {
        top: 20px;
        right: 40px;
    }

.jq-toast-single {
    display: block;
    width: 100%;
    padding: 10px;
    margin: 0px 0px 5px;
    border-radius: 4px;
    font-size: 12px;
    font-family: arial, sans-serif;
    line-height: 17px;
    position: relative;
    pointer-events: all !important;
    background-color: #444444;
    color: white;
}

    .jq-toast-single h2 {
        font-family: arial, sans-serif;
        font-size: 14px;
        margin: 0px 0px 7px;
        background: none;
        color: inherit;
        line-height: inherit;
        letter-spacing: normal;
    }

    .jq-toast-single a {
        color: #eee;
        text-decoration: none;
        font-weight: bold;
        border-bottom: 1px solid white;
        padding-bottom: 3px;
        font-size: 12px;
    }

    .jq-toast-single ul {
        margin: 0px 0px 0px 15px;
        background: none;
        padding: 0px;
    }

        .jq-toast-single ul li {
            list-style-type: disc !important;
            line-height: 17px;
            background: none;
            margin: 0;
            padding: 0;
            letter-spacing: normal;
        }

.close-jq-toast-single {
    position: absolute;
    top: 3px;
    right: 7px;
    font-size: 14px;
    cursor: pointer;
}

.jq-toast-loader {
    display: block;
    position: absolute;
    top: -2px;
    height: 5px;
    width: 0%;
    left: 0;
    border-radius: 5px;
    background: red;
}

.jq-toast-loaded {
    width: 100%;
}

.jq-has-icon {
    padding: 10px 10px 10px 50px;
    background-repeat: no-repeat;
    background-position: 10px;
}

.jq-icon-info {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=');
    background-color: #31708f;
    color: #d9edf7;
    border-color: #bce8f1;
}

.jq-icon-warning {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=');
    background-color: #8a6d3b;
    color: #fcf8e3;
    border-color: #faebcc;
}

.jq-icon-error {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=');
    background-color: #a94442;
    color: #f2dede;
    border-color: #ebccd1;
}

.jq-icon-success {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==');
    color: #dff0d8;
    background-color: #3c763d;
    border-color: #d6e9c6;
}

.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
      /*rtl:begin:ignore*/left:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
      /*rtl:begin:ignore*/right:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
          animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  -webkit-box-shadow: 0 3px 13px rgba(0,0,0,0.08);
          box-shadow: 0 3px 13px rgba(0,0,0,0.08);
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
          animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
          box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid rgba(72,72,72,0.2);
}
.flatpickr-calendar.hasTime .flatpickr-innerContainer {
  border-bottom: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  border: 1px solid rgba(72,72,72,0.2);
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: rgba(72,72,72,0.2);
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #1bbc9b;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: rgba(72,72,72,0.2);
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #1bbc9b;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-months .flatpickr-month {
  border-radius: 5px 5px 0 0;
  background: #1bbc9b;
  color: #fff;
  fill: #fff;
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: #fff;
  fill: #fff;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  left: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  right: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #bbb;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(72,72,72,0.15);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(0,0,0,0.1);
}
.numInputWrapper span:active {
  background: rgba(0,0,0,0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(72,72,72,0.6);
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(72,72,72,0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(255,255,255,0.5);
}
.numInputWrapper:hover {
  background: rgba(0,0,0,0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #fff;
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: #fff;
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(255,255,255,0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: #1bbc9b;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: #1bbc9b;
  outline: none;
  padding: 0;
}
.flatpickr-weekdays {
  background: #1bbc9b;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: #1bbc9b;
  color: rgba(0,0,0,0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: bolder;
}
.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 307.875px;
  border-left: 1px solid rgba(72,72,72,0.2);
  border-right: 1px solid rgba(72,72,72,0.2);
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}
.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 rgba(72,72,72,0.2);
          box-shadow: -1px 0 0 rgba(72,72,72,0.2);
}
.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #484848;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
      -ms-flex-preferred-size: 14.2857143%;
          flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e2e2e2;
  border-color: #e2e2e2;
}
.flatpickr-day.today {
  border-color: #bbb;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #bbb;
  background: #bbb;
  color: #fff;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #1bbc9b;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  border-color: #1bbc9b;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #1bbc9b;
          box-shadow: -10px 0 0 #1bbc9b;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2;
          box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(72,72,72,0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(72,72,72,0.1);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #1bbc9b, 5px 0 0 #1bbc9b;
          box-shadow: -5px 0 0 #1bbc9b, 5px 0 0 #1bbc9b;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  border-left: 1px solid rgba(72,72,72,0.2);
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(72,72,72,0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  background: #fff;
  border-bottom: 1px solid rgba(72,72,72,0.2);
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  border-radius: 0 0 5px 5px;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #484848;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #484848;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #484848;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #484848;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eaeaea;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

:root .grid-stack-item > .ui-resizable-handle {
  filter: none;
}

.grid-stack {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
    overflow:hidden;
}

.grid-stack.grid-stack-rtl {
  direction: ltr;
}

    .grid-stack.grid-stack-rtl > .grid-stack-item {
        direction: rtl;
        border: 1px dashed #ff0000;
    }

.grid-stack .grid-stack-placeholder > .placeholder-content {
  border: 1px dashed lightgray;
  margin: 0;
  position: absolute;
  top: 0;
  left: 10px;
  right: 10px;
  bottom: 0;
  width: auto;
  z-index: 0 !important;
  text-align: center;
}

    .grid-stack > .grid-stack-item {
        min-width: 8.3333333333%;
        position: absolute;
        padding: 0;
      
    }

        .grid-stack > .grid-stack-item > .grid-stack-item-content {
            margin: 0;
            position: absolute;
            top: 0;
            left: 10px;
            right: 10px;
            bottom: 0;
            width: auto;
            z-index: 0 !important;
            overflow: hidden;
            background-color: #ffffff;
            border: 1px solid rgb(215, 213, 213);
            border-radius:5px;
        }

.grid-stack > .grid-stack-item > .ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.grid-stack > .grid-stack-item.ui-resizable-disabled > .ui-resizable-handle,
.grid-stack > .grid-stack-item.ui-resizable-autohide > .ui-resizable-handle {
  display: none;
}

.grid-stack > .grid-stack-item.ui-draggable-dragging, .grid-stack > .grid-stack-item.ui-resizable-resizing {
  z-index: 100;
}

.grid-stack > .grid-stack-item.ui-draggable-dragging > .grid-stack-item-content,
.grid-stack > .grid-stack-item.ui-draggable-dragging > .grid-stack-item-content, .grid-stack > .grid-stack-item.ui-resizable-resizing > .grid-stack-item-content,
.grid-stack > .grid-stack-item.ui-resizable-resizing > .grid-stack-item-content {
  box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.2);
  opacity: 0.8;
}

.grid-stack > .grid-stack-item > .ui-resizable-se,
.grid-stack > .grid-stack-item > .ui-resizable-sw {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MjYgNTExLjYyNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjYyNiA1MTEuNjI3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTMyOC45MDYsNDAxLjk5NGgtMzYuNTUzVjEwOS42MzZoMzYuNTUzYzQuOTQ4LDAsOS4yMzYtMS44MDksMTIuODQ3LTUuNDI2YzMuNjEzLTMuNjE1LDUuNDIxLTcuODk4LDUuNDIxLTEyLjg0NSAgIGMwLTQuOTQ5LTEuODAxLTkuMjMxLTUuNDI4LTEyLjg1MWwtNzMuMDg3LTczLjA5QzI2NS4wNDQsMS44MDksMjYwLjc2LDAsMjU1LjgxMywwYy00Ljk0OCwwLTkuMjI5LDEuODA5LTEyLjg0Nyw1LjQyNCAgIGwtNzMuMDg4LDczLjA5Yy0zLjYxOCwzLjYxOS01LjQyNCw3LjkwMi01LjQyNCwxMi44NTFjMCw0Ljk0NiwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDVjMy42MTksMy42MTcsNy45MDEsNS40MjYsMTIuODUsNS40MjYgICBoMzYuNTQ1djI5Mi4zNThoLTM2LjU0MmMtNC45NTIsMC05LjIzNSwxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MjEtNS40MjQsNy45MDUtNS40MjQsMTIuODU0ICAgYzAsNC45NDUsMS44MDcsOS4yMjcsNS40MjQsMTIuODQ3bDczLjA4OSw3My4wODhjMy42MTcsMy42MTcsNy44OTgsNS40MjQsMTIuODQ3LDUuNDI0YzQuOTUsMCw5LjIzNC0xLjgwNywxMi44NDktNS40MjQgICBsNzMuMDg3LTczLjA4OGMzLjYxMy0zLjYyLDUuNDIxLTcuOTAxLDUuNDIxLTEyLjg0N2MwLTQuOTQ4LTEuODA4LTkuMjMyLTUuNDIxLTEyLjg1NCAgIEMzMzguMTQyLDQwMy44MDIsMzMzLjg1Nyw0MDEuOTk0LDMyOC45MDYsNDAxLjk5NHoiIGZpbGw9IiM2NjY2NjYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.grid-stack > .grid-stack-item > .ui-resizable-se {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.grid-stack > .grid-stack-item > .ui-resizable-nw {
  cursor: nw-resize;
  width: 20px;
  height: 20px;
  left: 10px;
  top: 0;
}

.grid-stack > .grid-stack-item > .ui-resizable-n {
  cursor: n-resize;
  height: 10px;
  top: 0;
  left: 25px;
  right: 25px;
}

.grid-stack > .grid-stack-item > .ui-resizable-ne {
  cursor: ne-resize;
  width: 20px;
  height: 20px;
  right: 10px;
  top: 0;
}

.grid-stack > .grid-stack-item > .ui-resizable-e {
  cursor: e-resize;
  width: 10px;
  right: 10px;
  top: 15px;
  bottom: 15px;
}

.grid-stack > .grid-stack-item > .ui-resizable-se {
  cursor: se-resize;
  width: 20px;
  height: 20px;
  right: 10px;
  bottom: 0;
}

.grid-stack > .grid-stack-item > .ui-resizable-s {
  cursor: s-resize;
  height: 10px;
  left: 25px;
  bottom: 0;
  right: 25px;
}

.grid-stack > .grid-stack-item > .ui-resizable-sw {
  cursor: sw-resize;
  width: 20px;
  height: 20px;
  left: 10px;
  bottom: 0;
}

.grid-stack > .grid-stack-item > .ui-resizable-w {
  cursor: w-resize;
  width: 10px;
  left: 10px;
  top: 15px;
  bottom: 15px;
}

.grid-stack > .grid-stack-item.ui-draggable-dragging > .ui-resizable-handle {
  display: none !important;
}

.grid-stack > .grid-stack-item[data-gs-width='1'] {
  width: 8.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-x='1'] {
  left: 8.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-min-width='1'] {
  min-width: 8.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-max-width='1'] {
  max-width: 8.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-width='2'] {
  width: 16.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-x='2'] {
  left: 16.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-min-width='2'] {
  min-width: 16.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-max-width='2'] {
  max-width: 16.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-width='3'] {
  width: 25%;
}

.grid-stack > .grid-stack-item[data-gs-x='3'] {
  left: 25%;
}

.grid-stack > .grid-stack-item[data-gs-min-width='3'] {
  min-width: 25%;
}

.grid-stack > .grid-stack-item[data-gs-max-width='3'] {
  max-width: 25%;
}

.grid-stack > .grid-stack-item[data-gs-width='4'] {
  width: 33.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-x='4'] {
  left: 33.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-min-width='4'] {
  min-width: 33.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-max-width='4'] {
  max-width: 33.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-width='5'] {
  width: 41.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-x='5'] {
  left: 41.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-min-width='5'] {
  min-width: 41.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-max-width='5'] {
  max-width: 41.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-width='6'] {
  width: 50%;
}

.grid-stack > .grid-stack-item[data-gs-x='6'] {
  left: 50%;
}

.grid-stack > .grid-stack-item[data-gs-min-width='6'] {
  min-width: 50%;
}

.grid-stack > .grid-stack-item[data-gs-max-width='6'] {
  max-width: 50%;
}

.grid-stack > .grid-stack-item[data-gs-width='7'] {
  width: 58.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-x='7'] {
  left: 58.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-min-width='7'] {
  min-width: 58.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-max-width='7'] {
  max-width: 58.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-width='8'] {
  width: 66.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-x='8'] {
  left: 66.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-min-width='8'] {
  min-width: 66.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-max-width='8'] {
  max-width: 66.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-width='9'] {
  width: 75%;
}

.grid-stack > .grid-stack-item[data-gs-x='9'] {
  left: 75%;
}

.grid-stack > .grid-stack-item[data-gs-min-width='9'] {
  min-width: 75%;
}

.grid-stack > .grid-stack-item[data-gs-max-width='9'] {
  max-width: 75%;
}

.grid-stack > .grid-stack-item[data-gs-width='10'] {
  width: 83.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-x='10'] {
  left: 83.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-min-width='10'] {
  min-width: 83.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-max-width='10'] {
  max-width: 83.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-width='11'] {
  width: 91.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-x='11'] {
  left: 91.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-min-width='11'] {
  min-width: 91.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-max-width='11'] {
  max-width: 91.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-width='12'] {
  width: 100%;
}

.grid-stack > .grid-stack-item[data-gs-x='12'] {
  left: 100%;
}

.grid-stack > .grid-stack-item[data-gs-min-width='12'] {
  min-width: 100%;
}

.grid-stack > .grid-stack-item[data-gs-max-width='12'] {
  max-width: 100%;
}

.grid-stack.grid-stack-animate,
.grid-stack.grid-stack-animate .grid-stack-item {
  -webkit-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
  -moz-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
  -ms-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
  -o-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
  transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
}

.grid-stack.grid-stack-animate .grid-stack-item.ui-draggable-dragging,
.grid-stack.grid-stack-animate .grid-stack-item.ui-resizable-resizing,
.grid-stack.grid-stack-animate .grid-stack-item.grid-stack-placeholder {
  -webkit-transition: left 0s, top 0s, height 0s, width 0s;
  -moz-transition: left 0s, top 0s, height 0s, width 0s;
  -ms-transition: left 0s, top 0s, height 0s, width 0s;
  -o-transition: left 0s, top 0s, height 0s, width 0s;
  transition: left 0s, top 0s, height 0s, width 0s;
}

.grid-stack.grid-stack-one-column-mode {
  height: auto !important;
}

.grid-stack.grid-stack-one-column-mode > .grid-stack-item {
  position: relative !important;
  width: auto !important;
  left: 0 !important;
  top: auto !important;
  margin-bottom: 20px;
  max-width: none !important;
}

.grid-stack.grid-stack-one-column-mode > .grid-stack-item > .ui-resizable-handle {
  display: none;
}

.grid-stack > .grid-stack-item {
    min-width: 100%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 50%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 33.3333333333%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 25%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 20%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 16.6666666667%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 16.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 16.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 16.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 16.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 83.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 83.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 83.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 83.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 14.2857142857%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 14.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 14.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 14.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 14.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 28.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 28.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 28.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 28.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 42.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 42.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 42.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 42.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 57.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 57.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 57.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 57.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 71.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 71.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 71.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 71.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 85.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 85.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 85.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 85.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 12.5%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 12.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 12.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 12.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 12.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 37.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 37.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 37.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 37.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 62.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 62.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 62.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 62.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 87.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 87.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 87.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 87.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 11.1111111111%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 11.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 11.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 11.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 11.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 22.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 22.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 22.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 22.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 44.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 44.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 44.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 44.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 55.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 55.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 55.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 55.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 77.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 77.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 77.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 77.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 88.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 88.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 88.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 88.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 10%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 10%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 10%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 10%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 10%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 30%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 30%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 30%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 30%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 70%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 70%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 70%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 70%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 90%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 90%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 90%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 90%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 9.0909090909%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 9.0909090909%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 9.0909090909%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 9.0909090909%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 9.0909090909%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 18.1818181818%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 18.1818181818%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 18.1818181818%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 18.1818181818%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 27.2727272727%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 27.2727272727%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 27.2727272727%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 27.2727272727%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 36.3636363636%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 36.3636363636%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 36.3636363636%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 36.3636363636%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 45.4545454545%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 45.4545454545%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 45.4545454545%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 45.4545454545%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 54.5454545455%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 54.5454545455%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 54.5454545455%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 54.5454545455%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 63.6363636364%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 63.6363636364%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 63.6363636364%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 63.6363636364%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 72.7272727273%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 72.7272727273%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 72.7272727273%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 72.7272727273%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 81.8181818182%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 81.8181818182%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 81.8181818182%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 81.8181818182%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 90.9090909091%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 90.9090909091%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 90.9090909091%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 90.9090909091%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 8.3333333333%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 8.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 8.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 8.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 8.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 16.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 16.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 16.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 16.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 41.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 41.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 41.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 41.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 58.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 58.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 58.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 58.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 83.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 83.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 83.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 83.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 91.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 91.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 91.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 91.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="12"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="12"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="12"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="12"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 7.6923076923%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 7.6923076923%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 7.6923076923%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 7.6923076923%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 7.6923076923%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 15.3846153846%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 15.3846153846%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 15.3846153846%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 15.3846153846%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 23.0769230769%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 23.0769230769%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 23.0769230769%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 23.0769230769%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 30.7692307692%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 30.7692307692%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 30.7692307692%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 30.7692307692%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 38.4615384615%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 38.4615384615%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 38.4615384615%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 38.4615384615%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 46.1538461538%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 46.1538461538%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 46.1538461538%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 46.1538461538%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 53.8461538462%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 53.8461538462%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 53.8461538462%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 53.8461538462%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 61.5384615385%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 61.5384615385%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 61.5384615385%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 61.5384615385%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 69.2307692308%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 69.2307692308%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 69.2307692308%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 69.2307692308%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 76.9230769231%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 76.9230769231%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 76.9230769231%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 76.9230769231%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 84.6153846154%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 84.6153846154%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 84.6153846154%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 84.6153846154%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="12"] {
        width: 92.3076923077%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="12"] {
        left: 92.3076923077%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="12"] {
        min-width: 92.3076923077%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="12"] {
        max-width: 92.3076923077%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="13"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="13"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="13"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="13"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 7.1428571429%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 7.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 7.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 7.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 7.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 14.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 14.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 14.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 14.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 21.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 21.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 21.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 21.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 28.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 28.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 28.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 28.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 35.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 35.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 35.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 35.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 42.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 42.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 42.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 42.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 57.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 57.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 57.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 57.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 64.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 64.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 64.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 64.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 71.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 71.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 71.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 71.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 78.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 78.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 78.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 78.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="12"] {
        width: 85.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="12"] {
        left: 85.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="12"] {
        min-width: 85.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="12"] {
        max-width: 85.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="13"] {
        width: 92.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="13"] {
        left: 92.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="13"] {
        min-width: 92.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="13"] {
        max-width: 92.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="14"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="14"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="14"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="14"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 6.6666666667%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 6.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 6.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 6.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 6.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 13.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 13.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 13.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 13.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 26.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 26.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 26.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 26.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 46.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 46.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 46.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 46.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 53.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 53.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 53.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 53.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 73.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 73.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 73.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 73.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="12"] {
        width: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="12"] {
        left: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="12"] {
        min-width: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="12"] {
        max-width: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="13"] {
        width: 86.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="13"] {
        left: 86.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="13"] {
        min-width: 86.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="13"] {
        max-width: 86.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="14"] {
        width: 93.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="14"] {
        left: 93.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="14"] {
        min-width: 93.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="14"] {
        max-width: 93.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="15"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="15"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="15"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="15"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 6.25%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 6.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 6.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 6.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 6.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 12.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 12.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 12.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 12.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 18.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 18.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 18.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 18.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 31.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 31.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 31.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 31.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 37.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 37.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 37.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 37.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 43.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 43.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 43.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 43.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 56.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 56.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 56.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 56.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 62.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 62.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 62.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 62.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 68.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 68.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 68.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 68.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="12"] {
        width: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="12"] {
        left: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="12"] {
        min-width: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="12"] {
        max-width: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="13"] {
        width: 81.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="13"] {
        left: 81.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="13"] {
        min-width: 81.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="13"] {
        max-width: 81.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="14"] {
        width: 87.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="14"] {
        left: 87.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="14"] {
        min-width: 87.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="14"] {
        max-width: 87.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="15"] {
        width: 93.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="15"] {
        left: 93.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="15"] {
        min-width: 93.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="15"] {
        max-width: 93.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="16"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="16"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="16"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="16"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 5.8823529412%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 5.8823529412%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 5.8823529412%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 5.8823529412%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 5.8823529412%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 11.7647058824%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 11.7647058824%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 11.7647058824%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 11.7647058824%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 17.6470588235%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 17.6470588235%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 17.6470588235%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 17.6470588235%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 23.5294117647%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 23.5294117647%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 23.5294117647%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 23.5294117647%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 29.4117647059%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 29.4117647059%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 29.4117647059%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 29.4117647059%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 35.2941176471%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 35.2941176471%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 35.2941176471%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 35.2941176471%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 41.1764705882%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 41.1764705882%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 41.1764705882%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 41.1764705882%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 47.0588235294%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 47.0588235294%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 47.0588235294%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 47.0588235294%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 52.9411764706%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 52.9411764706%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 52.9411764706%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 52.9411764706%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 58.8235294118%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 58.8235294118%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 58.8235294118%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 58.8235294118%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 64.7058823529%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 64.7058823529%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 64.7058823529%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 64.7058823529%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="12"] {
        width: 70.5882352941%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="12"] {
        left: 70.5882352941%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="12"] {
        min-width: 70.5882352941%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="12"] {
        max-width: 70.5882352941%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="13"] {
        width: 76.4705882353%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="13"] {
        left: 76.4705882353%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="13"] {
        min-width: 76.4705882353%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="13"] {
        max-width: 76.4705882353%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="14"] {
        width: 82.3529411765%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="14"] {
        left: 82.3529411765%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="14"] {
        min-width: 82.3529411765%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="14"] {
        max-width: 82.3529411765%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="15"] {
        width: 88.2352941176%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="15"] {
        left: 88.2352941176%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="15"] {
        min-width: 88.2352941176%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="15"] {
        max-width: 88.2352941176%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="16"] {
        width: 94.1176470588%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="16"] {
        left: 94.1176470588%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="16"] {
        min-width: 94.1176470588%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="16"] {
        max-width: 94.1176470588%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="17"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="17"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="17"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="17"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 5.5555555556%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 5.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 5.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 5.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 5.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 11.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 11.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 11.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 11.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 16.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 16.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 16.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 16.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 22.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 22.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 22.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 22.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 27.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 27.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 27.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 27.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 38.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 38.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 38.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 38.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 44.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 44.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 44.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 44.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 55.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 55.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 55.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 55.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 61.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 61.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 61.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 61.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="12"] {
        width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="12"] {
        left: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="12"] {
        min-width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="12"] {
        max-width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="13"] {
        width: 72.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="13"] {
        left: 72.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="13"] {
        min-width: 72.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="13"] {
        max-width: 72.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="14"] {
        width: 77.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="14"] {
        left: 77.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="14"] {
        min-width: 77.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="14"] {
        max-width: 77.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="15"] {
        width: 83.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="15"] {
        left: 83.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="15"] {
        min-width: 83.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="15"] {
        max-width: 83.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="16"] {
        width: 88.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="16"] {
        left: 88.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="16"] {
        min-width: 88.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="16"] {
        max-width: 88.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="17"] {
        width: 94.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="17"] {
        left: 94.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="17"] {
        min-width: 94.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="17"] {
        max-width: 94.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="18"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="18"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="18"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="18"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 5.2631578947%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 5.2631578947%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 5.2631578947%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 5.2631578947%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 5.2631578947%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 10.5263157895%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 10.5263157895%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 10.5263157895%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 10.5263157895%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 15.7894736842%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 15.7894736842%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 15.7894736842%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 15.7894736842%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 21.0526315789%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 21.0526315789%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 21.0526315789%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 21.0526315789%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 26.3157894737%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 26.3157894737%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 26.3157894737%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 26.3157894737%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 31.5789473684%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 31.5789473684%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 31.5789473684%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 31.5789473684%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 36.8421052632%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 36.8421052632%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 36.8421052632%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 36.8421052632%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 42.1052631579%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 42.1052631579%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 42.1052631579%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 42.1052631579%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 47.3684210526%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 47.3684210526%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 47.3684210526%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 47.3684210526%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 52.6315789474%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 52.6315789474%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 52.6315789474%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 52.6315789474%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 57.8947368421%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 57.8947368421%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 57.8947368421%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 57.8947368421%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="12"] {
        width: 63.1578947368%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="12"] {
        left: 63.1578947368%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="12"] {
        min-width: 63.1578947368%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="12"] {
        max-width: 63.1578947368%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="13"] {
        width: 68.4210526316%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="13"] {
        left: 68.4210526316%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="13"] {
        min-width: 68.4210526316%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="13"] {
        max-width: 68.4210526316%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="14"] {
        width: 73.6842105263%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="14"] {
        left: 73.6842105263%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="14"] {
        min-width: 73.6842105263%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="14"] {
        max-width: 73.6842105263%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="15"] {
        width: 78.9473684211%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="15"] {
        left: 78.9473684211%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="15"] {
        min-width: 78.9473684211%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="15"] {
        max-width: 78.9473684211%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="16"] {
        width: 84.2105263158%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="16"] {
        left: 84.2105263158%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="16"] {
        min-width: 84.2105263158%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="16"] {
        max-width: 84.2105263158%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="17"] {
        width: 89.4736842105%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="17"] {
        left: 89.4736842105%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="17"] {
        min-width: 89.4736842105%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="17"] {
        max-width: 89.4736842105%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="18"] {
        width: 94.7368421053%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="18"] {
        left: 94.7368421053%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="18"] {
        min-width: 94.7368421053%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="18"] {
        max-width: 94.7368421053%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="19"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="19"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="19"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="19"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 5%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 10%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 10%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 10%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 10%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 15%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 15%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 15%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 15%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 30%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 30%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 30%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 30%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 35%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 35%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 35%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 35%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 45%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 45%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 45%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 45%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 55%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 55%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 55%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 55%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="12"] {
        width: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="12"] {
        left: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="12"] {
        min-width: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="12"] {
        max-width: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="13"] {
        width: 65%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="13"] {
        left: 65%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="13"] {
        min-width: 65%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="13"] {
        max-width: 65%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="14"] {
        width: 70%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="14"] {
        left: 70%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="14"] {
        min-width: 70%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="14"] {
        max-width: 70%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="15"] {
        width: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="15"] {
        left: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="15"] {
        min-width: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="15"] {
        max-width: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="16"] {
        width: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="16"] {
        left: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="16"] {
        min-width: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="16"] {
        max-width: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="17"] {
        width: 85%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="17"] {
        left: 85%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="17"] {
        min-width: 85%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="17"] {
        max-width: 85%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="18"] {
        width: 90%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="18"] {
        left: 90%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="18"] {
        min-width: 90%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="18"] {
        max-width: 90%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="19"] {
        width: 95%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="19"] {
        left: 95%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="19"] {
        min-width: 95%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="19"] {
        max-width: 95%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="20"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="20"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="20"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="20"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 4.7619047619%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 4.7619047619%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 4.7619047619%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 4.7619047619%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 4.7619047619%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 9.5238095238%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 9.5238095238%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 9.5238095238%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 9.5238095238%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 14.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 14.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 14.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 14.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 19.0476190476%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 19.0476190476%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 19.0476190476%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 19.0476190476%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 23.8095238095%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 23.8095238095%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 23.8095238095%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 23.8095238095%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 28.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 28.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 28.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 28.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 38.0952380952%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 38.0952380952%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 38.0952380952%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 38.0952380952%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 42.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 42.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 42.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 42.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 47.619047619%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 47.619047619%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 47.619047619%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 47.619047619%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 52.380952381%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 52.380952381%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 52.380952381%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 52.380952381%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="12"] {
        width: 57.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="12"] {
        left: 57.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="12"] {
        min-width: 57.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="12"] {
        max-width: 57.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="13"] {
        width: 61.9047619048%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="13"] {
        left: 61.9047619048%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="13"] {
        min-width: 61.9047619048%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="13"] {
        max-width: 61.9047619048%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="14"] {
        width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="14"] {
        left: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="14"] {
        min-width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="14"] {
        max-width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="15"] {
        width: 71.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="15"] {
        left: 71.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="15"] {
        min-width: 71.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="15"] {
        max-width: 71.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="16"] {
        width: 76.1904761905%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="16"] {
        left: 76.1904761905%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="16"] {
        min-width: 76.1904761905%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="16"] {
        max-width: 76.1904761905%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="17"] {
        width: 80.9523809524%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="17"] {
        left: 80.9523809524%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="17"] {
        min-width: 80.9523809524%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="17"] {
        max-width: 80.9523809524%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="18"] {
        width: 85.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="18"] {
        left: 85.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="18"] {
        min-width: 85.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="18"] {
        max-width: 85.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="19"] {
        width: 90.4761904762%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="19"] {
        left: 90.4761904762%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="19"] {
        min-width: 90.4761904762%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="19"] {
        max-width: 90.4761904762%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="20"] {
        width: 95.2380952381%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="20"] {
        left: 95.2380952381%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="20"] {
        min-width: 95.2380952381%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="20"] {
        max-width: 95.2380952381%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="21"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="21"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="21"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="21"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 4.5454545455%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 4.5454545455%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 4.5454545455%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 4.5454545455%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 4.5454545455%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 9.0909090909%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 9.0909090909%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 9.0909090909%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 9.0909090909%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 13.6363636364%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 13.6363636364%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 13.6363636364%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 13.6363636364%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 18.1818181818%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 18.1818181818%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 18.1818181818%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 18.1818181818%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 22.7272727273%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 22.7272727273%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 22.7272727273%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 22.7272727273%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 27.2727272727%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 27.2727272727%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 27.2727272727%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 27.2727272727%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 31.8181818182%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 31.8181818182%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 31.8181818182%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 31.8181818182%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 36.3636363636%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 36.3636363636%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 36.3636363636%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 36.3636363636%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 40.9090909091%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 40.9090909091%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 40.9090909091%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 40.9090909091%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 45.4545454545%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 45.4545454545%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 45.4545454545%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 45.4545454545%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="12"] {
        width: 54.5454545455%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="12"] {
        left: 54.5454545455%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="12"] {
        min-width: 54.5454545455%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="12"] {
        max-width: 54.5454545455%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="13"] {
        width: 59.0909090909%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="13"] {
        left: 59.0909090909%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="13"] {
        min-width: 59.0909090909%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="13"] {
        max-width: 59.0909090909%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="14"] {
        width: 63.6363636364%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="14"] {
        left: 63.6363636364%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="14"] {
        min-width: 63.6363636364%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="14"] {
        max-width: 63.6363636364%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="15"] {
        width: 68.1818181818%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="15"] {
        left: 68.1818181818%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="15"] {
        min-width: 68.1818181818%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="15"] {
        max-width: 68.1818181818%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="16"] {
        width: 72.7272727273%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="16"] {
        left: 72.7272727273%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="16"] {
        min-width: 72.7272727273%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="16"] {
        max-width: 72.7272727273%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="17"] {
        width: 77.2727272727%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="17"] {
        left: 77.2727272727%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="17"] {
        min-width: 77.2727272727%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="17"] {
        max-width: 77.2727272727%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="18"] {
        width: 81.8181818182%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="18"] {
        left: 81.8181818182%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="18"] {
        min-width: 81.8181818182%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="18"] {
        max-width: 81.8181818182%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="19"] {
        width: 86.3636363636%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="19"] {
        left: 86.3636363636%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="19"] {
        min-width: 86.3636363636%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="19"] {
        max-width: 86.3636363636%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="20"] {
        width: 90.9090909091%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="20"] {
        left: 90.9090909091%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="20"] {
        min-width: 90.9090909091%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="20"] {
        max-width: 90.9090909091%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="21"] {
        width: 95.4545454545%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="21"] {
        left: 95.4545454545%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="21"] {
        min-width: 95.4545454545%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="21"] {
        max-width: 95.4545454545%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="22"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="22"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="22"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="22"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 4.347826087%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 4.347826087%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 4.347826087%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 4.347826087%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 4.347826087%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 8.6956521739%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 8.6956521739%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 8.6956521739%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 8.6956521739%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 13.0434782609%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 13.0434782609%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 13.0434782609%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 13.0434782609%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 17.3913043478%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 17.3913043478%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 17.3913043478%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 17.3913043478%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 21.7391304348%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 21.7391304348%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 21.7391304348%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 21.7391304348%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 26.0869565217%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 26.0869565217%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 26.0869565217%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 26.0869565217%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 30.4347826087%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 30.4347826087%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 30.4347826087%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 30.4347826087%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 34.7826086957%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 34.7826086957%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 34.7826086957%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 34.7826086957%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 39.1304347826%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 39.1304347826%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 39.1304347826%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 39.1304347826%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 43.4782608696%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 43.4782608696%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 43.4782608696%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 43.4782608696%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 47.8260869565%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 47.8260869565%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 47.8260869565%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 47.8260869565%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="12"] {
        width: 52.1739130435%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="12"] {
        left: 52.1739130435%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="12"] {
        min-width: 52.1739130435%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="12"] {
        max-width: 52.1739130435%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="13"] {
        width: 56.5217391304%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="13"] {
        left: 56.5217391304%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="13"] {
        min-width: 56.5217391304%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="13"] {
        max-width: 56.5217391304%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="14"] {
        width: 60.8695652174%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="14"] {
        left: 60.8695652174%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="14"] {
        min-width: 60.8695652174%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="14"] {
        max-width: 60.8695652174%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="15"] {
        width: 65.2173913043%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="15"] {
        left: 65.2173913043%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="15"] {
        min-width: 65.2173913043%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="15"] {
        max-width: 65.2173913043%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="16"] {
        width: 69.5652173913%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="16"] {
        left: 69.5652173913%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="16"] {
        min-width: 69.5652173913%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="16"] {
        max-width: 69.5652173913%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="17"] {
        width: 73.9130434783%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="17"] {
        left: 73.9130434783%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="17"] {
        min-width: 73.9130434783%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="17"] {
        max-width: 73.9130434783%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="18"] {
        width: 78.2608695652%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="18"] {
        left: 78.2608695652%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="18"] {
        min-width: 78.2608695652%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="18"] {
        max-width: 78.2608695652%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="19"] {
        width: 82.6086956522%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="19"] {
        left: 82.6086956522%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="19"] {
        min-width: 82.6086956522%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="19"] {
        max-width: 82.6086956522%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="20"] {
        width: 86.9565217391%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="20"] {
        left: 86.9565217391%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="20"] {
        min-width: 86.9565217391%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="20"] {
        max-width: 86.9565217391%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="21"] {
        width: 91.3043478261%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="21"] {
        left: 91.3043478261%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="21"] {
        min-width: 91.3043478261%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="21"] {
        max-width: 91.3043478261%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="22"] {
        width: 95.652173913%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="22"] {
        left: 95.652173913%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="22"] {
        min-width: 95.652173913%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="22"] {
        max-width: 95.652173913%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="23"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="23"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="23"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="23"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 4.1666666667%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 4.1666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 4.1666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 4.1666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 4.1666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 8.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 8.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 8.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 8.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 12.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 12.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 12.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 12.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 16.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 16.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 16.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 16.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 20.8333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 20.8333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 20.8333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 20.8333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 29.1666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 29.1666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 29.1666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 29.1666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 37.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 37.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 37.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 37.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 41.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 41.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 41.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 41.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 45.8333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 45.8333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 45.8333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 45.8333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="12"] {
        width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="12"] {
        left: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="12"] {
        min-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="12"] {
        max-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="13"] {
        width: 54.1666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="13"] {
        left: 54.1666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="13"] {
        min-width: 54.1666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="13"] {
        max-width: 54.1666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="14"] {
        width: 58.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="14"] {
        left: 58.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="14"] {
        min-width: 58.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="14"] {
        max-width: 58.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="15"] {
        width: 62.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="15"] {
        left: 62.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="15"] {
        min-width: 62.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="15"] {
        max-width: 62.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="16"] {
        width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="16"] {
        left: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="16"] {
        min-width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="16"] {
        max-width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="17"] {
        width: 70.8333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="17"] {
        left: 70.8333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="17"] {
        min-width: 70.8333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="17"] {
        max-width: 70.8333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="18"] {
        width: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="18"] {
        left: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="18"] {
        min-width: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="18"] {
        max-width: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="19"] {
        width: 79.1666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="19"] {
        left: 79.1666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="19"] {
        min-width: 79.1666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="19"] {
        max-width: 79.1666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="20"] {
        width: 83.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="20"] {
        left: 83.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="20"] {
        min-width: 83.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="20"] {
        max-width: 83.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="21"] {
        width: 87.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="21"] {
        left: 87.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="21"] {
        min-width: 87.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="21"] {
        max-width: 87.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="22"] {
        width: 91.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="22"] {
        left: 91.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="22"] {
        min-width: 91.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="22"] {
        max-width: 91.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="23"] {
        width: 95.8333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="23"] {
        left: 95.8333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="23"] {
        min-width: 95.8333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="23"] {
        max-width: 95.8333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="24"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="24"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="24"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="24"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 4%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 4%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 4%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 4%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 4%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 8%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 8%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 8%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 8%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 12%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 12%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 12%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 12%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 16%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 16%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 16%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 16%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 24%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 24%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 24%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 24%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 28%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 28%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 28%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 28%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 32%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 32%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 32%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 32%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 36%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 36%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 36%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 36%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 44%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 44%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 44%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 44%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="12"] {
        width: 48%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="12"] {
        left: 48%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="12"] {
        min-width: 48%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="12"] {
        max-width: 48%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="13"] {
        width: 52%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="13"] {
        left: 52%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="13"] {
        min-width: 52%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="13"] {
        max-width: 52%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="14"] {
        width: 56%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="14"] {
        left: 56%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="14"] {
        min-width: 56%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="14"] {
        max-width: 56%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="15"] {
        width: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="15"] {
        left: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="15"] {
        min-width: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="15"] {
        max-width: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="16"] {
        width: 64%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="16"] {
        left: 64%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="16"] {
        min-width: 64%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="16"] {
        max-width: 64%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="17"] {
        width: 68%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="17"] {
        left: 68%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="17"] {
        min-width: 68%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="17"] {
        max-width: 68%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="18"] {
        width: 72%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="18"] {
        left: 72%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="18"] {
        min-width: 72%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="18"] {
        max-width: 72%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="19"] {
        width: 76%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="19"] {
        left: 76%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="19"] {
        min-width: 76%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="19"] {
        max-width: 76%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="20"] {
        width: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="20"] {
        left: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="20"] {
        min-width: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="20"] {
        max-width: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="21"] {
        width: 84%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="21"] {
        left: 84%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="21"] {
        min-width: 84%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="21"] {
        max-width: 84%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="22"] {
        width: 88%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="22"] {
        left: 88%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="22"] {
        min-width: 88%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="22"] {
        max-width: 88%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="23"] {
        width: 92%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="23"] {
        left: 92%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="23"] {
        min-width: 92%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="23"] {
        max-width: 92%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="24"] {
        width: 96%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="24"] {
        left: 96%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="24"] {
        min-width: 96%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="24"] {
        max-width: 96%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="25"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="25"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="25"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="25"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 3.8461538462%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 3.8461538462%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 3.8461538462%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 3.8461538462%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 3.8461538462%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 7.6923076923%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 7.6923076923%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 7.6923076923%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 7.6923076923%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 11.5384615385%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 11.5384615385%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 11.5384615385%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 11.5384615385%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 15.3846153846%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 15.3846153846%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 15.3846153846%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 15.3846153846%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 19.2307692308%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 19.2307692308%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 19.2307692308%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 19.2307692308%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 23.0769230769%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 23.0769230769%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 23.0769230769%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 23.0769230769%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 26.9230769231%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 26.9230769231%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 26.9230769231%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 26.9230769231%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 30.7692307692%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 30.7692307692%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 30.7692307692%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 30.7692307692%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 34.6153846154%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 34.6153846154%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 34.6153846154%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 34.6153846154%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 38.4615384615%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 38.4615384615%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 38.4615384615%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 38.4615384615%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 42.3076923077%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 42.3076923077%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 42.3076923077%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 42.3076923077%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="12"] {
        width: 46.1538461538%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="12"] {
        left: 46.1538461538%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="12"] {
        min-width: 46.1538461538%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="12"] {
        max-width: 46.1538461538%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="13"] {
        width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="13"] {
        left: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="13"] {
        min-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="13"] {
        max-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="14"] {
        width: 53.8461538462%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="14"] {
        left: 53.8461538462%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="14"] {
        min-width: 53.8461538462%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="14"] {
        max-width: 53.8461538462%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="15"] {
        width: 57.6923076923%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="15"] {
        left: 57.6923076923%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="15"] {
        min-width: 57.6923076923%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="15"] {
        max-width: 57.6923076923%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="16"] {
        width: 61.5384615385%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="16"] {
        left: 61.5384615385%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="16"] {
        min-width: 61.5384615385%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="16"] {
        max-width: 61.5384615385%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="17"] {
        width: 65.3846153846%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="17"] {
        left: 65.3846153846%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="17"] {
        min-width: 65.3846153846%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="17"] {
        max-width: 65.3846153846%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="18"] {
        width: 69.2307692308%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="18"] {
        left: 69.2307692308%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="18"] {
        min-width: 69.2307692308%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="18"] {
        max-width: 69.2307692308%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="19"] {
        width: 73.0769230769%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="19"] {
        left: 73.0769230769%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="19"] {
        min-width: 73.0769230769%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="19"] {
        max-width: 73.0769230769%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="20"] {
        width: 76.9230769231%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="20"] {
        left: 76.9230769231%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="20"] {
        min-width: 76.9230769231%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="20"] {
        max-width: 76.9230769231%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="21"] {
        width: 80.7692307692%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="21"] {
        left: 80.7692307692%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="21"] {
        min-width: 80.7692307692%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="21"] {
        max-width: 80.7692307692%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="22"] {
        width: 84.6153846154%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="22"] {
        left: 84.6153846154%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="22"] {
        min-width: 84.6153846154%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="22"] {
        max-width: 84.6153846154%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="23"] {
        width: 88.4615384615%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="23"] {
        left: 88.4615384615%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="23"] {
        min-width: 88.4615384615%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="23"] {
        max-width: 88.4615384615%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="24"] {
        width: 92.3076923077%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="24"] {
        left: 92.3076923077%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="24"] {
        min-width: 92.3076923077%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="24"] {
        max-width: 92.3076923077%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="25"] {
        width: 96.1538461538%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="25"] {
        left: 96.1538461538%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="25"] {
        min-width: 96.1538461538%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="25"] {
        max-width: 96.1538461538%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="26"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="26"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="26"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="26"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 3.7037037037%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 3.7037037037%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 3.7037037037%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 3.7037037037%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 3.7037037037%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 7.4074074074%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 7.4074074074%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 7.4074074074%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 7.4074074074%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 11.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 11.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 11.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 11.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 14.8148148148%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 14.8148148148%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 14.8148148148%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 14.8148148148%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 18.5185185185%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 18.5185185185%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 18.5185185185%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 18.5185185185%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 22.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 22.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 22.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 22.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 25.9259259259%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 25.9259259259%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 25.9259259259%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 25.9259259259%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 29.6296296296%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 29.6296296296%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 29.6296296296%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 29.6296296296%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 37.037037037%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 37.037037037%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 37.037037037%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 37.037037037%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 40.7407407407%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 40.7407407407%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 40.7407407407%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 40.7407407407%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="12"] {
        width: 44.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="12"] {
        left: 44.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="12"] {
        min-width: 44.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="12"] {
        max-width: 44.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="13"] {
        width: 48.1481481481%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="13"] {
        left: 48.1481481481%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="13"] {
        min-width: 48.1481481481%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="13"] {
        max-width: 48.1481481481%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="14"] {
        width: 51.8518518519%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="14"] {
        left: 51.8518518519%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="14"] {
        min-width: 51.8518518519%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="14"] {
        max-width: 51.8518518519%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="15"] {
        width: 55.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="15"] {
        left: 55.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="15"] {
        min-width: 55.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="15"] {
        max-width: 55.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="16"] {
        width: 59.2592592593%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="16"] {
        left: 59.2592592593%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="16"] {
        min-width: 59.2592592593%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="16"] {
        max-width: 59.2592592593%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="17"] {
        width: 62.962962963%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="17"] {
        left: 62.962962963%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="17"] {
        min-width: 62.962962963%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="17"] {
        max-width: 62.962962963%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="18"] {
        width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="18"] {
        left: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="18"] {
        min-width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="18"] {
        max-width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="19"] {
        width: 70.3703703704%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="19"] {
        left: 70.3703703704%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="19"] {
        min-width: 70.3703703704%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="19"] {
        max-width: 70.3703703704%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="20"] {
        width: 74.0740740741%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="20"] {
        left: 74.0740740741%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="20"] {
        min-width: 74.0740740741%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="20"] {
        max-width: 74.0740740741%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="21"] {
        width: 77.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="21"] {
        left: 77.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="21"] {
        min-width: 77.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="21"] {
        max-width: 77.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="22"] {
        width: 81.4814814815%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="22"] {
        left: 81.4814814815%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="22"] {
        min-width: 81.4814814815%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="22"] {
        max-width: 81.4814814815%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="23"] {
        width: 85.1851851852%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="23"] {
        left: 85.1851851852%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="23"] {
        min-width: 85.1851851852%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="23"] {
        max-width: 85.1851851852%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="24"] {
        width: 88.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="24"] {
        left: 88.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="24"] {
        min-width: 88.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="24"] {
        max-width: 88.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="25"] {
        width: 92.5925925926%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="25"] {
        left: 92.5925925926%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="25"] {
        min-width: 92.5925925926%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="25"] {
        max-width: 92.5925925926%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="26"] {
        width: 96.2962962963%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="26"] {
        left: 96.2962962963%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="26"] {
        min-width: 96.2962962963%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="26"] {
        max-width: 96.2962962963%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="27"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="27"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="27"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="27"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 3.5714285714%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 3.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 3.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 3.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 3.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 7.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 7.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 7.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 7.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 10.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 10.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 10.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 10.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 14.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 14.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 14.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 14.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 17.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 17.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 17.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 17.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 21.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 21.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 21.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 21.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 28.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 28.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 28.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 28.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 32.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 32.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 32.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 32.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 35.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 35.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 35.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 35.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 39.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 39.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 39.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 39.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="12"] {
        width: 42.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="12"] {
        left: 42.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="12"] {
        min-width: 42.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="12"] {
        max-width: 42.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="13"] {
        width: 46.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="13"] {
        left: 46.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="13"] {
        min-width: 46.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="13"] {
        max-width: 46.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="14"] {
        width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="14"] {
        left: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="14"] {
        min-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="14"] {
        max-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="15"] {
        width: 53.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="15"] {
        left: 53.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="15"] {
        min-width: 53.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="15"] {
        max-width: 53.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="16"] {
        width: 57.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="16"] {
        left: 57.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="16"] {
        min-width: 57.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="16"] {
        max-width: 57.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="17"] {
        width: 60.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="17"] {
        left: 60.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="17"] {
        min-width: 60.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="17"] {
        max-width: 60.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="18"] {
        width: 64.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="18"] {
        left: 64.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="18"] {
        min-width: 64.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="18"] {
        max-width: 64.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="19"] {
        width: 67.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="19"] {
        left: 67.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="19"] {
        min-width: 67.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="19"] {
        max-width: 67.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="20"] {
        width: 71.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="20"] {
        left: 71.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="20"] {
        min-width: 71.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="20"] {
        max-width: 71.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="21"] {
        width: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="21"] {
        left: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="21"] {
        min-width: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="21"] {
        max-width: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="22"] {
        width: 78.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="22"] {
        left: 78.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="22"] {
        min-width: 78.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="22"] {
        max-width: 78.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="23"] {
        width: 82.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="23"] {
        left: 82.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="23"] {
        min-width: 82.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="23"] {
        max-width: 82.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="24"] {
        width: 85.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="24"] {
        left: 85.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="24"] {
        min-width: 85.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="24"] {
        max-width: 85.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="25"] {
        width: 89.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="25"] {
        left: 89.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="25"] {
        min-width: 89.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="25"] {
        max-width: 89.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="26"] {
        width: 92.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="26"] {
        left: 92.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="26"] {
        min-width: 92.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="26"] {
        max-width: 92.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="27"] {
        width: 96.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="27"] {
        left: 96.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="27"] {
        min-width: 96.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="27"] {
        max-width: 96.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="28"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="28"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="28"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="28"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 3.4482758621%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 3.4482758621%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 3.4482758621%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 3.4482758621%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 3.4482758621%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 6.8965517241%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 6.8965517241%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 6.8965517241%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 6.8965517241%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 10.3448275862%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 10.3448275862%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 10.3448275862%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 10.3448275862%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 13.7931034483%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 13.7931034483%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 13.7931034483%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 13.7931034483%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 17.2413793103%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 17.2413793103%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 17.2413793103%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 17.2413793103%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 20.6896551724%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 20.6896551724%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 20.6896551724%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 20.6896551724%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 24.1379310345%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 24.1379310345%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 24.1379310345%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 24.1379310345%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 27.5862068966%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 27.5862068966%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 27.5862068966%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 27.5862068966%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 31.0344827586%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 31.0344827586%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 31.0344827586%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 31.0344827586%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 34.4827586207%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 34.4827586207%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 34.4827586207%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 34.4827586207%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 37.9310344828%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 37.9310344828%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 37.9310344828%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 37.9310344828%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="12"] {
        width: 41.3793103448%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="12"] {
        left: 41.3793103448%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="12"] {
        min-width: 41.3793103448%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="12"] {
        max-width: 41.3793103448%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="13"] {
        width: 44.8275862069%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="13"] {
        left: 44.8275862069%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="13"] {
        min-width: 44.8275862069%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="13"] {
        max-width: 44.8275862069%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="14"] {
        width: 48.275862069%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="14"] {
        left: 48.275862069%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="14"] {
        min-width: 48.275862069%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="14"] {
        max-width: 48.275862069%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="15"] {
        width: 51.724137931%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="15"] {
        left: 51.724137931%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="15"] {
        min-width: 51.724137931%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="15"] {
        max-width: 51.724137931%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="16"] {
        width: 55.1724137931%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="16"] {
        left: 55.1724137931%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="16"] {
        min-width: 55.1724137931%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="16"] {
        max-width: 55.1724137931%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="17"] {
        width: 58.6206896552%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="17"] {
        left: 58.6206896552%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="17"] {
        min-width: 58.6206896552%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="17"] {
        max-width: 58.6206896552%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="18"] {
        width: 62.0689655172%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="18"] {
        left: 62.0689655172%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="18"] {
        min-width: 62.0689655172%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="18"] {
        max-width: 62.0689655172%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="19"] {
        width: 65.5172413793%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="19"] {
        left: 65.5172413793%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="19"] {
        min-width: 65.5172413793%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="19"] {
        max-width: 65.5172413793%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="20"] {
        width: 68.9655172414%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="20"] {
        left: 68.9655172414%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="20"] {
        min-width: 68.9655172414%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="20"] {
        max-width: 68.9655172414%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="21"] {
        width: 72.4137931034%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="21"] {
        left: 72.4137931034%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="21"] {
        min-width: 72.4137931034%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="21"] {
        max-width: 72.4137931034%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="22"] {
        width: 75.8620689655%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="22"] {
        left: 75.8620689655%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="22"] {
        min-width: 75.8620689655%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="22"] {
        max-width: 75.8620689655%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="23"] {
        width: 79.3103448276%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="23"] {
        left: 79.3103448276%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="23"] {
        min-width: 79.3103448276%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="23"] {
        max-width: 79.3103448276%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="24"] {
        width: 82.7586206897%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="24"] {
        left: 82.7586206897%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="24"] {
        min-width: 82.7586206897%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="24"] {
        max-width: 82.7586206897%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="25"] {
        width: 86.2068965517%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="25"] {
        left: 86.2068965517%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="25"] {
        min-width: 86.2068965517%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="25"] {
        max-width: 86.2068965517%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="26"] {
        width: 89.6551724138%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="26"] {
        left: 89.6551724138%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="26"] {
        min-width: 89.6551724138%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="26"] {
        max-width: 89.6551724138%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="27"] {
        width: 93.1034482759%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="27"] {
        left: 93.1034482759%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="27"] {
        min-width: 93.1034482759%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="27"] {
        max-width: 93.1034482759%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="28"] {
        width: 96.5517241379%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="28"] {
        left: 96.5517241379%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="28"] {
        min-width: 96.5517241379%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="28"] {
        max-width: 96.5517241379%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="29"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="29"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="29"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="29"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 3.3333333333%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 3.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 3.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 3.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 3.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 6.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 6.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 6.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 6.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 10%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 10%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 10%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 10%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 13.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 13.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 13.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 13.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 16.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 16.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 16.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 16.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 23.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 23.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 23.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 23.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 26.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 26.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 26.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 26.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 30%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 30%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 30%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 30%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 36.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 36.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 36.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 36.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="12"] {
        width: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="12"] {
        left: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="12"] {
        min-width: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="12"] {
        max-width: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="13"] {
        width: 43.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="13"] {
        left: 43.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="13"] {
        min-width: 43.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="13"] {
        max-width: 43.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="14"] {
        width: 46.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="14"] {
        left: 46.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="14"] {
        min-width: 46.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="14"] {
        max-width: 46.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="15"] {
        width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="15"] {
        left: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="15"] {
        min-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="15"] {
        max-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="16"] {
        width: 53.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="16"] {
        left: 53.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="16"] {
        min-width: 53.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="16"] {
        max-width: 53.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="17"] {
        width: 56.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="17"] {
        left: 56.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="17"] {
        min-width: 56.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="17"] {
        max-width: 56.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="18"] {
        width: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="18"] {
        left: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="18"] {
        min-width: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="18"] {
        max-width: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="19"] {
        width: 63.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="19"] {
        left: 63.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="19"] {
        min-width: 63.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="19"] {
        max-width: 63.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="20"] {
        width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="20"] {
        left: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="20"] {
        min-width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="20"] {
        max-width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="21"] {
        width: 70%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="21"] {
        left: 70%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="21"] {
        min-width: 70%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="21"] {
        max-width: 70%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="22"] {
        width: 73.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="22"] {
        left: 73.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="22"] {
        min-width: 73.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="22"] {
        max-width: 73.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="23"] {
        width: 76.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="23"] {
        left: 76.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="23"] {
        min-width: 76.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="23"] {
        max-width: 76.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="24"] {
        width: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="24"] {
        left: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="24"] {
        min-width: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="24"] {
        max-width: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="25"] {
        width: 83.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="25"] {
        left: 83.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="25"] {
        min-width: 83.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="25"] {
        max-width: 83.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="26"] {
        width: 86.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="26"] {
        left: 86.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="26"] {
        min-width: 86.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="26"] {
        max-width: 86.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="27"] {
        width: 90%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="27"] {
        left: 90%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="27"] {
        min-width: 90%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="27"] {
        max-width: 90%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="28"] {
        width: 93.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="28"] {
        left: 93.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="28"] {
        min-width: 93.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="28"] {
        max-width: 93.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="29"] {
        width: 96.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="29"] {
        left: 96.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="29"] {
        min-width: 96.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="29"] {
        max-width: 96.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="30"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="30"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="30"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="30"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 3.2258064516%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 3.2258064516%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 3.2258064516%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 3.2258064516%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 3.2258064516%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 6.4516129032%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 6.4516129032%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 6.4516129032%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 6.4516129032%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 9.6774193548%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 9.6774193548%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 9.6774193548%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 9.6774193548%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 12.9032258065%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 12.9032258065%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 12.9032258065%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 12.9032258065%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 16.1290322581%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 16.1290322581%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 16.1290322581%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 16.1290322581%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 19.3548387097%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 19.3548387097%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 19.3548387097%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 19.3548387097%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 22.5806451613%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 22.5806451613%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 22.5806451613%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 22.5806451613%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 25.8064516129%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 25.8064516129%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 25.8064516129%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 25.8064516129%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 29.0322580645%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 29.0322580645%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 29.0322580645%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 29.0322580645%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 32.2580645161%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 32.2580645161%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 32.2580645161%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 32.2580645161%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 35.4838709677%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 35.4838709677%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 35.4838709677%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 35.4838709677%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="12"] {
        width: 38.7096774194%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="12"] {
        left: 38.7096774194%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="12"] {
        min-width: 38.7096774194%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="12"] {
        max-width: 38.7096774194%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="13"] {
        width: 41.935483871%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="13"] {
        left: 41.935483871%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="13"] {
        min-width: 41.935483871%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="13"] {
        max-width: 41.935483871%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="14"] {
        width: 45.1612903226%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="14"] {
        left: 45.1612903226%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="14"] {
        min-width: 45.1612903226%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="14"] {
        max-width: 45.1612903226%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="15"] {
        width: 48.3870967742%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="15"] {
        left: 48.3870967742%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="15"] {
        min-width: 48.3870967742%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="15"] {
        max-width: 48.3870967742%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="16"] {
        width: 51.6129032258%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="16"] {
        left: 51.6129032258%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="16"] {
        min-width: 51.6129032258%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="16"] {
        max-width: 51.6129032258%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="17"] {
        width: 54.8387096774%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="17"] {
        left: 54.8387096774%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="17"] {
        min-width: 54.8387096774%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="17"] {
        max-width: 54.8387096774%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="18"] {
        width: 58.064516129%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="18"] {
        left: 58.064516129%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="18"] {
        min-width: 58.064516129%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="18"] {
        max-width: 58.064516129%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="19"] {
        width: 61.2903225806%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="19"] {
        left: 61.2903225806%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="19"] {
        min-width: 61.2903225806%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="19"] {
        max-width: 61.2903225806%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="20"] {
        width: 64.5161290323%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="20"] {
        left: 64.5161290323%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="20"] {
        min-width: 64.5161290323%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="20"] {
        max-width: 64.5161290323%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="21"] {
        width: 67.7419354839%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="21"] {
        left: 67.7419354839%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="21"] {
        min-width: 67.7419354839%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="21"] {
        max-width: 67.7419354839%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="22"] {
        width: 70.9677419355%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="22"] {
        left: 70.9677419355%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="22"] {
        min-width: 70.9677419355%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="22"] {
        max-width: 70.9677419355%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="23"] {
        width: 74.1935483871%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="23"] {
        left: 74.1935483871%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="23"] {
        min-width: 74.1935483871%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="23"] {
        max-width: 74.1935483871%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="24"] {
        width: 77.4193548387%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="24"] {
        left: 77.4193548387%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="24"] {
        min-width: 77.4193548387%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="24"] {
        max-width: 77.4193548387%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="25"] {
        width: 80.6451612903%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="25"] {
        left: 80.6451612903%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="25"] {
        min-width: 80.6451612903%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="25"] {
        max-width: 80.6451612903%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="26"] {
        width: 83.8709677419%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="26"] {
        left: 83.8709677419%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="26"] {
        min-width: 83.8709677419%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="26"] {
        max-width: 83.8709677419%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="27"] {
        width: 87.0967741935%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="27"] {
        left: 87.0967741935%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="27"] {
        min-width: 87.0967741935%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="27"] {
        max-width: 87.0967741935%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="28"] {
        width: 90.3225806452%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="28"] {
        left: 90.3225806452%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="28"] {
        min-width: 90.3225806452%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="28"] {
        max-width: 90.3225806452%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="29"] {
        width: 93.5483870968%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="29"] {
        left: 93.5483870968%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="29"] {
        min-width: 93.5483870968%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="29"] {
        max-width: 93.5483870968%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="30"] {
        width: 96.7741935484%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="30"] {
        left: 96.7741935484%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="30"] {
        min-width: 96.7741935484%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="30"] {
        max-width: 96.7741935484%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="31"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="31"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="31"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="31"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 3.125%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 3.125%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 3.125%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 3.125%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 3.125%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 6.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 6.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 6.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 6.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 9.375%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 9.375%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 9.375%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 9.375%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 12.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 12.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 12.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 12.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 15.625%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 15.625%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 15.625%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 15.625%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 18.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 18.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 18.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 18.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 21.875%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 21.875%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 21.875%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 21.875%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 28.125%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 28.125%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 28.125%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 28.125%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 31.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 31.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 31.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 31.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 34.375%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 34.375%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 34.375%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 34.375%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="12"] {
        width: 37.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="12"] {
        left: 37.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="12"] {
        min-width: 37.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="12"] {
        max-width: 37.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="13"] {
        width: 40.625%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="13"] {
        left: 40.625%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="13"] {
        min-width: 40.625%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="13"] {
        max-width: 40.625%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="14"] {
        width: 43.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="14"] {
        left: 43.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="14"] {
        min-width: 43.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="14"] {
        max-width: 43.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="15"] {
        width: 46.875%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="15"] {
        left: 46.875%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="15"] {
        min-width: 46.875%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="15"] {
        max-width: 46.875%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="16"] {
        width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="16"] {
        left: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="16"] {
        min-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="16"] {
        max-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="17"] {
        width: 53.125%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="17"] {
        left: 53.125%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="17"] {
        min-width: 53.125%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="17"] {
        max-width: 53.125%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="18"] {
        width: 56.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="18"] {
        left: 56.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="18"] {
        min-width: 56.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="18"] {
        max-width: 56.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="19"] {
        width: 59.375%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="19"] {
        left: 59.375%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="19"] {
        min-width: 59.375%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="19"] {
        max-width: 59.375%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="20"] {
        width: 62.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="20"] {
        left: 62.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="20"] {
        min-width: 62.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="20"] {
        max-width: 62.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="21"] {
        width: 65.625%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="21"] {
        left: 65.625%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="21"] {
        min-width: 65.625%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="21"] {
        max-width: 65.625%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="22"] {
        width: 68.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="22"] {
        left: 68.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="22"] {
        min-width: 68.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="22"] {
        max-width: 68.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="23"] {
        width: 71.875%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="23"] {
        left: 71.875%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="23"] {
        min-width: 71.875%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="23"] {
        max-width: 71.875%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="24"] {
        width: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="24"] {
        left: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="24"] {
        min-width: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="24"] {
        max-width: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="25"] {
        width: 78.125%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="25"] {
        left: 78.125%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="25"] {
        min-width: 78.125%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="25"] {
        max-width: 78.125%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="26"] {
        width: 81.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="26"] {
        left: 81.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="26"] {
        min-width: 81.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="26"] {
        max-width: 81.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="27"] {
        width: 84.375%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="27"] {
        left: 84.375%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="27"] {
        min-width: 84.375%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="27"] {
        max-width: 84.375%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="28"] {
        width: 87.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="28"] {
        left: 87.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="28"] {
        min-width: 87.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="28"] {
        max-width: 87.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="29"] {
        width: 90.625%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="29"] {
        left: 90.625%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="29"] {
        min-width: 90.625%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="29"] {
        max-width: 90.625%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="30"] {
        width: 93.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="30"] {
        left: 93.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="30"] {
        min-width: 93.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="30"] {
        max-width: 93.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="31"] {
        width: 96.875%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="31"] {
        left: 96.875%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="31"] {
        min-width: 96.875%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="31"] {
        max-width: 96.875%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="32"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="32"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="32"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="32"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 3.0303030303%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 3.0303030303%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 3.0303030303%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 3.0303030303%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 3.0303030303%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 6.0606060606%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 6.0606060606%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 6.0606060606%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 6.0606060606%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 9.0909090909%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 9.0909090909%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 9.0909090909%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 9.0909090909%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 12.1212121212%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 12.1212121212%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 12.1212121212%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 12.1212121212%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 15.1515151515%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 15.1515151515%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 15.1515151515%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 15.1515151515%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 18.1818181818%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 18.1818181818%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 18.1818181818%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 18.1818181818%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 21.2121212121%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 21.2121212121%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 21.2121212121%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 21.2121212121%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 24.2424242424%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 24.2424242424%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 24.2424242424%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 24.2424242424%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 27.2727272727%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 27.2727272727%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 27.2727272727%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 27.2727272727%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 30.303030303%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 30.303030303%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 30.303030303%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 30.303030303%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="12"] {
        width: 36.3636363636%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="12"] {
        left: 36.3636363636%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="12"] {
        min-width: 36.3636363636%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="12"] {
        max-width: 36.3636363636%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="13"] {
        width: 39.3939393939%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="13"] {
        left: 39.3939393939%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="13"] {
        min-width: 39.3939393939%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="13"] {
        max-width: 39.3939393939%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="14"] {
        width: 42.4242424242%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="14"] {
        left: 42.4242424242%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="14"] {
        min-width: 42.4242424242%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="14"] {
        max-width: 42.4242424242%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="15"] {
        width: 45.4545454545%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="15"] {
        left: 45.4545454545%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="15"] {
        min-width: 45.4545454545%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="15"] {
        max-width: 45.4545454545%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="16"] {
        width: 48.4848484848%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="16"] {
        left: 48.4848484848%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="16"] {
        min-width: 48.4848484848%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="16"] {
        max-width: 48.4848484848%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="17"] {
        width: 51.5151515152%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="17"] {
        left: 51.5151515152%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="17"] {
        min-width: 51.5151515152%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="17"] {
        max-width: 51.5151515152%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="18"] {
        width: 54.5454545455%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="18"] {
        left: 54.5454545455%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="18"] {
        min-width: 54.5454545455%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="18"] {
        max-width: 54.5454545455%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="19"] {
        width: 57.5757575758%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="19"] {
        left: 57.5757575758%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="19"] {
        min-width: 57.5757575758%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="19"] {
        max-width: 57.5757575758%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="20"] {
        width: 60.6060606061%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="20"] {
        left: 60.6060606061%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="20"] {
        min-width: 60.6060606061%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="20"] {
        max-width: 60.6060606061%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="21"] {
        width: 63.6363636364%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="21"] {
        left: 63.6363636364%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="21"] {
        min-width: 63.6363636364%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="21"] {
        max-width: 63.6363636364%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="22"] {
        width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="22"] {
        left: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="22"] {
        min-width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="22"] {
        max-width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="23"] {
        width: 69.696969697%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="23"] {
        left: 69.696969697%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="23"] {
        min-width: 69.696969697%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="23"] {
        max-width: 69.696969697%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="24"] {
        width: 72.7272727273%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="24"] {
        left: 72.7272727273%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="24"] {
        min-width: 72.7272727273%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="24"] {
        max-width: 72.7272727273%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="25"] {
        width: 75.7575757576%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="25"] {
        left: 75.7575757576%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="25"] {
        min-width: 75.7575757576%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="25"] {
        max-width: 75.7575757576%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="26"] {
        width: 78.7878787879%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="26"] {
        left: 78.7878787879%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="26"] {
        min-width: 78.7878787879%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="26"] {
        max-width: 78.7878787879%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="27"] {
        width: 81.8181818182%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="27"] {
        left: 81.8181818182%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="27"] {
        min-width: 81.8181818182%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="27"] {
        max-width: 81.8181818182%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="28"] {
        width: 84.8484848485%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="28"] {
        left: 84.8484848485%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="28"] {
        min-width: 84.8484848485%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="28"] {
        max-width: 84.8484848485%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="29"] {
        width: 87.8787878788%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="29"] {
        left: 87.8787878788%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="29"] {
        min-width: 87.8787878788%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="29"] {
        max-width: 87.8787878788%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="30"] {
        width: 90.9090909091%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="30"] {
        left: 90.9090909091%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="30"] {
        min-width: 90.9090909091%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="30"] {
        max-width: 90.9090909091%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="31"] {
        width: 93.9393939394%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="31"] {
        left: 93.9393939394%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="31"] {
        min-width: 93.9393939394%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="31"] {
        max-width: 93.9393939394%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="32"] {
        width: 96.9696969697%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="32"] {
        left: 96.9696969697%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="32"] {
        min-width: 96.9696969697%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="32"] {
        max-width: 96.9696969697%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="33"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="33"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="33"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="33"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 2.9411764706%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 2.9411764706%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 2.9411764706%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 2.9411764706%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 2.9411764706%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 5.8823529412%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 5.8823529412%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 5.8823529412%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 5.8823529412%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 8.8235294118%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 8.8235294118%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 8.8235294118%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 8.8235294118%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 11.7647058824%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 11.7647058824%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 11.7647058824%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 11.7647058824%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 14.7058823529%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 14.7058823529%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 14.7058823529%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 14.7058823529%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 17.6470588235%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 17.6470588235%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 17.6470588235%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 17.6470588235%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 20.5882352941%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 20.5882352941%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 20.5882352941%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 20.5882352941%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 23.5294117647%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 23.5294117647%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 23.5294117647%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 23.5294117647%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 26.4705882353%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 26.4705882353%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 26.4705882353%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 26.4705882353%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 29.4117647059%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 29.4117647059%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 29.4117647059%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 29.4117647059%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 32.3529411765%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 32.3529411765%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 32.3529411765%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 32.3529411765%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="12"] {
        width: 35.2941176471%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="12"] {
        left: 35.2941176471%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="12"] {
        min-width: 35.2941176471%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="12"] {
        max-width: 35.2941176471%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="13"] {
        width: 38.2352941176%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="13"] {
        left: 38.2352941176%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="13"] {
        min-width: 38.2352941176%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="13"] {
        max-width: 38.2352941176%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="14"] {
        width: 41.1764705882%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="14"] {
        left: 41.1764705882%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="14"] {
        min-width: 41.1764705882%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="14"] {
        max-width: 41.1764705882%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="15"] {
        width: 44.1176470588%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="15"] {
        left: 44.1176470588%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="15"] {
        min-width: 44.1176470588%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="15"] {
        max-width: 44.1176470588%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="16"] {
        width: 47.0588235294%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="16"] {
        left: 47.0588235294%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="16"] {
        min-width: 47.0588235294%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="16"] {
        max-width: 47.0588235294%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="17"] {
        width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="17"] {
        left: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="17"] {
        min-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="17"] {
        max-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="18"] {
        width: 52.9411764706%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="18"] {
        left: 52.9411764706%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="18"] {
        min-width: 52.9411764706%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="18"] {
        max-width: 52.9411764706%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="19"] {
        width: 55.8823529412%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="19"] {
        left: 55.8823529412%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="19"] {
        min-width: 55.8823529412%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="19"] {
        max-width: 55.8823529412%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="20"] {
        width: 58.8235294118%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="20"] {
        left: 58.8235294118%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="20"] {
        min-width: 58.8235294118%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="20"] {
        max-width: 58.8235294118%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="21"] {
        width: 61.7647058824%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="21"] {
        left: 61.7647058824%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="21"] {
        min-width: 61.7647058824%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="21"] {
        max-width: 61.7647058824%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="22"] {
        width: 64.7058823529%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="22"] {
        left: 64.7058823529%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="22"] {
        min-width: 64.7058823529%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="22"] {
        max-width: 64.7058823529%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="23"] {
        width: 67.6470588235%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="23"] {
        left: 67.6470588235%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="23"] {
        min-width: 67.6470588235%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="23"] {
        max-width: 67.6470588235%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="24"] {
        width: 70.5882352941%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="24"] {
        left: 70.5882352941%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="24"] {
        min-width: 70.5882352941%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="24"] {
        max-width: 70.5882352941%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="25"] {
        width: 73.5294117647%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="25"] {
        left: 73.5294117647%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="25"] {
        min-width: 73.5294117647%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="25"] {
        max-width: 73.5294117647%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="26"] {
        width: 76.4705882353%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="26"] {
        left: 76.4705882353%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="26"] {
        min-width: 76.4705882353%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="26"] {
        max-width: 76.4705882353%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="27"] {
        width: 79.4117647059%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="27"] {
        left: 79.4117647059%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="27"] {
        min-width: 79.4117647059%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="27"] {
        max-width: 79.4117647059%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="28"] {
        width: 82.3529411765%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="28"] {
        left: 82.3529411765%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="28"] {
        min-width: 82.3529411765%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="28"] {
        max-width: 82.3529411765%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="29"] {
        width: 85.2941176471%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="29"] {
        left: 85.2941176471%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="29"] {
        min-width: 85.2941176471%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="29"] {
        max-width: 85.2941176471%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="30"] {
        width: 88.2352941176%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="30"] {
        left: 88.2352941176%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="30"] {
        min-width: 88.2352941176%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="30"] {
        max-width: 88.2352941176%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="31"] {
        width: 91.1764705882%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="31"] {
        left: 91.1764705882%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="31"] {
        min-width: 91.1764705882%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="31"] {
        max-width: 91.1764705882%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="32"] {
        width: 94.1176470588%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="32"] {
        left: 94.1176470588%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="32"] {
        min-width: 94.1176470588%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="32"] {
        max-width: 94.1176470588%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="33"] {
        width: 97.0588235294%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="33"] {
        left: 97.0588235294%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="33"] {
        min-width: 97.0588235294%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="33"] {
        max-width: 97.0588235294%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="34"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="34"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="34"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="34"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 2.8571428571%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 2.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 2.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 2.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 2.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 5.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 5.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 5.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 5.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 8.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 8.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 8.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 8.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 11.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 11.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 11.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 11.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 14.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 14.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 14.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 14.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 17.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 17.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 17.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 17.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 22.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 22.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 22.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 22.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 25.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 25.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 25.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 25.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 28.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 28.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 28.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 28.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 31.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 31.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 31.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 31.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="12"] {
        width: 34.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="12"] {
        left: 34.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="12"] {
        min-width: 34.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="12"] {
        max-width: 34.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="13"] {
        width: 37.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="13"] {
        left: 37.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="13"] {
        min-width: 37.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="13"] {
        max-width: 37.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="14"] {
        width: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="14"] {
        left: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="14"] {
        min-width: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="14"] {
        max-width: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="15"] {
        width: 42.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="15"] {
        left: 42.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="15"] {
        min-width: 42.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="15"] {
        max-width: 42.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="16"] {
        width: 45.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="16"] {
        left: 45.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="16"] {
        min-width: 45.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="16"] {
        max-width: 45.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="17"] {
        width: 48.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="17"] {
        left: 48.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="17"] {
        min-width: 48.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="17"] {
        max-width: 48.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="18"] {
        width: 51.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="18"] {
        left: 51.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="18"] {
        min-width: 51.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="18"] {
        max-width: 51.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="19"] {
        width: 54.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="19"] {
        left: 54.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="19"] {
        min-width: 54.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="19"] {
        max-width: 54.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="20"] {
        width: 57.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="20"] {
        left: 57.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="20"] {
        min-width: 57.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="20"] {
        max-width: 57.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="21"] {
        width: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="21"] {
        left: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="21"] {
        min-width: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="21"] {
        max-width: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="22"] {
        width: 62.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="22"] {
        left: 62.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="22"] {
        min-width: 62.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="22"] {
        max-width: 62.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="23"] {
        width: 65.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="23"] {
        left: 65.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="23"] {
        min-width: 65.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="23"] {
        max-width: 65.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="24"] {
        width: 68.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="24"] {
        left: 68.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="24"] {
        min-width: 68.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="24"] {
        max-width: 68.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="25"] {
        width: 71.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="25"] {
        left: 71.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="25"] {
        min-width: 71.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="25"] {
        max-width: 71.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="26"] {
        width: 74.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="26"] {
        left: 74.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="26"] {
        min-width: 74.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="26"] {
        max-width: 74.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="27"] {
        width: 77.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="27"] {
        left: 77.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="27"] {
        min-width: 77.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="27"] {
        max-width: 77.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="28"] {
        width: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="28"] {
        left: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="28"] {
        min-width: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="28"] {
        max-width: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="29"] {
        width: 82.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="29"] {
        left: 82.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="29"] {
        min-width: 82.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="29"] {
        max-width: 82.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="30"] {
        width: 85.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="30"] {
        left: 85.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="30"] {
        min-width: 85.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="30"] {
        max-width: 85.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="31"] {
        width: 88.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="31"] {
        left: 88.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="31"] {
        min-width: 88.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="31"] {
        max-width: 88.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="32"] {
        width: 91.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="32"] {
        left: 91.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="32"] {
        min-width: 91.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="32"] {
        max-width: 91.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="33"] {
        width: 94.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="33"] {
        left: 94.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="33"] {
        min-width: 94.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="33"] {
        max-width: 94.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="34"] {
        width: 97.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="34"] {
        left: 97.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="34"] {
        min-width: 97.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="34"] {
        max-width: 97.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="35"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="35"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="35"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="35"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 2.7777777778%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 2.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 2.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 2.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 2.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 5.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 5.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 5.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 5.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 8.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 8.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 8.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 8.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 11.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 11.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 11.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 11.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 13.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 13.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 13.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 13.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 16.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 16.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 16.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 16.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 19.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 19.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 19.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 19.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 22.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 22.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 22.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 22.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 27.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 27.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 27.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 27.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 30.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 30.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 30.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 30.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="12"] {
        width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="12"] {
        left: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="12"] {
        min-width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="12"] {
        max-width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="13"] {
        width: 36.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="13"] {
        left: 36.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="13"] {
        min-width: 36.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="13"] {
        max-width: 36.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="14"] {
        width: 38.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="14"] {
        left: 38.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="14"] {
        min-width: 38.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="14"] {
        max-width: 38.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="15"] {
        width: 41.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="15"] {
        left: 41.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="15"] {
        min-width: 41.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="15"] {
        max-width: 41.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="16"] {
        width: 44.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="16"] {
        left: 44.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="16"] {
        min-width: 44.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="16"] {
        max-width: 44.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="17"] {
        width: 47.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="17"] {
        left: 47.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="17"] {
        min-width: 47.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="17"] {
        max-width: 47.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="18"] {
        width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="18"] {
        left: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="18"] {
        min-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="18"] {
        max-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="19"] {
        width: 52.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="19"] {
        left: 52.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="19"] {
        min-width: 52.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="19"] {
        max-width: 52.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="20"] {
        width: 55.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="20"] {
        left: 55.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="20"] {
        min-width: 55.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="20"] {
        max-width: 55.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="21"] {
        width: 58.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="21"] {
        left: 58.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="21"] {
        min-width: 58.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="21"] {
        max-width: 58.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="22"] {
        width: 61.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="22"] {
        left: 61.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="22"] {
        min-width: 61.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="22"] {
        max-width: 61.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="23"] {
        width: 63.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="23"] {
        left: 63.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="23"] {
        min-width: 63.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="23"] {
        max-width: 63.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="24"] {
        width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="24"] {
        left: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="24"] {
        min-width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="24"] {
        max-width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="25"] {
        width: 69.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="25"] {
        left: 69.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="25"] {
        min-width: 69.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="25"] {
        max-width: 69.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="26"] {
        width: 72.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="26"] {
        left: 72.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="26"] {
        min-width: 72.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="26"] {
        max-width: 72.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="27"] {
        width: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="27"] {
        left: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="27"] {
        min-width: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="27"] {
        max-width: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="28"] {
        width: 77.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="28"] {
        left: 77.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="28"] {
        min-width: 77.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="28"] {
        max-width: 77.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="29"] {
        width: 80.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="29"] {
        left: 80.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="29"] {
        min-width: 80.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="29"] {
        max-width: 80.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="30"] {
        width: 83.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="30"] {
        left: 83.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="30"] {
        min-width: 83.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="30"] {
        max-width: 83.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="31"] {
        width: 86.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="31"] {
        left: 86.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="31"] {
        min-width: 86.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="31"] {
        max-width: 86.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="32"] {
        width: 88.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="32"] {
        left: 88.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="32"] {
        min-width: 88.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="32"] {
        max-width: 88.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="33"] {
        width: 91.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="33"] {
        left: 91.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="33"] {
        min-width: 91.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="33"] {
        max-width: 91.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="34"] {
        width: 94.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="34"] {
        left: 94.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="34"] {
        min-width: 94.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="34"] {
        max-width: 94.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="35"] {
        width: 97.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="35"] {
        left: 97.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="35"] {
        min-width: 97.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="35"] {
        max-width: 97.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="36"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="36"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="36"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="36"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 2.7027027027%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 2.7027027027%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 2.7027027027%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 2.7027027027%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 2.7027027027%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 5.4054054054%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 5.4054054054%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 5.4054054054%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 5.4054054054%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 8.1081081081%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 8.1081081081%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 8.1081081081%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 8.1081081081%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 10.8108108108%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 10.8108108108%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 10.8108108108%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 10.8108108108%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 13.5135135135%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 13.5135135135%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 13.5135135135%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 13.5135135135%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 16.2162162162%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 16.2162162162%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 16.2162162162%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 16.2162162162%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 18.9189189189%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 18.9189189189%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 18.9189189189%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 18.9189189189%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 21.6216216216%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 21.6216216216%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 21.6216216216%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 21.6216216216%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 24.3243243243%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 24.3243243243%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 24.3243243243%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 24.3243243243%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 27.027027027%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 27.027027027%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 27.027027027%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 27.027027027%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 29.7297297297%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 29.7297297297%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 29.7297297297%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 29.7297297297%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="12"] {
        width: 32.4324324324%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="12"] {
        left: 32.4324324324%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="12"] {
        min-width: 32.4324324324%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="12"] {
        max-width: 32.4324324324%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="13"] {
        width: 35.1351351351%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="13"] {
        left: 35.1351351351%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="13"] {
        min-width: 35.1351351351%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="13"] {
        max-width: 35.1351351351%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="14"] {
        width: 37.8378378378%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="14"] {
        left: 37.8378378378%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="14"] {
        min-width: 37.8378378378%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="14"] {
        max-width: 37.8378378378%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="15"] {
        width: 40.5405405405%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="15"] {
        left: 40.5405405405%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="15"] {
        min-width: 40.5405405405%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="15"] {
        max-width: 40.5405405405%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="16"] {
        width: 43.2432432432%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="16"] {
        left: 43.2432432432%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="16"] {
        min-width: 43.2432432432%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="16"] {
        max-width: 43.2432432432%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="17"] {
        width: 45.9459459459%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="17"] {
        left: 45.9459459459%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="17"] {
        min-width: 45.9459459459%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="17"] {
        max-width: 45.9459459459%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="18"] {
        width: 48.6486486486%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="18"] {
        left: 48.6486486486%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="18"] {
        min-width: 48.6486486486%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="18"] {
        max-width: 48.6486486486%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="19"] {
        width: 51.3513513514%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="19"] {
        left: 51.3513513514%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="19"] {
        min-width: 51.3513513514%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="19"] {
        max-width: 51.3513513514%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="20"] {
        width: 54.0540540541%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="20"] {
        left: 54.0540540541%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="20"] {
        min-width: 54.0540540541%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="20"] {
        max-width: 54.0540540541%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="21"] {
        width: 56.7567567568%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="21"] {
        left: 56.7567567568%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="21"] {
        min-width: 56.7567567568%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="21"] {
        max-width: 56.7567567568%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="22"] {
        width: 59.4594594595%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="22"] {
        left: 59.4594594595%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="22"] {
        min-width: 59.4594594595%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="22"] {
        max-width: 59.4594594595%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="23"] {
        width: 62.1621621622%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="23"] {
        left: 62.1621621622%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="23"] {
        min-width: 62.1621621622%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="23"] {
        max-width: 62.1621621622%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="24"] {
        width: 64.8648648649%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="24"] {
        left: 64.8648648649%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="24"] {
        min-width: 64.8648648649%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="24"] {
        max-width: 64.8648648649%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="25"] {
        width: 67.5675675676%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="25"] {
        left: 67.5675675676%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="25"] {
        min-width: 67.5675675676%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="25"] {
        max-width: 67.5675675676%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="26"] {
        width: 70.2702702703%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="26"] {
        left: 70.2702702703%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="26"] {
        min-width: 70.2702702703%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="26"] {
        max-width: 70.2702702703%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="27"] {
        width: 72.972972973%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="27"] {
        left: 72.972972973%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="27"] {
        min-width: 72.972972973%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="27"] {
        max-width: 72.972972973%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="28"] {
        width: 75.6756756757%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="28"] {
        left: 75.6756756757%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="28"] {
        min-width: 75.6756756757%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="28"] {
        max-width: 75.6756756757%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="29"] {
        width: 78.3783783784%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="29"] {
        left: 78.3783783784%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="29"] {
        min-width: 78.3783783784%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="29"] {
        max-width: 78.3783783784%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="30"] {
        width: 81.0810810811%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="30"] {
        left: 81.0810810811%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="30"] {
        min-width: 81.0810810811%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="30"] {
        max-width: 81.0810810811%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="31"] {
        width: 83.7837837838%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="31"] {
        left: 83.7837837838%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="31"] {
        min-width: 83.7837837838%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="31"] {
        max-width: 83.7837837838%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="32"] {
        width: 86.4864864865%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="32"] {
        left: 86.4864864865%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="32"] {
        min-width: 86.4864864865%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="32"] {
        max-width: 86.4864864865%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="33"] {
        width: 89.1891891892%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="33"] {
        left: 89.1891891892%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="33"] {
        min-width: 89.1891891892%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="33"] {
        max-width: 89.1891891892%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="34"] {
        width: 91.8918918919%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="34"] {
        left: 91.8918918919%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="34"] {
        min-width: 91.8918918919%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="34"] {
        max-width: 91.8918918919%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="35"] {
        width: 94.5945945946%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="35"] {
        left: 94.5945945946%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="35"] {
        min-width: 94.5945945946%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="35"] {
        max-width: 94.5945945946%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="36"] {
        width: 97.2972972973%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="36"] {
        left: 97.2972972973%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="36"] {
        min-width: 97.2972972973%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="36"] {
        max-width: 97.2972972973%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="37"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="37"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="37"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="37"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 2.6315789474%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 2.6315789474%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 2.6315789474%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 2.6315789474%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 2.6315789474%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 5.2631578947%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 5.2631578947%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 5.2631578947%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 5.2631578947%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 7.8947368421%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 7.8947368421%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 7.8947368421%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 7.8947368421%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 10.5263157895%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 10.5263157895%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 10.5263157895%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 10.5263157895%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 13.1578947368%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 13.1578947368%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 13.1578947368%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 13.1578947368%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 15.7894736842%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 15.7894736842%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 15.7894736842%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 15.7894736842%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 18.4210526316%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 18.4210526316%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 18.4210526316%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 18.4210526316%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 21.0526315789%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 21.0526315789%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 21.0526315789%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 21.0526315789%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 23.6842105263%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 23.6842105263%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 23.6842105263%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 23.6842105263%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 26.3157894737%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 26.3157894737%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 26.3157894737%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 26.3157894737%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 28.9473684211%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 28.9473684211%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 28.9473684211%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 28.9473684211%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="12"] {
        width: 31.5789473684%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="12"] {
        left: 31.5789473684%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="12"] {
        min-width: 31.5789473684%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="12"] {
        max-width: 31.5789473684%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="13"] {
        width: 34.2105263158%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="13"] {
        left: 34.2105263158%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="13"] {
        min-width: 34.2105263158%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="13"] {
        max-width: 34.2105263158%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="14"] {
        width: 36.8421052632%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="14"] {
        left: 36.8421052632%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="14"] {
        min-width: 36.8421052632%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="14"] {
        max-width: 36.8421052632%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="15"] {
        width: 39.4736842105%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="15"] {
        left: 39.4736842105%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="15"] {
        min-width: 39.4736842105%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="15"] {
        max-width: 39.4736842105%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="16"] {
        width: 42.1052631579%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="16"] {
        left: 42.1052631579%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="16"] {
        min-width: 42.1052631579%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="16"] {
        max-width: 42.1052631579%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="17"] {
        width: 44.7368421053%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="17"] {
        left: 44.7368421053%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="17"] {
        min-width: 44.7368421053%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="17"] {
        max-width: 44.7368421053%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="18"] {
        width: 47.3684210526%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="18"] {
        left: 47.3684210526%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="18"] {
        min-width: 47.3684210526%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="18"] {
        max-width: 47.3684210526%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="19"] {
        width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="19"] {
        left: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="19"] {
        min-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="19"] {
        max-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="20"] {
        width: 52.6315789474%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="20"] {
        left: 52.6315789474%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="20"] {
        min-width: 52.6315789474%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="20"] {
        max-width: 52.6315789474%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="21"] {
        width: 55.2631578947%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="21"] {
        left: 55.2631578947%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="21"] {
        min-width: 55.2631578947%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="21"] {
        max-width: 55.2631578947%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="22"] {
        width: 57.8947368421%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="22"] {
        left: 57.8947368421%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="22"] {
        min-width: 57.8947368421%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="22"] {
        max-width: 57.8947368421%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="23"] {
        width: 60.5263157895%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="23"] {
        left: 60.5263157895%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="23"] {
        min-width: 60.5263157895%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="23"] {
        max-width: 60.5263157895%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="24"] {
        width: 63.1578947368%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="24"] {
        left: 63.1578947368%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="24"] {
        min-width: 63.1578947368%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="24"] {
        max-width: 63.1578947368%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="25"] {
        width: 65.7894736842%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="25"] {
        left: 65.7894736842%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="25"] {
        min-width: 65.7894736842%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="25"] {
        max-width: 65.7894736842%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="26"] {
        width: 68.4210526316%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="26"] {
        left: 68.4210526316%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="26"] {
        min-width: 68.4210526316%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="26"] {
        max-width: 68.4210526316%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="27"] {
        width: 71.0526315789%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="27"] {
        left: 71.0526315789%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="27"] {
        min-width: 71.0526315789%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="27"] {
        max-width: 71.0526315789%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="28"] {
        width: 73.6842105263%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="28"] {
        left: 73.6842105263%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="28"] {
        min-width: 73.6842105263%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="28"] {
        max-width: 73.6842105263%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="29"] {
        width: 76.3157894737%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="29"] {
        left: 76.3157894737%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="29"] {
        min-width: 76.3157894737%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="29"] {
        max-width: 76.3157894737%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="30"] {
        width: 78.9473684211%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="30"] {
        left: 78.9473684211%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="30"] {
        min-width: 78.9473684211%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="30"] {
        max-width: 78.9473684211%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="31"] {
        width: 81.5789473684%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="31"] {
        left: 81.5789473684%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="31"] {
        min-width: 81.5789473684%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="31"] {
        max-width: 81.5789473684%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="32"] {
        width: 84.2105263158%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="32"] {
        left: 84.2105263158%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="32"] {
        min-width: 84.2105263158%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="32"] {
        max-width: 84.2105263158%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="33"] {
        width: 86.8421052632%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="33"] {
        left: 86.8421052632%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="33"] {
        min-width: 86.8421052632%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="33"] {
        max-width: 86.8421052632%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="34"] {
        width: 89.4736842105%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="34"] {
        left: 89.4736842105%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="34"] {
        min-width: 89.4736842105%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="34"] {
        max-width: 89.4736842105%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="35"] {
        width: 92.1052631579%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="35"] {
        left: 92.1052631579%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="35"] {
        min-width: 92.1052631579%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="35"] {
        max-width: 92.1052631579%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="36"] {
        width: 94.7368421053%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="36"] {
        left: 94.7368421053%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="36"] {
        min-width: 94.7368421053%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="36"] {
        max-width: 94.7368421053%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="37"] {
        width: 97.3684210526%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="37"] {
        left: 97.3684210526%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="37"] {
        min-width: 97.3684210526%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="37"] {
        max-width: 97.3684210526%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="38"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="38"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="38"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="38"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 2.5641025641%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 2.5641025641%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 2.5641025641%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 2.5641025641%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 2.5641025641%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 5.1282051282%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 5.1282051282%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 5.1282051282%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 5.1282051282%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 7.6923076923%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 7.6923076923%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 7.6923076923%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 7.6923076923%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 10.2564102564%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 10.2564102564%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 10.2564102564%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 10.2564102564%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 12.8205128205%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 12.8205128205%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 12.8205128205%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 12.8205128205%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 15.3846153846%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 15.3846153846%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 15.3846153846%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 15.3846153846%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 17.9487179487%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 17.9487179487%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 17.9487179487%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 17.9487179487%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 20.5128205128%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 20.5128205128%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 20.5128205128%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 20.5128205128%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 23.0769230769%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 23.0769230769%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 23.0769230769%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 23.0769230769%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 25.641025641%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 25.641025641%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 25.641025641%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 25.641025641%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 28.2051282051%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 28.2051282051%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 28.2051282051%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 28.2051282051%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="12"] {
        width: 30.7692307692%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="12"] {
        left: 30.7692307692%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="12"] {
        min-width: 30.7692307692%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="12"] {
        max-width: 30.7692307692%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="13"] {
        width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="13"] {
        left: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="13"] {
        min-width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="13"] {
        max-width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="14"] {
        width: 35.8974358974%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="14"] {
        left: 35.8974358974%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="14"] {
        min-width: 35.8974358974%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="14"] {
        max-width: 35.8974358974%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="15"] {
        width: 38.4615384615%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="15"] {
        left: 38.4615384615%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="15"] {
        min-width: 38.4615384615%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="15"] {
        max-width: 38.4615384615%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="16"] {
        width: 41.0256410256%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="16"] {
        left: 41.0256410256%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="16"] {
        min-width: 41.0256410256%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="16"] {
        max-width: 41.0256410256%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="17"] {
        width: 43.5897435897%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="17"] {
        left: 43.5897435897%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="17"] {
        min-width: 43.5897435897%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="17"] {
        max-width: 43.5897435897%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="18"] {
        width: 46.1538461538%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="18"] {
        left: 46.1538461538%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="18"] {
        min-width: 46.1538461538%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="18"] {
        max-width: 46.1538461538%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="19"] {
        width: 48.7179487179%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="19"] {
        left: 48.7179487179%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="19"] {
        min-width: 48.7179487179%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="19"] {
        max-width: 48.7179487179%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="20"] {
        width: 51.2820512821%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="20"] {
        left: 51.2820512821%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="20"] {
        min-width: 51.2820512821%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="20"] {
        max-width: 51.2820512821%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="21"] {
        width: 53.8461538462%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="21"] {
        left: 53.8461538462%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="21"] {
        min-width: 53.8461538462%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="21"] {
        max-width: 53.8461538462%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="22"] {
        width: 56.4102564103%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="22"] {
        left: 56.4102564103%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="22"] {
        min-width: 56.4102564103%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="22"] {
        max-width: 56.4102564103%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="23"] {
        width: 58.9743589744%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="23"] {
        left: 58.9743589744%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="23"] {
        min-width: 58.9743589744%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="23"] {
        max-width: 58.9743589744%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="24"] {
        width: 61.5384615385%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="24"] {
        left: 61.5384615385%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="24"] {
        min-width: 61.5384615385%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="24"] {
        max-width: 61.5384615385%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="25"] {
        width: 64.1025641026%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="25"] {
        left: 64.1025641026%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="25"] {
        min-width: 64.1025641026%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="25"] {
        max-width: 64.1025641026%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="26"] {
        width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="26"] {
        left: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="26"] {
        min-width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="26"] {
        max-width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="27"] {
        width: 69.2307692308%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="27"] {
        left: 69.2307692308%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="27"] {
        min-width: 69.2307692308%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="27"] {
        max-width: 69.2307692308%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="28"] {
        width: 71.7948717949%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="28"] {
        left: 71.7948717949%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="28"] {
        min-width: 71.7948717949%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="28"] {
        max-width: 71.7948717949%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="29"] {
        width: 74.358974359%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="29"] {
        left: 74.358974359%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="29"] {
        min-width: 74.358974359%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="29"] {
        max-width: 74.358974359%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="30"] {
        width: 76.9230769231%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="30"] {
        left: 76.9230769231%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="30"] {
        min-width: 76.9230769231%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="30"] {
        max-width: 76.9230769231%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="31"] {
        width: 79.4871794872%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="31"] {
        left: 79.4871794872%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="31"] {
        min-width: 79.4871794872%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="31"] {
        max-width: 79.4871794872%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="32"] {
        width: 82.0512820513%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="32"] {
        left: 82.0512820513%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="32"] {
        min-width: 82.0512820513%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="32"] {
        max-width: 82.0512820513%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="33"] {
        width: 84.6153846154%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="33"] {
        left: 84.6153846154%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="33"] {
        min-width: 84.6153846154%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="33"] {
        max-width: 84.6153846154%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="34"] {
        width: 87.1794871795%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="34"] {
        left: 87.1794871795%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="34"] {
        min-width: 87.1794871795%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="34"] {
        max-width: 87.1794871795%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="35"] {
        width: 89.7435897436%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="35"] {
        left: 89.7435897436%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="35"] {
        min-width: 89.7435897436%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="35"] {
        max-width: 89.7435897436%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="36"] {
        width: 92.3076923077%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="36"] {
        left: 92.3076923077%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="36"] {
        min-width: 92.3076923077%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="36"] {
        max-width: 92.3076923077%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="37"] {
        width: 94.8717948718%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="37"] {
        left: 94.8717948718%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="37"] {
        min-width: 94.8717948718%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="37"] {
        max-width: 94.8717948718%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="38"] {
        width: 97.4358974359%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="38"] {
        left: 97.4358974359%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="38"] {
        min-width: 97.4358974359%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="38"] {
        max-width: 97.4358974359%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="39"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="39"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="39"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="39"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 2.5%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 2.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 2.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 2.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 2.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 7.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 7.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 7.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 7.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 10%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 10%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 10%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 10%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 12.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 12.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 12.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 12.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 15%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 15%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 15%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 15%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 17.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 17.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 17.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 17.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 22.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 22.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 22.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 22.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 27.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 27.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 27.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 27.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="12"] {
        width: 30%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="12"] {
        left: 30%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="12"] {
        min-width: 30%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="12"] {
        max-width: 30%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="13"] {
        width: 32.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="13"] {
        left: 32.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="13"] {
        min-width: 32.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="13"] {
        max-width: 32.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="14"] {
        width: 35%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="14"] {
        left: 35%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="14"] {
        min-width: 35%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="14"] {
        max-width: 35%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="15"] {
        width: 37.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="15"] {
        left: 37.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="15"] {
        min-width: 37.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="15"] {
        max-width: 37.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="16"] {
        width: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="16"] {
        left: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="16"] {
        min-width: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="16"] {
        max-width: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="17"] {
        width: 42.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="17"] {
        left: 42.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="17"] {
        min-width: 42.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="17"] {
        max-width: 42.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="18"] {
        width: 45%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="18"] {
        left: 45%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="18"] {
        min-width: 45%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="18"] {
        max-width: 45%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="19"] {
        width: 47.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="19"] {
        left: 47.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="19"] {
        min-width: 47.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="19"] {
        max-width: 47.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="20"] {
        width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="20"] {
        left: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="20"] {
        min-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="20"] {
        max-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="21"] {
        width: 52.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="21"] {
        left: 52.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="21"] {
        min-width: 52.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="21"] {
        max-width: 52.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="22"] {
        width: 55%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="22"] {
        left: 55%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="22"] {
        min-width: 55%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="22"] {
        max-width: 55%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="23"] {
        width: 57.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="23"] {
        left: 57.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="23"] {
        min-width: 57.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="23"] {
        max-width: 57.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="24"] {
        width: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="24"] {
        left: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="24"] {
        min-width: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="24"] {
        max-width: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="25"] {
        width: 62.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="25"] {
        left: 62.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="25"] {
        min-width: 62.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="25"] {
        max-width: 62.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="26"] {
        width: 65%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="26"] {
        left: 65%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="26"] {
        min-width: 65%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="26"] {
        max-width: 65%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="27"] {
        width: 67.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="27"] {
        left: 67.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="27"] {
        min-width: 67.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="27"] {
        max-width: 67.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="28"] {
        width: 70%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="28"] {
        left: 70%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="28"] {
        min-width: 70%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="28"] {
        max-width: 70%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="29"] {
        width: 72.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="29"] {
        left: 72.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="29"] {
        min-width: 72.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="29"] {
        max-width: 72.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="30"] {
        width: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="30"] {
        left: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="30"] {
        min-width: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="30"] {
        max-width: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="31"] {
        width: 77.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="31"] {
        left: 77.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="31"] {
        min-width: 77.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="31"] {
        max-width: 77.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="32"] {
        width: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="32"] {
        left: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="32"] {
        min-width: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="32"] {
        max-width: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="33"] {
        width: 82.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="33"] {
        left: 82.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="33"] {
        min-width: 82.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="33"] {
        max-width: 82.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="34"] {
        width: 85%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="34"] {
        left: 85%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="34"] {
        min-width: 85%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="34"] {
        max-width: 85%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="35"] {
        width: 87.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="35"] {
        left: 87.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="35"] {
        min-width: 87.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="35"] {
        max-width: 87.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="36"] {
        width: 90%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="36"] {
        left: 90%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="36"] {
        min-width: 90%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="36"] {
        max-width: 90%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="37"] {
        width: 92.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="37"] {
        left: 92.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="37"] {
        min-width: 92.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="37"] {
        max-width: 92.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="38"] {
        width: 95%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="38"] {
        left: 95%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="38"] {
        min-width: 95%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="38"] {
        max-width: 95%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="39"] {
        width: 97.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="39"] {
        left: 97.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="39"] {
        min-width: 97.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="39"] {
        max-width: 97.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="40"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="40"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="40"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="40"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 2.4390243902%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 2.4390243902%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 2.4390243902%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 2.4390243902%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 2.4390243902%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 4.8780487805%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 4.8780487805%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 4.8780487805%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 4.8780487805%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 7.3170731707%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 7.3170731707%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 7.3170731707%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 7.3170731707%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 9.756097561%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 9.756097561%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 9.756097561%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 9.756097561%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 12.1951219512%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 12.1951219512%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 12.1951219512%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 12.1951219512%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 14.6341463415%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 14.6341463415%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 14.6341463415%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 14.6341463415%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 17.0731707317%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 17.0731707317%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 17.0731707317%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 17.0731707317%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 19.512195122%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 19.512195122%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 19.512195122%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 19.512195122%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 21.9512195122%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 21.9512195122%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 21.9512195122%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 21.9512195122%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 24.3902439024%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 24.3902439024%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 24.3902439024%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 24.3902439024%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 26.8292682927%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 26.8292682927%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 26.8292682927%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 26.8292682927%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="12"] {
        width: 29.2682926829%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="12"] {
        left: 29.2682926829%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="12"] {
        min-width: 29.2682926829%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="12"] {
        max-width: 29.2682926829%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="13"] {
        width: 31.7073170732%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="13"] {
        left: 31.7073170732%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="13"] {
        min-width: 31.7073170732%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="13"] {
        max-width: 31.7073170732%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="14"] {
        width: 34.1463414634%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="14"] {
        left: 34.1463414634%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="14"] {
        min-width: 34.1463414634%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="14"] {
        max-width: 34.1463414634%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="15"] {
        width: 36.5853658537%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="15"] {
        left: 36.5853658537%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="15"] {
        min-width: 36.5853658537%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="15"] {
        max-width: 36.5853658537%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="16"] {
        width: 39.0243902439%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="16"] {
        left: 39.0243902439%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="16"] {
        min-width: 39.0243902439%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="16"] {
        max-width: 39.0243902439%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="17"] {
        width: 41.4634146341%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="17"] {
        left: 41.4634146341%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="17"] {
        min-width: 41.4634146341%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="17"] {
        max-width: 41.4634146341%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="18"] {
        width: 43.9024390244%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="18"] {
        left: 43.9024390244%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="18"] {
        min-width: 43.9024390244%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="18"] {
        max-width: 43.9024390244%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="19"] {
        width: 46.3414634146%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="19"] {
        left: 46.3414634146%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="19"] {
        min-width: 46.3414634146%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="19"] {
        max-width: 46.3414634146%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="20"] {
        width: 48.7804878049%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="20"] {
        left: 48.7804878049%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="20"] {
        min-width: 48.7804878049%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="20"] {
        max-width: 48.7804878049%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="21"] {
        width: 51.2195121951%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="21"] {
        left: 51.2195121951%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="21"] {
        min-width: 51.2195121951%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="21"] {
        max-width: 51.2195121951%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="22"] {
        width: 53.6585365854%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="22"] {
        left: 53.6585365854%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="22"] {
        min-width: 53.6585365854%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="22"] {
        max-width: 53.6585365854%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="23"] {
        width: 56.0975609756%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="23"] {
        left: 56.0975609756%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="23"] {
        min-width: 56.0975609756%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="23"] {
        max-width: 56.0975609756%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="24"] {
        width: 58.5365853659%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="24"] {
        left: 58.5365853659%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="24"] {
        min-width: 58.5365853659%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="24"] {
        max-width: 58.5365853659%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="25"] {
        width: 60.9756097561%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="25"] {
        left: 60.9756097561%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="25"] {
        min-width: 60.9756097561%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="25"] {
        max-width: 60.9756097561%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="26"] {
        width: 63.4146341463%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="26"] {
        left: 63.4146341463%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="26"] {
        min-width: 63.4146341463%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="26"] {
        max-width: 63.4146341463%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="27"] {
        width: 65.8536585366%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="27"] {
        left: 65.8536585366%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="27"] {
        min-width: 65.8536585366%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="27"] {
        max-width: 65.8536585366%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="28"] {
        width: 68.2926829268%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="28"] {
        left: 68.2926829268%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="28"] {
        min-width: 68.2926829268%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="28"] {
        max-width: 68.2926829268%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="29"] {
        width: 70.7317073171%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="29"] {
        left: 70.7317073171%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="29"] {
        min-width: 70.7317073171%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="29"] {
        max-width: 70.7317073171%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="30"] {
        width: 73.1707317073%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="30"] {
        left: 73.1707317073%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="30"] {
        min-width: 73.1707317073%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="30"] {
        max-width: 73.1707317073%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="31"] {
        width: 75.6097560976%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="31"] {
        left: 75.6097560976%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="31"] {
        min-width: 75.6097560976%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="31"] {
        max-width: 75.6097560976%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="32"] {
        width: 78.0487804878%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="32"] {
        left: 78.0487804878%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="32"] {
        min-width: 78.0487804878%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="32"] {
        max-width: 78.0487804878%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="33"] {
        width: 80.487804878%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="33"] {
        left: 80.487804878%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="33"] {
        min-width: 80.487804878%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="33"] {
        max-width: 80.487804878%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="34"] {
        width: 82.9268292683%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="34"] {
        left: 82.9268292683%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="34"] {
        min-width: 82.9268292683%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="34"] {
        max-width: 82.9268292683%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="35"] {
        width: 85.3658536585%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="35"] {
        left: 85.3658536585%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="35"] {
        min-width: 85.3658536585%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="35"] {
        max-width: 85.3658536585%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="36"] {
        width: 87.8048780488%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="36"] {
        left: 87.8048780488%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="36"] {
        min-width: 87.8048780488%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="36"] {
        max-width: 87.8048780488%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="37"] {
        width: 90.243902439%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="37"] {
        left: 90.243902439%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="37"] {
        min-width: 90.243902439%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="37"] {
        max-width: 90.243902439%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="38"] {
        width: 92.6829268293%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="38"] {
        left: 92.6829268293%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="38"] {
        min-width: 92.6829268293%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="38"] {
        max-width: 92.6829268293%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="39"] {
        width: 95.1219512195%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="39"] {
        left: 95.1219512195%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="39"] {
        min-width: 95.1219512195%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="39"] {
        max-width: 95.1219512195%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="40"] {
        width: 97.5609756098%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="40"] {
        left: 97.5609756098%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="40"] {
        min-width: 97.5609756098%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="40"] {
        max-width: 97.5609756098%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="41"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="41"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="41"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="41"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 2.380952381%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 2.380952381%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 2.380952381%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 2.380952381%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 2.380952381%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 4.7619047619%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 4.7619047619%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 4.7619047619%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 4.7619047619%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 7.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 7.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 7.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 7.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 9.5238095238%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 9.5238095238%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 9.5238095238%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 9.5238095238%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 11.9047619048%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 11.9047619048%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 11.9047619048%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 11.9047619048%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 14.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 14.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 14.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 14.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 16.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 16.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 16.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 16.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 19.0476190476%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 19.0476190476%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 19.0476190476%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 19.0476190476%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 21.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 21.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 21.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 21.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 23.8095238095%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 23.8095238095%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 23.8095238095%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 23.8095238095%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 26.1904761905%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 26.1904761905%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 26.1904761905%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 26.1904761905%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="12"] {
        width: 28.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="12"] {
        left: 28.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="12"] {
        min-width: 28.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="12"] {
        max-width: 28.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="13"] {
        width: 30.9523809524%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="13"] {
        left: 30.9523809524%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="13"] {
        min-width: 30.9523809524%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="13"] {
        max-width: 30.9523809524%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="14"] {
        width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="14"] {
        left: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="14"] {
        min-width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="14"] {
        max-width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="15"] {
        width: 35.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="15"] {
        left: 35.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="15"] {
        min-width: 35.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="15"] {
        max-width: 35.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="16"] {
        width: 38.0952380952%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="16"] {
        left: 38.0952380952%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="16"] {
        min-width: 38.0952380952%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="16"] {
        max-width: 38.0952380952%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="17"] {
        width: 40.4761904762%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="17"] {
        left: 40.4761904762%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="17"] {
        min-width: 40.4761904762%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="17"] {
        max-width: 40.4761904762%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="18"] {
        width: 42.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="18"] {
        left: 42.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="18"] {
        min-width: 42.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="18"] {
        max-width: 42.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="19"] {
        width: 45.2380952381%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="19"] {
        left: 45.2380952381%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="19"] {
        min-width: 45.2380952381%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="19"] {
        max-width: 45.2380952381%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="20"] {
        width: 47.619047619%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="20"] {
        left: 47.619047619%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="20"] {
        min-width: 47.619047619%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="20"] {
        max-width: 47.619047619%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="21"] {
        width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="21"] {
        left: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="21"] {
        min-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="21"] {
        max-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="22"] {
        width: 52.380952381%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="22"] {
        left: 52.380952381%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="22"] {
        min-width: 52.380952381%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="22"] {
        max-width: 52.380952381%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="23"] {
        width: 54.7619047619%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="23"] {
        left: 54.7619047619%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="23"] {
        min-width: 54.7619047619%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="23"] {
        max-width: 54.7619047619%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="24"] {
        width: 57.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="24"] {
        left: 57.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="24"] {
        min-width: 57.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="24"] {
        max-width: 57.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="25"] {
        width: 59.5238095238%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="25"] {
        left: 59.5238095238%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="25"] {
        min-width: 59.5238095238%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="25"] {
        max-width: 59.5238095238%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="26"] {
        width: 61.9047619048%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="26"] {
        left: 61.9047619048%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="26"] {
        min-width: 61.9047619048%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="26"] {
        max-width: 61.9047619048%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="27"] {
        width: 64.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="27"] {
        left: 64.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="27"] {
        min-width: 64.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="27"] {
        max-width: 64.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="28"] {
        width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="28"] {
        left: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="28"] {
        min-width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="28"] {
        max-width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="29"] {
        width: 69.0476190476%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="29"] {
        left: 69.0476190476%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="29"] {
        min-width: 69.0476190476%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="29"] {
        max-width: 69.0476190476%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="30"] {
        width: 71.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="30"] {
        left: 71.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="30"] {
        min-width: 71.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="30"] {
        max-width: 71.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="31"] {
        width: 73.8095238095%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="31"] {
        left: 73.8095238095%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="31"] {
        min-width: 73.8095238095%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="31"] {
        max-width: 73.8095238095%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="32"] {
        width: 76.1904761905%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="32"] {
        left: 76.1904761905%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="32"] {
        min-width: 76.1904761905%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="32"] {
        max-width: 76.1904761905%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="33"] {
        width: 78.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="33"] {
        left: 78.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="33"] {
        min-width: 78.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="33"] {
        max-width: 78.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="34"] {
        width: 80.9523809524%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="34"] {
        left: 80.9523809524%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="34"] {
        min-width: 80.9523809524%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="34"] {
        max-width: 80.9523809524%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="35"] {
        width: 83.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="35"] {
        left: 83.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="35"] {
        min-width: 83.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="35"] {
        max-width: 83.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="36"] {
        width: 85.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="36"] {
        left: 85.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="36"] {
        min-width: 85.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="36"] {
        max-width: 85.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="37"] {
        width: 88.0952380952%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="37"] {
        left: 88.0952380952%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="37"] {
        min-width: 88.0952380952%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="37"] {
        max-width: 88.0952380952%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="38"] {
        width: 90.4761904762%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="38"] {
        left: 90.4761904762%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="38"] {
        min-width: 90.4761904762%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="38"] {
        max-width: 90.4761904762%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="39"] {
        width: 92.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="39"] {
        left: 92.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="39"] {
        min-width: 92.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="39"] {
        max-width: 92.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="40"] {
        width: 95.2380952381%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="40"] {
        left: 95.2380952381%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="40"] {
        min-width: 95.2380952381%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="40"] {
        max-width: 95.2380952381%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="41"] {
        width: 97.619047619%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="41"] {
        left: 97.619047619%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="41"] {
        min-width: 97.619047619%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="41"] {
        max-width: 97.619047619%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="42"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="42"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="42"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="42"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 2.3255813953%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 2.3255813953%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 2.3255813953%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 2.3255813953%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 2.3255813953%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 4.6511627907%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 4.6511627907%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 4.6511627907%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 4.6511627907%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 6.976744186%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 6.976744186%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 6.976744186%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 6.976744186%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 9.3023255814%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 9.3023255814%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 9.3023255814%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 9.3023255814%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 11.6279069767%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 11.6279069767%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 11.6279069767%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 11.6279069767%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 13.9534883721%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 13.9534883721%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 13.9534883721%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 13.9534883721%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 16.2790697674%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 16.2790697674%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 16.2790697674%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 16.2790697674%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 18.6046511628%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 18.6046511628%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 18.6046511628%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 18.6046511628%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 20.9302325581%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 20.9302325581%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 20.9302325581%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 20.9302325581%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 23.2558139535%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 23.2558139535%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 23.2558139535%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 23.2558139535%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 25.5813953488%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 25.5813953488%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 25.5813953488%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 25.5813953488%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="12"] {
        width: 27.9069767442%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="12"] {
        left: 27.9069767442%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="12"] {
        min-width: 27.9069767442%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="12"] {
        max-width: 27.9069767442%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="13"] {
        width: 30.2325581395%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="13"] {
        left: 30.2325581395%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="13"] {
        min-width: 30.2325581395%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="13"] {
        max-width: 30.2325581395%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="14"] {
        width: 32.5581395349%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="14"] {
        left: 32.5581395349%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="14"] {
        min-width: 32.5581395349%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="14"] {
        max-width: 32.5581395349%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="15"] {
        width: 34.8837209302%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="15"] {
        left: 34.8837209302%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="15"] {
        min-width: 34.8837209302%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="15"] {
        max-width: 34.8837209302%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="16"] {
        width: 37.2093023256%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="16"] {
        left: 37.2093023256%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="16"] {
        min-width: 37.2093023256%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="16"] {
        max-width: 37.2093023256%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="17"] {
        width: 39.5348837209%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="17"] {
        left: 39.5348837209%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="17"] {
        min-width: 39.5348837209%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="17"] {
        max-width: 39.5348837209%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="18"] {
        width: 41.8604651163%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="18"] {
        left: 41.8604651163%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="18"] {
        min-width: 41.8604651163%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="18"] {
        max-width: 41.8604651163%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="19"] {
        width: 44.1860465116%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="19"] {
        left: 44.1860465116%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="19"] {
        min-width: 44.1860465116%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="19"] {
        max-width: 44.1860465116%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="20"] {
        width: 46.511627907%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="20"] {
        left: 46.511627907%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="20"] {
        min-width: 46.511627907%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="20"] {
        max-width: 46.511627907%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="21"] {
        width: 48.8372093023%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="21"] {
        left: 48.8372093023%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="21"] {
        min-width: 48.8372093023%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="21"] {
        max-width: 48.8372093023%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="22"] {
        width: 51.1627906977%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="22"] {
        left: 51.1627906977%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="22"] {
        min-width: 51.1627906977%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="22"] {
        max-width: 51.1627906977%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="23"] {
        width: 53.488372093%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="23"] {
        left: 53.488372093%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="23"] {
        min-width: 53.488372093%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="23"] {
        max-width: 53.488372093%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="24"] {
        width: 55.8139534884%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="24"] {
        left: 55.8139534884%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="24"] {
        min-width: 55.8139534884%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="24"] {
        max-width: 55.8139534884%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="25"] {
        width: 58.1395348837%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="25"] {
        left: 58.1395348837%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="25"] {
        min-width: 58.1395348837%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="25"] {
        max-width: 58.1395348837%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="26"] {
        width: 60.4651162791%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="26"] {
        left: 60.4651162791%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="26"] {
        min-width: 60.4651162791%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="26"] {
        max-width: 60.4651162791%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="27"] {
        width: 62.7906976744%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="27"] {
        left: 62.7906976744%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="27"] {
        min-width: 62.7906976744%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="27"] {
        max-width: 62.7906976744%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="28"] {
        width: 65.1162790698%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="28"] {
        left: 65.1162790698%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="28"] {
        min-width: 65.1162790698%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="28"] {
        max-width: 65.1162790698%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="29"] {
        width: 67.4418604651%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="29"] {
        left: 67.4418604651%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="29"] {
        min-width: 67.4418604651%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="29"] {
        max-width: 67.4418604651%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="30"] {
        width: 69.7674418605%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="30"] {
        left: 69.7674418605%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="30"] {
        min-width: 69.7674418605%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="30"] {
        max-width: 69.7674418605%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="31"] {
        width: 72.0930232558%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="31"] {
        left: 72.0930232558%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="31"] {
        min-width: 72.0930232558%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="31"] {
        max-width: 72.0930232558%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="32"] {
        width: 74.4186046512%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="32"] {
        left: 74.4186046512%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="32"] {
        min-width: 74.4186046512%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="32"] {
        max-width: 74.4186046512%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="33"] {
        width: 76.7441860465%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="33"] {
        left: 76.7441860465%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="33"] {
        min-width: 76.7441860465%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="33"] {
        max-width: 76.7441860465%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="34"] {
        width: 79.0697674419%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="34"] {
        left: 79.0697674419%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="34"] {
        min-width: 79.0697674419%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="34"] {
        max-width: 79.0697674419%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="35"] {
        width: 81.3953488372%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="35"] {
        left: 81.3953488372%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="35"] {
        min-width: 81.3953488372%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="35"] {
        max-width: 81.3953488372%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="36"] {
        width: 83.7209302326%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="36"] {
        left: 83.7209302326%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="36"] {
        min-width: 83.7209302326%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="36"] {
        max-width: 83.7209302326%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="37"] {
        width: 86.0465116279%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="37"] {
        left: 86.0465116279%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="37"] {
        min-width: 86.0465116279%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="37"] {
        max-width: 86.0465116279%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="38"] {
        width: 88.3720930233%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="38"] {
        left: 88.3720930233%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="38"] {
        min-width: 88.3720930233%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="38"] {
        max-width: 88.3720930233%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="39"] {
        width: 90.6976744186%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="39"] {
        left: 90.6976744186%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="39"] {
        min-width: 90.6976744186%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="39"] {
        max-width: 90.6976744186%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="40"] {
        width: 93.023255814%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="40"] {
        left: 93.023255814%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="40"] {
        min-width: 93.023255814%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="40"] {
        max-width: 93.023255814%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="41"] {
        width: 95.3488372093%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="41"] {
        left: 95.3488372093%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="41"] {
        min-width: 95.3488372093%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="41"] {
        max-width: 95.3488372093%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="42"] {
        width: 97.6744186047%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="42"] {
        left: 97.6744186047%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="42"] {
        min-width: 97.6744186047%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="42"] {
        max-width: 97.6744186047%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="43"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="43"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="43"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="43"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 2.2727272727%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 2.2727272727%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 2.2727272727%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 2.2727272727%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 2.2727272727%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 4.5454545455%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 4.5454545455%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 4.5454545455%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 4.5454545455%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 6.8181818182%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 6.8181818182%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 6.8181818182%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 6.8181818182%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 9.0909090909%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 9.0909090909%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 9.0909090909%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 9.0909090909%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 11.3636363636%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 11.3636363636%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 11.3636363636%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 11.3636363636%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 13.6363636364%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 13.6363636364%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 13.6363636364%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 13.6363636364%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 15.9090909091%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 15.9090909091%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 15.9090909091%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 15.9090909091%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 18.1818181818%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 18.1818181818%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 18.1818181818%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 18.1818181818%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 20.4545454545%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 20.4545454545%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 20.4545454545%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 20.4545454545%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 22.7272727273%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 22.7272727273%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 22.7272727273%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 22.7272727273%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="12"] {
        width: 27.2727272727%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="12"] {
        left: 27.2727272727%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="12"] {
        min-width: 27.2727272727%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="12"] {
        max-width: 27.2727272727%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="13"] {
        width: 29.5454545455%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="13"] {
        left: 29.5454545455%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="13"] {
        min-width: 29.5454545455%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="13"] {
        max-width: 29.5454545455%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="14"] {
        width: 31.8181818182%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="14"] {
        left: 31.8181818182%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="14"] {
        min-width: 31.8181818182%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="14"] {
        max-width: 31.8181818182%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="15"] {
        width: 34.0909090909%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="15"] {
        left: 34.0909090909%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="15"] {
        min-width: 34.0909090909%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="15"] {
        max-width: 34.0909090909%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="16"] {
        width: 36.3636363636%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="16"] {
        left: 36.3636363636%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="16"] {
        min-width: 36.3636363636%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="16"] {
        max-width: 36.3636363636%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="17"] {
        width: 38.6363636364%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="17"] {
        left: 38.6363636364%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="17"] {
        min-width: 38.6363636364%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="17"] {
        max-width: 38.6363636364%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="18"] {
        width: 40.9090909091%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="18"] {
        left: 40.9090909091%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="18"] {
        min-width: 40.9090909091%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="18"] {
        max-width: 40.9090909091%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="19"] {
        width: 43.1818181818%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="19"] {
        left: 43.1818181818%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="19"] {
        min-width: 43.1818181818%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="19"] {
        max-width: 43.1818181818%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="20"] {
        width: 45.4545454545%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="20"] {
        left: 45.4545454545%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="20"] {
        min-width: 45.4545454545%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="20"] {
        max-width: 45.4545454545%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="21"] {
        width: 47.7272727273%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="21"] {
        left: 47.7272727273%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="21"] {
        min-width: 47.7272727273%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="21"] {
        max-width: 47.7272727273%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="22"] {
        width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="22"] {
        left: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="22"] {
        min-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="22"] {
        max-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="23"] {
        width: 52.2727272727%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="23"] {
        left: 52.2727272727%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="23"] {
        min-width: 52.2727272727%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="23"] {
        max-width: 52.2727272727%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="24"] {
        width: 54.5454545455%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="24"] {
        left: 54.5454545455%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="24"] {
        min-width: 54.5454545455%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="24"] {
        max-width: 54.5454545455%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="25"] {
        width: 56.8181818182%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="25"] {
        left: 56.8181818182%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="25"] {
        min-width: 56.8181818182%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="25"] {
        max-width: 56.8181818182%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="26"] {
        width: 59.0909090909%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="26"] {
        left: 59.0909090909%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="26"] {
        min-width: 59.0909090909%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="26"] {
        max-width: 59.0909090909%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="27"] {
        width: 61.3636363636%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="27"] {
        left: 61.3636363636%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="27"] {
        min-width: 61.3636363636%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="27"] {
        max-width: 61.3636363636%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="28"] {
        width: 63.6363636364%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="28"] {
        left: 63.6363636364%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="28"] {
        min-width: 63.6363636364%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="28"] {
        max-width: 63.6363636364%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="29"] {
        width: 65.9090909091%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="29"] {
        left: 65.9090909091%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="29"] {
        min-width: 65.9090909091%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="29"] {
        max-width: 65.9090909091%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="30"] {
        width: 68.1818181818%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="30"] {
        left: 68.1818181818%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="30"] {
        min-width: 68.1818181818%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="30"] {
        max-width: 68.1818181818%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="31"] {
        width: 70.4545454545%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="31"] {
        left: 70.4545454545%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="31"] {
        min-width: 70.4545454545%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="31"] {
        max-width: 70.4545454545%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="32"] {
        width: 72.7272727273%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="32"] {
        left: 72.7272727273%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="32"] {
        min-width: 72.7272727273%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="32"] {
        max-width: 72.7272727273%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="33"] {
        width: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="33"] {
        left: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="33"] {
        min-width: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="33"] {
        max-width: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="34"] {
        width: 77.2727272727%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="34"] {
        left: 77.2727272727%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="34"] {
        min-width: 77.2727272727%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="34"] {
        max-width: 77.2727272727%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="35"] {
        width: 79.5454545455%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="35"] {
        left: 79.5454545455%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="35"] {
        min-width: 79.5454545455%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="35"] {
        max-width: 79.5454545455%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="36"] {
        width: 81.8181818182%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="36"] {
        left: 81.8181818182%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="36"] {
        min-width: 81.8181818182%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="36"] {
        max-width: 81.8181818182%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="37"] {
        width: 84.0909090909%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="37"] {
        left: 84.0909090909%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="37"] {
        min-width: 84.0909090909%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="37"] {
        max-width: 84.0909090909%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="38"] {
        width: 86.3636363636%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="38"] {
        left: 86.3636363636%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="38"] {
        min-width: 86.3636363636%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="38"] {
        max-width: 86.3636363636%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="39"] {
        width: 88.6363636364%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="39"] {
        left: 88.6363636364%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="39"] {
        min-width: 88.6363636364%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="39"] {
        max-width: 88.6363636364%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="40"] {
        width: 90.9090909091%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="40"] {
        left: 90.9090909091%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="40"] {
        min-width: 90.9090909091%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="40"] {
        max-width: 90.9090909091%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="41"] {
        width: 93.1818181818%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="41"] {
        left: 93.1818181818%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="41"] {
        min-width: 93.1818181818%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="41"] {
        max-width: 93.1818181818%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="42"] {
        width: 95.4545454545%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="42"] {
        left: 95.4545454545%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="42"] {
        min-width: 95.4545454545%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="42"] {
        max-width: 95.4545454545%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="43"] {
        width: 97.7272727273%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="43"] {
        left: 97.7272727273%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="43"] {
        min-width: 97.7272727273%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="43"] {
        max-width: 97.7272727273%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="44"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="44"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="44"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="44"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 2.2222222222%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 2.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 2.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 2.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 2.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 4.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 4.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 4.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 4.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 6.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 6.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 6.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 6.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 8.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 8.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 8.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 8.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 11.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 11.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 11.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 11.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 13.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 13.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 13.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 13.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 15.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 15.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 15.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 15.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 17.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 17.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 17.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 17.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 22.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 22.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 22.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 22.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 24.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 24.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 24.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 24.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="12"] {
        width: 26.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="12"] {
        left: 26.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="12"] {
        min-width: 26.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="12"] {
        max-width: 26.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="13"] {
        width: 28.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="13"] {
        left: 28.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="13"] {
        min-width: 28.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="13"] {
        max-width: 28.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="14"] {
        width: 31.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="14"] {
        left: 31.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="14"] {
        min-width: 31.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="14"] {
        max-width: 31.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="15"] {
        width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="15"] {
        left: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="15"] {
        min-width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="15"] {
        max-width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="16"] {
        width: 35.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="16"] {
        left: 35.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="16"] {
        min-width: 35.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="16"] {
        max-width: 35.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="17"] {
        width: 37.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="17"] {
        left: 37.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="17"] {
        min-width: 37.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="17"] {
        max-width: 37.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="18"] {
        width: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="18"] {
        left: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="18"] {
        min-width: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="18"] {
        max-width: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="19"] {
        width: 42.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="19"] {
        left: 42.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="19"] {
        min-width: 42.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="19"] {
        max-width: 42.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="20"] {
        width: 44.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="20"] {
        left: 44.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="20"] {
        min-width: 44.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="20"] {
        max-width: 44.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="21"] {
        width: 46.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="21"] {
        left: 46.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="21"] {
        min-width: 46.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="21"] {
        max-width: 46.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="22"] {
        width: 48.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="22"] {
        left: 48.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="22"] {
        min-width: 48.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="22"] {
        max-width: 48.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="23"] {
        width: 51.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="23"] {
        left: 51.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="23"] {
        min-width: 51.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="23"] {
        max-width: 51.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="24"] {
        width: 53.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="24"] {
        left: 53.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="24"] {
        min-width: 53.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="24"] {
        max-width: 53.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="25"] {
        width: 55.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="25"] {
        left: 55.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="25"] {
        min-width: 55.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="25"] {
        max-width: 55.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="26"] {
        width: 57.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="26"] {
        left: 57.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="26"] {
        min-width: 57.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="26"] {
        max-width: 57.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="27"] {
        width: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="27"] {
        left: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="27"] {
        min-width: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="27"] {
        max-width: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="28"] {
        width: 62.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="28"] {
        left: 62.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="28"] {
        min-width: 62.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="28"] {
        max-width: 62.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="29"] {
        width: 64.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="29"] {
        left: 64.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="29"] {
        min-width: 64.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="29"] {
        max-width: 64.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="30"] {
        width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="30"] {
        left: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="30"] {
        min-width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="30"] {
        max-width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="31"] {
        width: 68.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="31"] {
        left: 68.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="31"] {
        min-width: 68.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="31"] {
        max-width: 68.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="32"] {
        width: 71.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="32"] {
        left: 71.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="32"] {
        min-width: 71.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="32"] {
        max-width: 71.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="33"] {
        width: 73.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="33"] {
        left: 73.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="33"] {
        min-width: 73.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="33"] {
        max-width: 73.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="34"] {
        width: 75.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="34"] {
        left: 75.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="34"] {
        min-width: 75.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="34"] {
        max-width: 75.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="35"] {
        width: 77.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="35"] {
        left: 77.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="35"] {
        min-width: 77.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="35"] {
        max-width: 77.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="36"] {
        width: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="36"] {
        left: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="36"] {
        min-width: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="36"] {
        max-width: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="37"] {
        width: 82.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="37"] {
        left: 82.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="37"] {
        min-width: 82.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="37"] {
        max-width: 82.2222222222%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="38"] {
        width: 84.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="38"] {
        left: 84.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="38"] {
        min-width: 84.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="38"] {
        max-width: 84.4444444444%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="39"] {
        width: 86.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="39"] {
        left: 86.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="39"] {
        min-width: 86.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="39"] {
        max-width: 86.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="40"] {
        width: 88.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="40"] {
        left: 88.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="40"] {
        min-width: 88.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="40"] {
        max-width: 88.8888888889%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="41"] {
        width: 91.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="41"] {
        left: 91.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="41"] {
        min-width: 91.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="41"] {
        max-width: 91.1111111111%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="42"] {
        width: 93.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="42"] {
        left: 93.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="42"] {
        min-width: 93.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="42"] {
        max-width: 93.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="43"] {
        width: 95.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="43"] {
        left: 95.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="43"] {
        min-width: 95.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="43"] {
        max-width: 95.5555555556%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="44"] {
        width: 97.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="44"] {
        left: 97.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="44"] {
        min-width: 97.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="44"] {
        max-width: 97.7777777778%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="45"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="45"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="45"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="45"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 2.1739130435%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 2.1739130435%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 2.1739130435%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 2.1739130435%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 2.1739130435%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 4.347826087%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 4.347826087%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 4.347826087%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 4.347826087%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 6.5217391304%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 6.5217391304%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 6.5217391304%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 6.5217391304%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 8.6956521739%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 8.6956521739%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 8.6956521739%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 8.6956521739%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 10.8695652174%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 10.8695652174%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 10.8695652174%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 10.8695652174%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 13.0434782609%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 13.0434782609%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 13.0434782609%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 13.0434782609%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 15.2173913043%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 15.2173913043%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 15.2173913043%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 15.2173913043%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 17.3913043478%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 17.3913043478%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 17.3913043478%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 17.3913043478%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 19.5652173913%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 19.5652173913%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 19.5652173913%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 19.5652173913%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 21.7391304348%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 21.7391304348%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 21.7391304348%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 21.7391304348%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 23.9130434783%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 23.9130434783%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 23.9130434783%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 23.9130434783%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="12"] {
        width: 26.0869565217%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="12"] {
        left: 26.0869565217%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="12"] {
        min-width: 26.0869565217%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="12"] {
        max-width: 26.0869565217%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="13"] {
        width: 28.2608695652%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="13"] {
        left: 28.2608695652%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="13"] {
        min-width: 28.2608695652%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="13"] {
        max-width: 28.2608695652%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="14"] {
        width: 30.4347826087%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="14"] {
        left: 30.4347826087%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="14"] {
        min-width: 30.4347826087%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="14"] {
        max-width: 30.4347826087%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="15"] {
        width: 32.6086956522%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="15"] {
        left: 32.6086956522%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="15"] {
        min-width: 32.6086956522%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="15"] {
        max-width: 32.6086956522%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="16"] {
        width: 34.7826086957%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="16"] {
        left: 34.7826086957%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="16"] {
        min-width: 34.7826086957%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="16"] {
        max-width: 34.7826086957%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="17"] {
        width: 36.9565217391%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="17"] {
        left: 36.9565217391%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="17"] {
        min-width: 36.9565217391%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="17"] {
        max-width: 36.9565217391%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="18"] {
        width: 39.1304347826%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="18"] {
        left: 39.1304347826%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="18"] {
        min-width: 39.1304347826%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="18"] {
        max-width: 39.1304347826%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="19"] {
        width: 41.3043478261%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="19"] {
        left: 41.3043478261%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="19"] {
        min-width: 41.3043478261%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="19"] {
        max-width: 41.3043478261%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="20"] {
        width: 43.4782608696%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="20"] {
        left: 43.4782608696%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="20"] {
        min-width: 43.4782608696%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="20"] {
        max-width: 43.4782608696%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="21"] {
        width: 45.652173913%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="21"] {
        left: 45.652173913%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="21"] {
        min-width: 45.652173913%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="21"] {
        max-width: 45.652173913%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="22"] {
        width: 47.8260869565%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="22"] {
        left: 47.8260869565%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="22"] {
        min-width: 47.8260869565%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="22"] {
        max-width: 47.8260869565%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="23"] {
        width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="23"] {
        left: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="23"] {
        min-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="23"] {
        max-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="24"] {
        width: 52.1739130435%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="24"] {
        left: 52.1739130435%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="24"] {
        min-width: 52.1739130435%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="24"] {
        max-width: 52.1739130435%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="25"] {
        width: 54.347826087%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="25"] {
        left: 54.347826087%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="25"] {
        min-width: 54.347826087%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="25"] {
        max-width: 54.347826087%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="26"] {
        width: 56.5217391304%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="26"] {
        left: 56.5217391304%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="26"] {
        min-width: 56.5217391304%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="26"] {
        max-width: 56.5217391304%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="27"] {
        width: 58.6956521739%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="27"] {
        left: 58.6956521739%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="27"] {
        min-width: 58.6956521739%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="27"] {
        max-width: 58.6956521739%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="28"] {
        width: 60.8695652174%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="28"] {
        left: 60.8695652174%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="28"] {
        min-width: 60.8695652174%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="28"] {
        max-width: 60.8695652174%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="29"] {
        width: 63.0434782609%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="29"] {
        left: 63.0434782609%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="29"] {
        min-width: 63.0434782609%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="29"] {
        max-width: 63.0434782609%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="30"] {
        width: 65.2173913043%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="30"] {
        left: 65.2173913043%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="30"] {
        min-width: 65.2173913043%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="30"] {
        max-width: 65.2173913043%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="31"] {
        width: 67.3913043478%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="31"] {
        left: 67.3913043478%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="31"] {
        min-width: 67.3913043478%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="31"] {
        max-width: 67.3913043478%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="32"] {
        width: 69.5652173913%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="32"] {
        left: 69.5652173913%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="32"] {
        min-width: 69.5652173913%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="32"] {
        max-width: 69.5652173913%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="33"] {
        width: 71.7391304348%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="33"] {
        left: 71.7391304348%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="33"] {
        min-width: 71.7391304348%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="33"] {
        max-width: 71.7391304348%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="34"] {
        width: 73.9130434783%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="34"] {
        left: 73.9130434783%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="34"] {
        min-width: 73.9130434783%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="34"] {
        max-width: 73.9130434783%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="35"] {
        width: 76.0869565217%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="35"] {
        left: 76.0869565217%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="35"] {
        min-width: 76.0869565217%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="35"] {
        max-width: 76.0869565217%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="36"] {
        width: 78.2608695652%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="36"] {
        left: 78.2608695652%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="36"] {
        min-width: 78.2608695652%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="36"] {
        max-width: 78.2608695652%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="37"] {
        width: 80.4347826087%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="37"] {
        left: 80.4347826087%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="37"] {
        min-width: 80.4347826087%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="37"] {
        max-width: 80.4347826087%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="38"] {
        width: 82.6086956522%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="38"] {
        left: 82.6086956522%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="38"] {
        min-width: 82.6086956522%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="38"] {
        max-width: 82.6086956522%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="39"] {
        width: 84.7826086957%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="39"] {
        left: 84.7826086957%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="39"] {
        min-width: 84.7826086957%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="39"] {
        max-width: 84.7826086957%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="40"] {
        width: 86.9565217391%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="40"] {
        left: 86.9565217391%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="40"] {
        min-width: 86.9565217391%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="40"] {
        max-width: 86.9565217391%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="41"] {
        width: 89.1304347826%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="41"] {
        left: 89.1304347826%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="41"] {
        min-width: 89.1304347826%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="41"] {
        max-width: 89.1304347826%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="42"] {
        width: 91.3043478261%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="42"] {
        left: 91.3043478261%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="42"] {
        min-width: 91.3043478261%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="42"] {
        max-width: 91.3043478261%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="43"] {
        width: 93.4782608696%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="43"] {
        left: 93.4782608696%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="43"] {
        min-width: 93.4782608696%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="43"] {
        max-width: 93.4782608696%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="44"] {
        width: 95.652173913%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="44"] {
        left: 95.652173913%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="44"] {
        min-width: 95.652173913%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="44"] {
        max-width: 95.652173913%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="45"] {
        width: 97.8260869565%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="45"] {
        left: 97.8260869565%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="45"] {
        min-width: 97.8260869565%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="45"] {
        max-width: 97.8260869565%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="46"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="46"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="46"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="46"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 2.1276595745%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 2.1276595745%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 2.1276595745%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 2.1276595745%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 2.1276595745%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 4.2553191489%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 4.2553191489%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 4.2553191489%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 4.2553191489%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 6.3829787234%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 6.3829787234%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 6.3829787234%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 6.3829787234%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 8.5106382979%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 8.5106382979%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 8.5106382979%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 8.5106382979%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 10.6382978723%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 10.6382978723%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 10.6382978723%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 10.6382978723%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 12.7659574468%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 12.7659574468%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 12.7659574468%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 12.7659574468%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 14.8936170213%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 14.8936170213%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 14.8936170213%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 14.8936170213%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 17.0212765957%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 17.0212765957%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 17.0212765957%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 17.0212765957%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 19.1489361702%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 19.1489361702%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 19.1489361702%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 19.1489361702%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 21.2765957447%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 21.2765957447%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 21.2765957447%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 21.2765957447%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 23.4042553191%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 23.4042553191%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 23.4042553191%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 23.4042553191%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="12"] {
        width: 25.5319148936%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="12"] {
        left: 25.5319148936%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="12"] {
        min-width: 25.5319148936%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="12"] {
        max-width: 25.5319148936%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="13"] {
        width: 27.6595744681%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="13"] {
        left: 27.6595744681%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="13"] {
        min-width: 27.6595744681%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="13"] {
        max-width: 27.6595744681%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="14"] {
        width: 29.7872340426%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="14"] {
        left: 29.7872340426%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="14"] {
        min-width: 29.7872340426%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="14"] {
        max-width: 29.7872340426%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="15"] {
        width: 31.914893617%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="15"] {
        left: 31.914893617%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="15"] {
        min-width: 31.914893617%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="15"] {
        max-width: 31.914893617%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="16"] {
        width: 34.0425531915%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="16"] {
        left: 34.0425531915%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="16"] {
        min-width: 34.0425531915%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="16"] {
        max-width: 34.0425531915%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="17"] {
        width: 36.170212766%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="17"] {
        left: 36.170212766%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="17"] {
        min-width: 36.170212766%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="17"] {
        max-width: 36.170212766%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="18"] {
        width: 38.2978723404%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="18"] {
        left: 38.2978723404%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="18"] {
        min-width: 38.2978723404%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="18"] {
        max-width: 38.2978723404%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="19"] {
        width: 40.4255319149%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="19"] {
        left: 40.4255319149%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="19"] {
        min-width: 40.4255319149%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="19"] {
        max-width: 40.4255319149%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="20"] {
        width: 42.5531914894%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="20"] {
        left: 42.5531914894%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="20"] {
        min-width: 42.5531914894%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="20"] {
        max-width: 42.5531914894%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="21"] {
        width: 44.6808510638%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="21"] {
        left: 44.6808510638%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="21"] {
        min-width: 44.6808510638%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="21"] {
        max-width: 44.6808510638%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="22"] {
        width: 46.8085106383%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="22"] {
        left: 46.8085106383%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="22"] {
        min-width: 46.8085106383%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="22"] {
        max-width: 46.8085106383%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="23"] {
        width: 48.9361702128%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="23"] {
        left: 48.9361702128%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="23"] {
        min-width: 48.9361702128%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="23"] {
        max-width: 48.9361702128%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="24"] {
        width: 51.0638297872%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="24"] {
        left: 51.0638297872%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="24"] {
        min-width: 51.0638297872%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="24"] {
        max-width: 51.0638297872%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="25"] {
        width: 53.1914893617%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="25"] {
        left: 53.1914893617%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="25"] {
        min-width: 53.1914893617%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="25"] {
        max-width: 53.1914893617%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="26"] {
        width: 55.3191489362%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="26"] {
        left: 55.3191489362%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="26"] {
        min-width: 55.3191489362%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="26"] {
        max-width: 55.3191489362%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="27"] {
        width: 57.4468085106%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="27"] {
        left: 57.4468085106%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="27"] {
        min-width: 57.4468085106%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="27"] {
        max-width: 57.4468085106%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="28"] {
        width: 59.5744680851%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="28"] {
        left: 59.5744680851%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="28"] {
        min-width: 59.5744680851%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="28"] {
        max-width: 59.5744680851%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="29"] {
        width: 61.7021276596%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="29"] {
        left: 61.7021276596%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="29"] {
        min-width: 61.7021276596%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="29"] {
        max-width: 61.7021276596%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="30"] {
        width: 63.829787234%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="30"] {
        left: 63.829787234%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="30"] {
        min-width: 63.829787234%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="30"] {
        max-width: 63.829787234%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="31"] {
        width: 65.9574468085%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="31"] {
        left: 65.9574468085%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="31"] {
        min-width: 65.9574468085%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="31"] {
        max-width: 65.9574468085%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="32"] {
        width: 68.085106383%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="32"] {
        left: 68.085106383%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="32"] {
        min-width: 68.085106383%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="32"] {
        max-width: 68.085106383%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="33"] {
        width: 70.2127659574%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="33"] {
        left: 70.2127659574%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="33"] {
        min-width: 70.2127659574%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="33"] {
        max-width: 70.2127659574%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="34"] {
        width: 72.3404255319%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="34"] {
        left: 72.3404255319%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="34"] {
        min-width: 72.3404255319%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="34"] {
        max-width: 72.3404255319%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="35"] {
        width: 74.4680851064%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="35"] {
        left: 74.4680851064%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="35"] {
        min-width: 74.4680851064%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="35"] {
        max-width: 74.4680851064%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="36"] {
        width: 76.5957446809%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="36"] {
        left: 76.5957446809%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="36"] {
        min-width: 76.5957446809%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="36"] {
        max-width: 76.5957446809%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="37"] {
        width: 78.7234042553%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="37"] {
        left: 78.7234042553%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="37"] {
        min-width: 78.7234042553%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="37"] {
        max-width: 78.7234042553%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="38"] {
        width: 80.8510638298%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="38"] {
        left: 80.8510638298%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="38"] {
        min-width: 80.8510638298%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="38"] {
        max-width: 80.8510638298%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="39"] {
        width: 82.9787234043%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="39"] {
        left: 82.9787234043%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="39"] {
        min-width: 82.9787234043%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="39"] {
        max-width: 82.9787234043%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="40"] {
        width: 85.1063829787%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="40"] {
        left: 85.1063829787%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="40"] {
        min-width: 85.1063829787%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="40"] {
        max-width: 85.1063829787%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="41"] {
        width: 87.2340425532%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="41"] {
        left: 87.2340425532%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="41"] {
        min-width: 87.2340425532%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="41"] {
        max-width: 87.2340425532%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="42"] {
        width: 89.3617021277%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="42"] {
        left: 89.3617021277%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="42"] {
        min-width: 89.3617021277%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="42"] {
        max-width: 89.3617021277%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="43"] {
        width: 91.4893617021%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="43"] {
        left: 91.4893617021%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="43"] {
        min-width: 91.4893617021%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="43"] {
        max-width: 91.4893617021%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="44"] {
        width: 93.6170212766%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="44"] {
        left: 93.6170212766%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="44"] {
        min-width: 93.6170212766%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="44"] {
        max-width: 93.6170212766%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="45"] {
        width: 95.7446808511%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="45"] {
        left: 95.7446808511%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="45"] {
        min-width: 95.7446808511%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="45"] {
        max-width: 95.7446808511%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="46"] {
        width: 97.8723404255%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="46"] {
        left: 97.8723404255%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="46"] {
        min-width: 97.8723404255%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="46"] {
        max-width: 97.8723404255%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="47"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="47"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="47"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="47"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 2.0833333333%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 2.0833333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 2.0833333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 2.0833333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 2.0833333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 4.1666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 4.1666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 4.1666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 4.1666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 6.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 6.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 6.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 6.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 8.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 8.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 8.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 8.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 10.4166666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 10.4166666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 10.4166666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 10.4166666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 12.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 12.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 12.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 12.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 14.5833333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 14.5833333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 14.5833333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 14.5833333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 16.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 16.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 16.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 16.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 18.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 18.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 18.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 18.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 20.8333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 20.8333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 20.8333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 20.8333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 22.9166666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 22.9166666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 22.9166666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 22.9166666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="12"] {
        width: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="12"] {
        left: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="12"] {
        min-width: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="12"] {
        max-width: 25%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="13"] {
        width: 27.0833333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="13"] {
        left: 27.0833333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="13"] {
        min-width: 27.0833333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="13"] {
        max-width: 27.0833333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="14"] {
        width: 29.1666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="14"] {
        left: 29.1666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="14"] {
        min-width: 29.1666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="14"] {
        max-width: 29.1666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="15"] {
        width: 31.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="15"] {
        left: 31.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="15"] {
        min-width: 31.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="15"] {
        max-width: 31.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="16"] {
        width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="16"] {
        left: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="16"] {
        min-width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="16"] {
        max-width: 33.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="17"] {
        width: 35.4166666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="17"] {
        left: 35.4166666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="17"] {
        min-width: 35.4166666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="17"] {
        max-width: 35.4166666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="18"] {
        width: 37.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="18"] {
        left: 37.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="18"] {
        min-width: 37.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="18"] {
        max-width: 37.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="19"] {
        width: 39.5833333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="19"] {
        left: 39.5833333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="19"] {
        min-width: 39.5833333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="19"] {
        max-width: 39.5833333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="20"] {
        width: 41.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="20"] {
        left: 41.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="20"] {
        min-width: 41.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="20"] {
        max-width: 41.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="21"] {
        width: 43.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="21"] {
        left: 43.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="21"] {
        min-width: 43.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="21"] {
        max-width: 43.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="22"] {
        width: 45.8333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="22"] {
        left: 45.8333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="22"] {
        min-width: 45.8333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="22"] {
        max-width: 45.8333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="23"] {
        width: 47.9166666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="23"] {
        left: 47.9166666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="23"] {
        min-width: 47.9166666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="23"] {
        max-width: 47.9166666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="24"] {
        width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="24"] {
        left: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="24"] {
        min-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="24"] {
        max-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="25"] {
        width: 52.0833333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="25"] {
        left: 52.0833333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="25"] {
        min-width: 52.0833333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="25"] {
        max-width: 52.0833333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="26"] {
        width: 54.1666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="26"] {
        left: 54.1666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="26"] {
        min-width: 54.1666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="26"] {
        max-width: 54.1666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="27"] {
        width: 56.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="27"] {
        left: 56.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="27"] {
        min-width: 56.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="27"] {
        max-width: 56.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="28"] {
        width: 58.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="28"] {
        left: 58.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="28"] {
        min-width: 58.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="28"] {
        max-width: 58.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="29"] {
        width: 60.4166666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="29"] {
        left: 60.4166666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="29"] {
        min-width: 60.4166666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="29"] {
        max-width: 60.4166666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="30"] {
        width: 62.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="30"] {
        left: 62.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="30"] {
        min-width: 62.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="30"] {
        max-width: 62.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="31"] {
        width: 64.5833333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="31"] {
        left: 64.5833333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="31"] {
        min-width: 64.5833333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="31"] {
        max-width: 64.5833333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="32"] {
        width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="32"] {
        left: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="32"] {
        min-width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="32"] {
        max-width: 66.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="33"] {
        width: 68.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="33"] {
        left: 68.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="33"] {
        min-width: 68.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="33"] {
        max-width: 68.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="34"] {
        width: 70.8333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="34"] {
        left: 70.8333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="34"] {
        min-width: 70.8333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="34"] {
        max-width: 70.8333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="35"] {
        width: 72.9166666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="35"] {
        left: 72.9166666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="35"] {
        min-width: 72.9166666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="35"] {
        max-width: 72.9166666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="36"] {
        width: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="36"] {
        left: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="36"] {
        min-width: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="36"] {
        max-width: 75%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="37"] {
        width: 77.0833333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="37"] {
        left: 77.0833333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="37"] {
        min-width: 77.0833333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="37"] {
        max-width: 77.0833333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="38"] {
        width: 79.1666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="38"] {
        left: 79.1666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="38"] {
        min-width: 79.1666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="38"] {
        max-width: 79.1666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="39"] {
        width: 81.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="39"] {
        left: 81.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="39"] {
        min-width: 81.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="39"] {
        max-width: 81.25%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="40"] {
        width: 83.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="40"] {
        left: 83.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="40"] {
        min-width: 83.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="40"] {
        max-width: 83.3333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="41"] {
        width: 85.4166666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="41"] {
        left: 85.4166666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="41"] {
        min-width: 85.4166666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="41"] {
        max-width: 85.4166666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="42"] {
        width: 87.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="42"] {
        left: 87.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="42"] {
        min-width: 87.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="42"] {
        max-width: 87.5%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="43"] {
        width: 89.5833333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="43"] {
        left: 89.5833333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="43"] {
        min-width: 89.5833333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="43"] {
        max-width: 89.5833333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="44"] {
        width: 91.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="44"] {
        left: 91.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="44"] {
        min-width: 91.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="44"] {
        max-width: 91.6666666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="45"] {
        width: 93.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="45"] {
        left: 93.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="45"] {
        min-width: 93.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="45"] {
        max-width: 93.75%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="46"] {
        width: 95.8333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="46"] {
        left: 95.8333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="46"] {
        min-width: 95.8333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="46"] {
        max-width: 95.8333333333%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="47"] {
        width: 97.9166666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="47"] {
        left: 97.9166666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="47"] {
        min-width: 97.9166666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="47"] {
        max-width: 97.9166666667%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="48"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="48"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="48"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="48"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 2.0408163265%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 2.0408163265%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 2.0408163265%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 2.0408163265%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 2.0408163265%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 4.0816326531%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 4.0816326531%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 4.0816326531%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 4.0816326531%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 6.1224489796%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 6.1224489796%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 6.1224489796%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 6.1224489796%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 8.1632653061%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 8.1632653061%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 8.1632653061%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 8.1632653061%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 10.2040816327%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 10.2040816327%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 10.2040816327%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 10.2040816327%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 12.2448979592%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 12.2448979592%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 12.2448979592%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 12.2448979592%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 14.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 14.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 14.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 14.2857142857%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 16.3265306122%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 16.3265306122%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 16.3265306122%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 16.3265306122%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 18.3673469388%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 18.3673469388%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 18.3673469388%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 18.3673469388%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 20.4081632653%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 20.4081632653%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 20.4081632653%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 20.4081632653%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 22.4489795918%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 22.4489795918%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 22.4489795918%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 22.4489795918%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="12"] {
        width: 24.4897959184%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="12"] {
        left: 24.4897959184%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="12"] {
        min-width: 24.4897959184%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="12"] {
        max-width: 24.4897959184%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="13"] {
        width: 26.5306122449%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="13"] {
        left: 26.5306122449%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="13"] {
        min-width: 26.5306122449%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="13"] {
        max-width: 26.5306122449%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="14"] {
        width: 28.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="14"] {
        left: 28.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="14"] {
        min-width: 28.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="14"] {
        max-width: 28.5714285714%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="15"] {
        width: 30.612244898%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="15"] {
        left: 30.612244898%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="15"] {
        min-width: 30.612244898%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="15"] {
        max-width: 30.612244898%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="16"] {
        width: 32.6530612245%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="16"] {
        left: 32.6530612245%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="16"] {
        min-width: 32.6530612245%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="16"] {
        max-width: 32.6530612245%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="17"] {
        width: 34.693877551%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="17"] {
        left: 34.693877551%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="17"] {
        min-width: 34.693877551%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="17"] {
        max-width: 34.693877551%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="18"] {
        width: 36.7346938776%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="18"] {
        left: 36.7346938776%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="18"] {
        min-width: 36.7346938776%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="18"] {
        max-width: 36.7346938776%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="19"] {
        width: 38.7755102041%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="19"] {
        left: 38.7755102041%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="19"] {
        min-width: 38.7755102041%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="19"] {
        max-width: 38.7755102041%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="20"] {
        width: 40.8163265306%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="20"] {
        left: 40.8163265306%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="20"] {
        min-width: 40.8163265306%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="20"] {
        max-width: 40.8163265306%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="21"] {
        width: 42.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="21"] {
        left: 42.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="21"] {
        min-width: 42.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="21"] {
        max-width: 42.8571428571%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="22"] {
        width: 44.8979591837%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="22"] {
        left: 44.8979591837%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="22"] {
        min-width: 44.8979591837%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="22"] {
        max-width: 44.8979591837%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="23"] {
        width: 46.9387755102%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="23"] {
        left: 46.9387755102%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="23"] {
        min-width: 46.9387755102%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="23"] {
        max-width: 46.9387755102%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="24"] {
        width: 48.9795918367%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="24"] {
        left: 48.9795918367%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="24"] {
        min-width: 48.9795918367%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="24"] {
        max-width: 48.9795918367%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="25"] {
        width: 51.0204081633%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="25"] {
        left: 51.0204081633%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="25"] {
        min-width: 51.0204081633%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="25"] {
        max-width: 51.0204081633%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="26"] {
        width: 53.0612244898%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="26"] {
        left: 53.0612244898%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="26"] {
        min-width: 53.0612244898%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="26"] {
        max-width: 53.0612244898%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="27"] {
        width: 55.1020408163%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="27"] {
        left: 55.1020408163%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="27"] {
        min-width: 55.1020408163%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="27"] {
        max-width: 55.1020408163%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="28"] {
        width: 57.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="28"] {
        left: 57.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="28"] {
        min-width: 57.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="28"] {
        max-width: 57.1428571429%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="29"] {
        width: 59.1836734694%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="29"] {
        left: 59.1836734694%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="29"] {
        min-width: 59.1836734694%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="29"] {
        max-width: 59.1836734694%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="30"] {
        width: 61.2244897959%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="30"] {
        left: 61.2244897959%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="30"] {
        min-width: 61.2244897959%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="30"] {
        max-width: 61.2244897959%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="31"] {
        width: 63.2653061224%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="31"] {
        left: 63.2653061224%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="31"] {
        min-width: 63.2653061224%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="31"] {
        max-width: 63.2653061224%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="32"] {
        width: 65.306122449%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="32"] {
        left: 65.306122449%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="32"] {
        min-width: 65.306122449%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="32"] {
        max-width: 65.306122449%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="33"] {
        width: 67.3469387755%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="33"] {
        left: 67.3469387755%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="33"] {
        min-width: 67.3469387755%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="33"] {
        max-width: 67.3469387755%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="34"] {
        width: 69.387755102%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="34"] {
        left: 69.387755102%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="34"] {
        min-width: 69.387755102%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="34"] {
        max-width: 69.387755102%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="35"] {
        width: 71.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="35"] {
        left: 71.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="35"] {
        min-width: 71.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="35"] {
        max-width: 71.4285714286%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="36"] {
        width: 73.4693877551%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="36"] {
        left: 73.4693877551%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="36"] {
        min-width: 73.4693877551%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="36"] {
        max-width: 73.4693877551%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="37"] {
        width: 75.5102040816%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="37"] {
        left: 75.5102040816%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="37"] {
        min-width: 75.5102040816%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="37"] {
        max-width: 75.5102040816%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="38"] {
        width: 77.5510204082%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="38"] {
        left: 77.5510204082%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="38"] {
        min-width: 77.5510204082%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="38"] {
        max-width: 77.5510204082%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="39"] {
        width: 79.5918367347%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="39"] {
        left: 79.5918367347%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="39"] {
        min-width: 79.5918367347%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="39"] {
        max-width: 79.5918367347%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="40"] {
        width: 81.6326530612%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="40"] {
        left: 81.6326530612%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="40"] {
        min-width: 81.6326530612%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="40"] {
        max-width: 81.6326530612%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="41"] {
        width: 83.6734693878%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="41"] {
        left: 83.6734693878%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="41"] {
        min-width: 83.6734693878%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="41"] {
        max-width: 83.6734693878%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="42"] {
        width: 85.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="42"] {
        left: 85.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="42"] {
        min-width: 85.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="42"] {
        max-width: 85.7142857143%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="43"] {
        width: 87.7551020408%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="43"] {
        left: 87.7551020408%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="43"] {
        min-width: 87.7551020408%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="43"] {
        max-width: 87.7551020408%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="44"] {
        width: 89.7959183673%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="44"] {
        left: 89.7959183673%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="44"] {
        min-width: 89.7959183673%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="44"] {
        max-width: 89.7959183673%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="45"] {
        width: 91.8367346939%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="45"] {
        left: 91.8367346939%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="45"] {
        min-width: 91.8367346939%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="45"] {
        max-width: 91.8367346939%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="46"] {
        width: 93.8775510204%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="46"] {
        left: 93.8775510204%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="46"] {
        min-width: 93.8775510204%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="46"] {
        max-width: 93.8775510204%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="47"] {
        width: 95.9183673469%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="47"] {
        left: 95.9183673469%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="47"] {
        min-width: 95.9183673469%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="47"] {
        max-width: 95.9183673469%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="48"] {
        width: 97.9591836735%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="48"] {
        left: 97.9591836735%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="48"] {
        min-width: 97.9591836735%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="48"] {
        max-width: 97.9591836735%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="49"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="49"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="49"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="49"] {
        max-width: 100%;
    }

.grid-stack > .grid-stack-item {
    min-width: 2%;
}

    .grid-stack > .grid-stack-item[data-gs-width="1"] {
        width: 2%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="1"] {
        left: 2%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="1"] {
        min-width: 2%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="1"] {
        max-width: 2%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="2"] {
        width: 4%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="2"] {
        left: 4%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="2"] {
        min-width: 4%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="2"] {
        max-width: 4%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="3"] {
        width: 6%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="3"] {
        left: 6%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="3"] {
        min-width: 6%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="3"] {
        max-width: 6%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="4"] {
        width: 8%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="4"] {
        left: 8%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="4"] {
        min-width: 8%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="4"] {
        max-width: 8%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="5"] {
        width: 10%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="5"] {
        left: 10%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="5"] {
        min-width: 10%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="5"] {
        max-width: 10%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="6"] {
        width: 12%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="6"] {
        left: 12%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="6"] {
        min-width: 12%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="6"] {
        max-width: 12%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="7"] {
        width: 14%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="7"] {
        left: 14%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="7"] {
        min-width: 14%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="7"] {
        max-width: 14%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="8"] {
        width: 16%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="8"] {
        left: 16%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="8"] {
        min-width: 16%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="8"] {
        max-width: 16%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="9"] {
        width: 18%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="9"] {
        left: 18%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="9"] {
        min-width: 18%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="9"] {
        max-width: 18%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="10"] {
        width: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="10"] {
        left: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="10"] {
        min-width: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="10"] {
        max-width: 20%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="11"] {
        width: 22%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="11"] {
        left: 22%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="11"] {
        min-width: 22%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="11"] {
        max-width: 22%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="12"] {
        width: 24%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="12"] {
        left: 24%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="12"] {
        min-width: 24%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="12"] {
        max-width: 24%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="13"] {
        width: 26%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="13"] {
        left: 26%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="13"] {
        min-width: 26%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="13"] {
        max-width: 26%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="14"] {
        width: 28%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="14"] {
        left: 28%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="14"] {
        min-width: 28%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="14"] {
        max-width: 28%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="15"] {
        width: 30%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="15"] {
        left: 30%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="15"] {
        min-width: 30%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="15"] {
        max-width: 30%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="16"] {
        width: 32%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="16"] {
        left: 32%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="16"] {
        min-width: 32%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="16"] {
        max-width: 32%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="17"] {
        width: 34%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="17"] {
        left: 34%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="17"] {
        min-width: 34%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="17"] {
        max-width: 34%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="18"] {
        width: 36%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="18"] {
        left: 36%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="18"] {
        min-width: 36%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="18"] {
        max-width: 36%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="19"] {
        width: 38%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="19"] {
        left: 38%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="19"] {
        min-width: 38%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="19"] {
        max-width: 38%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="20"] {
        width: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="20"] {
        left: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="20"] {
        min-width: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="20"] {
        max-width: 40%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="21"] {
        width: 42%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="21"] {
        left: 42%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="21"] {
        min-width: 42%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="21"] {
        max-width: 42%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="22"] {
        width: 44%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="22"] {
        left: 44%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="22"] {
        min-width: 44%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="22"] {
        max-width: 44%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="23"] {
        width: 46%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="23"] {
        left: 46%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="23"] {
        min-width: 46%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="23"] {
        max-width: 46%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="24"] {
        width: 48%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="24"] {
        left: 48%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="24"] {
        min-width: 48%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="24"] {
        max-width: 48%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="25"] {
        width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="25"] {
        left: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="25"] {
        min-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="25"] {
        max-width: 50%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="26"] {
        width: 52%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="26"] {
        left: 52%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="26"] {
        min-width: 52%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="26"] {
        max-width: 52%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="27"] {
        width: 54%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="27"] {
        left: 54%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="27"] {
        min-width: 54%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="27"] {
        max-width: 54%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="28"] {
        width: 56%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="28"] {
        left: 56%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="28"] {
        min-width: 56%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="28"] {
        max-width: 56%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="29"] {
        width: 58%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="29"] {
        left: 58%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="29"] {
        min-width: 58%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="29"] {
        max-width: 58%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="30"] {
        width: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="30"] {
        left: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="30"] {
        min-width: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="30"] {
        max-width: 60%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="31"] {
        width: 62%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="31"] {
        left: 62%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="31"] {
        min-width: 62%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="31"] {
        max-width: 62%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="32"] {
        width: 64%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="32"] {
        left: 64%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="32"] {
        min-width: 64%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="32"] {
        max-width: 64%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="33"] {
        width: 66%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="33"] {
        left: 66%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="33"] {
        min-width: 66%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="33"] {
        max-width: 66%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="34"] {
        width: 68%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="34"] {
        left: 68%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="34"] {
        min-width: 68%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="34"] {
        max-width: 68%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="35"] {
        width: 70%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="35"] {
        left: 70%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="35"] {
        min-width: 70%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="35"] {
        max-width: 70%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="36"] {
        width: 72%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="36"] {
        left: 72%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="36"] {
        min-width: 72%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="36"] {
        max-width: 72%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="37"] {
        width: 74%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="37"] {
        left: 74%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="37"] {
        min-width: 74%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="37"] {
        max-width: 74%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="38"] {
        width: 76%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="38"] {
        left: 76%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="38"] {
        min-width: 76%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="38"] {
        max-width: 76%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="39"] {
        width: 78%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="39"] {
        left: 78%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="39"] {
        min-width: 78%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="39"] {
        max-width: 78%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="40"] {
        width: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="40"] {
        left: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="40"] {
        min-width: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="40"] {
        max-width: 80%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="41"] {
        width: 82%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="41"] {
        left: 82%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="41"] {
        min-width: 82%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="41"] {
        max-width: 82%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="42"] {
        width: 84%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="42"] {
        left: 84%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="42"] {
        min-width: 84%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="42"] {
        max-width: 84%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="43"] {
        width: 86%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="43"] {
        left: 86%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="43"] {
        min-width: 86%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="43"] {
        max-width: 86%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="44"] {
        width: 88%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="44"] {
        left: 88%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="44"] {
        min-width: 88%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="44"] {
        max-width: 88%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="45"] {
        width: 90%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="45"] {
        left: 90%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="45"] {
        min-width: 90%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="45"] {
        max-width: 90%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="46"] {
        width: 92%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="46"] {
        left: 92%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="46"] {
        min-width: 92%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="46"] {
        max-width: 92%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="47"] {
        width: 94%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="47"] {
        left: 94%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="47"] {
        min-width: 94%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="47"] {
        max-width: 94%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="48"] {
        width: 96%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="48"] {
        left: 96%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="48"] {
        min-width: 96%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="48"] {
        max-width: 96%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="49"] {
        width: 98%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="49"] {
        left: 98%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="49"] {
        min-width: 98%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="49"] {
        max-width: 98%;
    }

    .grid-stack > .grid-stack-item[data-gs-width="50"] {
        width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-x="50"] {
        left: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-min-width="50"] {
        min-width: 100%;
    }

    .grid-stack > .grid-stack-item[data-gs-max-width="50"] {
        max-width: 100%;
    }

/*#region AltKullanıcılar */

#AltKullaniciEkleButon {
    position: absolute;
    right: 30px;
    opacity: 0.6;
}

#AltKullanicilar_Liste {
    padding: 0;
    list-style: none;
    height: calc(100% - 75px);
    overflow: auto;
    width: calc(100% - 18px);
    margin-top: 40px;
    background-color: #efefef;
    position: absolute;
}

    #AltKullanicilar_Liste:empty::before {
        font-family: 'Material Icons';
        content: 'data_usage';
        font-size: 60px;
        color: #b6b6b6;
        width: 180px;
        height: 40px;
        position: absolute;
        top: 50%;
        margin-left: 130px;
        margin-top: -20px;
        text-align: center;
    }

    #AltKullanicilar_Liste:empty::after {
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        font-size: 12px;
        content: attr(data-empty-text);
        color: #9d9d9d;
        width: 180px;
        height: auto;
        position: absolute;
        top: 50%;
        margin-left: 130px;
        margin-top: 22px;
        text-align: center;
        line-height: 15px;
    }

    #AltKullanicilar_Liste > li {
        position: relative;
        height: auto;
        padding-top: 50px;
        width: calc(100% - 10px);
        overflow: hidden;
        cursor: pointer;
        background-color: #ffffff;
        margin: 5px;
        border-radius: 5px;
    }

        #AltKullanicilar_Liste > li ic {
            font-weight: 700;
            font-size: 23px;
            position: absolute;
            height: 40px;
            width: 40px;
            top: 5px;
            left: 8px;
            border-radius: 50%;
            text-align: center;
            line-height: 40px;
            color: #ffffff;
            background-color: #007aff;
            text-transform: capitalize;
        }



        #AltKullanicilar_Liste > li ad {
            font-family: 'Roboto-Condensed';
            font-size: 19px;
            font-weight: 100;
            text-overflow: ellipsis;
            position: absolute;
            top: 5px;
            left: 65px;
            line-height: 24px;
            display: block;
            overflow: hidden;
            white-space: nowrap;
            width: calc(100% - 140px);
            color: #000000;
            letter-spacing: -.01em;
            text-transform: capitalize;
        }

    #AltKullanicilar_Liste adr {
        font-family: 'Roboto-Regular';
        font-weight: 300;
        position: absolute;
        top: 23px;
        text-align: left;
        font-size: 12px;
        color: #717c9b;
        cursor: pointer;
        text-indent: 10px;
        padding-left: 55px;
        white-space: nowrap;
        width: calc(100% - 140px);
        text-overflow: ellipsis;
        display: block;
        overflow: hidden;
    }

/*#endregion */

.grid-stack {
    
}
.grid-stack > .grid-stack-item {
    min-width: 8.3333333333%;
    position: absolute;
    padding: 0;
}

    .grid-stack .grid-stack-item-content {
        margin: 0;
        position: absolute;
        top: 0;
        width: auto;
        z-index: 0 !important;
        overflow: hidden;
        background-color: #ffffff;
        border: none;
        border-radius: 5px;
        /*box-shadow: 0 5px 15px rgba(77, 77, 77, 0.00), 0 3px 6px rgba(92, 92, 92, 0.16);*/
        border: 1px solid #d1d1d1;
    }
button,input,a{
    outline:none;
}




#AnaSayfafirmaAdıContent {
    position: absolute;
    right: 20px;
    top: 10px;
    color: #e0e0e0;
    width: 300px;
    text-align: right;
}

    #AnaSayfafirmaAdıContent .firmaadı {
        position: absolute;
        right: 40px;
        top: 0;
        color: #e0e0e0;
        font-size: 16px;
        text-transform: capitalize;
    }

    #AnaSayfafirmaAdıContent .eposta {
        font-size: 13px;
        position: absolute;
        right: 40px;
        top: 18px;
        color: #7fb5c8;
    }

.sing_content {
    width: 340px;
    height: 320px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -170px;
    background-color: #ffffff;
    border-radius: 10px;
    padding:15px;
}

#LoginContent {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #174b74;
    z-index: 999;
    background-image: url('../image/arkaplan.jpg');
    background-size: cover;
}

    #LoginContent:before {
        background-color: rgba(232, 232, 232, 0.69);
        content: '';
        display: block;
        height: 100%;
        position: absolute;
        width: 100%;
    }

    #LoginContent .Headertext {
        font-size: 25px;
        margin-left: 15px;
        position: relative;
    }

.info_content {
    width: 340px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -170px;
}

    .info_content .logo:before {
        background: url('../image/Logo.png');
        display: block;
        content: ' ';
        background-size:contain;
        background-repeat:no-repeat;
        height: 170px;
        width: 260px;
        margin-left: 40px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -180px;
        margin-left: -130px;
    }


#SplashScreen {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #f3f3f3;
    z-index: 9999;
}

    #SplashScreen .info_content {
        width: 300px;
        height: 300px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -50px;
        margin-left: -150px;
    }

        #SplashScreen .info_content .logo:before {
            background: url('../image/Logo.png');
            display: block;
            content: ' ';
            background-size: contain;
            background-repeat: no-repeat;
            height: 170px;
            width: 260px;
            margin-left: 40px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -180px;
            margin-left: -130px;
        }

.mdl-spinner {
    display: inline-block;
    position: relative;
    width: 45px;
    height: 45px;
}

.mdl-spinner--single-color .mdl-spinner__layer-1, .mdl-spinner--single-color .mdl-spinner__layer-2, .mdl-spinner--single-color .mdl-spinner__layer-3, .mdl-spinner--single-color .mdl-spinner__layer-4 {
    border-color: #ff0037;
}

#FormLoading_indeterminate {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9999999;
    background-color: rgba(255, 255, 255, 0.07);
    top: 0;
    left: 0;
}

.FormLoading {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9999999;
    background-color: rgba(255, 255, 255, 0.07);
    top: 0;
    left: 0;
}

    .FormLoading .spin {
        width: 45px;
        height: 45px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -22px;
        margin-left: -22px;
        z-index: 9999999;
    }



.anasayfa_header {
    position: relative;
    height: 55px;
    background-color: #1a3347;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 0 0 rgba(0, 0, 0, 0.12);
    z-index: 6;
}

#AnaSayfaHarita .grid-stack-item-content {
    padding: 10px;
}

.anasayfa_header h1 {
    position: absolute;
    color: #002637;
    margin-left: 60px;
    font-size: 20px;
    margin-top: 12px;
    z-index: 3;
    display: none;
}

.anasayfa_header .Logo {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAT0AAABdCAYAAADXGLFzAAAACXBIWXMAAAewAAAHsAHUgoNiAAAdkUlEQVR4nO1dTW8jyXl+pJlJPN61pbUdIUAoqNcIBCcIIC4biHIR1PoF4hwGyE09/AEZbuCDDwbUQn7AcC4GAgSc1lmHIW+5TQsTwJg1mksuAsRgDktBBAwIcZb0fiDeDyuHeotdbPGrq6u6m5x+AEGi2FX1dn089Va9b721dnt7i6yhUO9uAigC4L85igB6/cpuNRXBcuTIsfS4n7YARHAWGKHx3xszklzqlypHjhyrilRIr1DvGgDK9HMYJe0/Dj8+fP33R7f37+GLe2v4FgAe3F/7HYCbe+v49V9urP3rVvO6p1rmHDlyrAYSJb1CvWsDsBGR6Cbh2+/w7rf09x+/vd0E8DcPH+AQWPvFzfH2EEAbQAOAt9W8bsctL0eOHKsB7aRHy9cqGNnt6CzrvXfX+Z8bYMR6CAA3x9tXYARYy7XAHDnebqzPf0QehXrXAdADcArNhHf/HvCD7039egfAUwCf3hxvezfH27ZOWXLkyJFdaNH0CvVuGUANmolOxI++vzB/HwI4vDnedgA4W81rV5dMOXLkyB6UanqFetco1LsegJdIkPDW14Affj+y680OgBc3x9u9m+PtsgaxcuTIkUEoIz0yUrShwEgRFe98bw331tdkk+8AeHlzvN24Od421EmVI0eOLCI26RXq3c1CvesCeIHZ/nXa8Bc/kCY8EccA2vl+X44cq41Ye3rkb9cAsKdEGgk8fAA8uKcsuw2wJW8ZgL3VvB4oyzlH5tHyfX4KaGGUTNPTI810tHw/fFKJY1Ayzdw9aw6kSa9Q7xYBeEhJu+MQ3FRU4hiAd3O8baft49fyfRuAIZG0VjJNraQtQxIKoWOA1xB9e0bJMmMWWr5vIHDmn3liqeX7AHAFttXkAWiUTLOnW0YZtHzfAjuFFRW9kmm6suVKkV5WCG+Om0pc7IERX3mree1pK2UGqLO/kEjaKZmmo1aaiZAhCWWgAd4B64teyTQbacmiAzThVRF9JbVDP8cAnrV8vwPWVg3dE2FEuJAzeD6JU2hkNSkrhAdEclORxQaAVynu88mWW1MpRMaxB+aD+bLl+72W7zu0/FtatHzfbvl+D2zCU7F1tEd5ZaZ+iNBlCO8qjpYHRCS9LBGepJuKLF6kRHwyZQ7B9lnfRuyAOcJnZnBHQcv3iy3fb4MRlA6Xrw2w+mm3fD9tNy0n4XQjLEx6WSI8ILabigwSJb4YM2HWljBpQBzcVsqyLARqbw/JGAV3wDRjN4Gy7iBNLQ9YkPTo/KyLjBAeAPzonUQJj+PFzfG2lVBZtmQ6R6EMy44dAK9avu8s+HxPnyjTQeSThsvXScv32yloxE7C6cawqKbnIkW3lDAePgC+9yC14hs3x9uT3AWUgQwYMgaCy6xa6lLG6SJaTck0bQBHSDBmI8l1klR5E7AHwEuK+NLW8oAFSK9Q71bBrECZwcY72g0YM4sH4N4cb+vsJLKRoV2VQqwYThYkPq9kmhYSIL8MEB5HksTnSKZTZpybyR60j+eoKkwN1m43HqYtA/agl2BsiTRDVTPhCmMh4gP0k1/L96vIBuFx6O7TcbS8IRTKNk9lqiFD+3gA8Ot3/7q11bxe22perwF4D6xTnoH5ayWJ45vjbeV3dVDHkKnzt8lNJQ5OqI4Xgg7yI6fuZyryUoxjImNdcCTTKXW0n0p6tKxNzfFUwBCss50DOLu69+7P+RdbzevBVvPa22peO1vN6yKA98EIcJiQbI6GIAValra0T5iDoRa1PgTyewR24kEKtITMskuRFlefmFqe0gl94okMstY6KguKiCuwF/X6ld2FjxpRVGTn5ni7BkYeVejVVDfAyMZSkRlpADIGo+Y0AwZ1YBfsKJtWA8wSQbrd6NRHgwaxI1F2FQmGXZPABpiMjuJ8ZfNTfpxybdIVkIV6twbm5Z40LgE4/cqupyIz0sJc6NdY31cRhj7GxvajSUewiPA8BET6gcrzqi3f9xCxbkumGdvXSDizGXdSO0oyYAC1Rw9qJuIrymuA4Pyzqn4+BGCoIhuaIGSOUyqVg+OOpkeRU5ImvCEAu1/ZVar2ExFZFCX5VGXehA6AqiLC2wQ7UB4VV1MIb5IzOb+rZKlBROW1fJ9r9LJtW4Og/dKS14iYR5TABypWHs/BtJ/epC+p3eMaSTbA+omqZaUjmU5L0IxJy1tHdSFz0AQjPG2nCLaa187N8XYPcrPNNJxtNa8dhfmVITcg3PA/6IiROyG/csv3N1flxAa9hyOcU42KvZbvW4K2ZyM6gV5i8WWyHTFvER0A5Xl+mETANjlku5DX/mwoIL0s7eVxjBkyaC8vyTN5Z/3Kblkn4XHQXRixojMQLsGWs46CvETI5jfWMaiTvcRkAt1Asu2bCMhVR7ZtbXWSTActyWX38s5LplmM4nheMs0eGV7OJcvcU2T8ciTTubom57D11kZyLipP+pVdJ6GyAMQmviGAD7ea15bqayRjDIhzsWMIx5lmwZEoJ/Mg4nsukTSRSYC0yUdgMkax/nbopIhsuTbkXW1iGb5iaHmARhesMOnp9NERcdav7LoJlTUGIr6og6MJoLjVvNbVELZkOhdg+4Et329gsX2cnWU5hC8BB9HdlTaSqo+SaTZKplktmaYB5l71IVjfmoYh1JCyLZkurrXfkUx3rvM45Yj0CvWuhWRM6edJa3hhbDWvq1jMmXkI4NFW87qs65JwMmDIbDpflUzTEyy0UY4K2hLlZR6k9boSSS21kswHLT9rJdMsk0V7khY41WARtSzMJtdpkCa9mFqeI1vuIhA1PVtnQYQrJKdNzsO8GfQcgLHVvNbtSCpbHw79biO6b9/JssWaiwBXIk3q/otTtEBXYREyrkpx+ogjmU6rlgeMk56lsyCCVittFJDmdjbhqysAR1vN66QuBrIl0oiBQr0Ey808JP0QMzUBCFpgT2G2nsK8ZiLLWh5ApEeBBXQvbc9VOR0rRA3je0BnYHt3XhKFk2tJ3EChjmTxWdG4dSDqxr2hQ4iMwUiwLEcynXYtDwg0PUt3Qcig1ZA0uRrY/t4HdIY3SU3Ulkw3MqhQJ5Gxzq2yQSMqsnwsTBWsJArJupYHBM7JluZyzvuV3Z7mMqRA/nZO0uWSD5RMnMLOhCWcCzkn1CoSXPYkCCNtAbKEGKd9ZLYKHIk0wIzz46qRlKaXhz26C1sy3Z26JB81mcgyxysafSWqppFUVJ604EDO/zYS6WXVLy+MdTprq9MhuRMlUspbBJk9tVmBQmU7jS2ZLpOQXLKvbP+k+pA9S+9FfN6RLOcyycAP69C/FMhy7LBUECNQqCv53SzYkumyCjttAbICIayYDCLdt7IMe3kc96HfRyknvbuwJdNN1eZKptlr+X4T0fcJd1q+X54UqWXZQEt1mb0rT60kmYELeSJyIz7vSJYzU8uj8GVR0C6Z5sxV1H1o9lHKl7bj0HzTmQs544iN1Zicakhg72oZQGG3ZC/0inTzmGYtT3kszHXo1fQSu0pvieBIppu7Z0famkwo86U3aFCwBdlB7qmTJH0QCcWJielofp4j0b08jnXo1fQycfoiK1AdKHQKZA0aS+msTMEWXMgHzWyuSnxBIFaUYo5OhrQ8LdB9gezKLRtiQlmgUEXPirAl06UCIjsbrI/FiRK8Cst6AEoID4g++TmS5XTS0PKAKRcD5dAGWW3KXfTBkmkOWr5/juhEsNHyfVv33bkU0TcOimCrExV7PZH2rrIMRYT3PAoRLYtfXhg56SUEHTedzUANctqPDc0XPkPPXSWycNIWQAUUEV4Hye3lRZlsZCbwmdC9vM0RQFbLizwj0jE1mcvPD5fdoBEBkfausgq6nDsu4Q0B2FH2NpPay6PIz+9DPuz9HeSklwDiBgqVLFZ2+eBIpls22GkLEBdkwHmmIKuqREguR7KsyFsKFGrLhiLy0016qQdnzAhsyXRx9j0akDtTWl7hAKMcZyrv/00DMS3WIp5HJaG0LLaqyG8d7MJgXVj1wbMotBswwogROn0lb0wTcF4yTSdtIWRBVuu4FmuO83mnF6bAkSxPieEoLvnpJj3l3tTLBlU3nUnirfLZWwCXcW4WSxu03+pBziAWRgcS7ZwlvzxZ8luHZgdiunDobYYtmS62ST9GgNE9sjavEs7pHtilBLWHzH0ok9ABYElOqo5kmbMiBMVCiPy8ec/fh34HYmsRQVYRNDPLLEMmBQqVhQv5AKO2IhnSxtmSL2ltyJ8rDkOa8GJqeV5CkbrnlnMfepe3ANsfcjSXkVXYkun2Wr5/q1IQCZRbvr+55Ee0rsBcMby0BZEFOXOr8m2Mo+EB8cLQHUP+bLRSrFMYd52RY/fo4qG3EXbaAsTABpZX/iHokqdlJTzhAvesEN7KgLuseJrLWdWN8amIcdNZlrBs7XYFdl+sUTJNZ1kHuLB/p0ozyglPQFKkd0Jh6TOHg4t95+Biv31wsa9aG102wpiEZbsxbROAt8yDm/bNPKibMHPCCyEp0gMyuK93cLG/CUZOewA+JgKM7VsYI1BoFmErzu9ozk8cj/sNAO6yOleTw/ELqLuzpomc8O7gPsCiGxfq3SvoXY6dFOpdN2MXflcx3sFOAdgHF/v268dvvJj5rgpOWr5fVTVwFthj82IEZwClc7FEDtZE0h7UuKNwnC+zT6JOiMfQvATKcwv1biZm4YOLfQOTN4l3ALw6uNh3Y2h9tqxcGYWdcHkW5CJAcxwrCGGVCGj7oIec8BKDSHpuAuXtIDt34M4LHnkCoHdwsR9JY4hx01mWkajmSlplGfG8Ck7JmJRZUISUV1DbX85ywpuNEenRsjPO7LooTgr1rpNAOVNxcLFfw2Iz6waAlwcX+w3SDBeBLStXhrGTNIGQc3ZcsnWzeLJEcEdRESFFxJNldsJOCuEoK0lpYaeFetdOqKwxHFzs24h+acoxgPbBxf7MQUgDbFUMGGHYSRdIx5aex8gic4YN6iMe1DrqDsEIz1WY58oiTHou9Doqi3iRtMZHhCcbcHEDwLODi31vhta3SgaMMFK5MY2igMS5VW8PGbkHg7RlD2r374ZgFlpXYZ4rjbFw8f3K7qBQ7zagODzzDJzSaQ27X9nValaPSXgiDgF8enCxf/b68RuH/zPGTWdDJL/PWYT8/biOUkkWQ1yyOGz5fk0yjJISkIb3UkPWAwC1lu9ryBoA4AqE6ukqZAainki5whz7xKQ7MhwkR3oAG3y9Qr1r9yu7Wmbkg4t9B+rvZjglI0eV3FtkbzprJL0PQwTdQ3R5baRAenTZkQ026GQ3/Z+2fL+dokaka4m9A72uZh7/g9yNvGkP6kDL96OO29688XQncjKdxT2LWFBcbAB4Wah3PZWhqA4u9o2Di30P+i6j2QNzbzEgTway6aRB1lGZCWaHyCdxkGEjbtm1LBo2ciSLaeHia0hub0/EIYBXhXq3V6h3q7KBCg4u9jdJu2tDv2Hh8vlPf2VAbra9lLjpTBUcyXS2QhkigS48jzMhbwBoZMmwkSN5TCQ92l9zkhVlDDtg5vyPC/XugDRAt1DvOrM0QdLsHLCl2yn0+8sNwUjAlkyfms9ijACjqd6YRkuXOEfVdpARw0aOdDD13tt+ZbdWqHfLSN8FY4Nk4HJY9MPPzhbpcxlqrWKLwHn+018NIH/TWdqDz4V8gNE0LdVVsHaPY9hwcyfetxPzbkOrIp1l7lQ8/Oa/Dw4u9m8PLvZvAXwG5tF+iuQJr/n68ZsallDL46BNfRmHdFutJNGg6MTGSVr7kznSxUzS61d228hYdJT12+/W/5g+DXcQDHwZjWeIZI79LQJXIs1G2oRBy/O4p0Re5IaNtw9z773tV3ZrYCFqMoOv/pBqJPUhAPv14zeDGIFCGxkK9+NKprMVyiAFcqH4MGY2Xm7YeLuw6GXfNph2kwl8/dUtvvkqteLLrx+/4Zf22JJ5OGpEiQ/SmGQMA4cA3lUrTXSUTLOG+DH4PDXS5FgGLER6ZM21kaH9vT+mo+094XH2yIIpc6ohTTeVaXAl0xVUCiELMkjEmZT3KIBnjrcAU623YVCgUQvxvOKV4cvhLd758RrWHiRW5JPXj9+4wudNyPmMpW2xvYOSaXot3/8Q0U8NHAH4rQaRZGAhXt0aAP4D0du0F+G5pJ3+VcBLWwDVWLu9jaYxkcOwh5SI752vf4vb//kXAMAPf7yGhz9ZS6LYMOHlyJEjAUhchXo571L3Rff0RiCLroUMLHU/H9zi9k9aixgCOMoJL0eO1UFk0gOyQ3y33wFff64t+w4AK+ZdGTly5MgYFt7TC4P2+Ipg+yhJOwaP8Pnvb/HnG8qXuE2QW8oiD9M9BxbYKQEPLBzPomkdStMDMxa5Kgwdc+6IcMFCEvH7VYsA2rJuNOTrZlOeDQoOIJMPD8/F5Rq59vA6VhmRhtf9IheCzyqf8umVTNMV7rzYBDBQ1JabFGmmDGAzbqSYWe21aJ1wmeLIIeRlQXHbzoKUpsdBEVksxHMZiIXvvlHqvjIE278rRyA8G8GpkGOwM8O9Rc6n0iDnEWAM+jt2R6JOfTrjZwDWbq+o3FdgRCNTVgPAx2CD6BTAxzKOyyTzZ2AxD236LfrQlUlmlThFNOPNafjdiCROAQxIVl6XDcT0ZWz5vtHyfT4pAcwR3oqZ59T2CvXHRWVSARvq23YqYpEewNxZ+pVdG8ATpLTc/eL3StxXmgCKUfbvaOZ9AXaU6wmA9xBY6BY5ZsY7To9+jlTMniXTbJdMc61kmmsg513+mX4GYMR3JvzuRS1HcNs5K5nmJtj7dyB3xK4KVo/vU16PwFYQNn3vQuF5XxrgR1jQOkmaz5Ugjzi5XNI5am7Rb5O8C+U9AwZYHXBNrIoYPp5T2quJ8fY6EspbRCYVqCHBs9zSy9sw+pVdt1DvepA/xC6Nr7+6xe030u4rV2BLWU8ibY3SFwWycmhAPaXfm6BlK1jDDhAsYYsAcxAWNQjSHlww7cYAW4J49J24BGwssDQzEDpfS8uJIl9OtHzfIxkdkmNA6YoAnBlLNIt+u/QeA5L9JQ0wA8KyhUiiPGUZUwRbVvUor0bL9zsIJoYymOZnkKwNsPp0xTqgd7PpY4MHdaD/G4Lc/w7gZ0K92vT/UZoJqAF41vL9Ii0JXQSRdjg2wYjJFfLmMru42wf49/z/NarHIgKCq7Z8v0Z1wC87Kgt10C6ZZm2Bd+B12QBG7VVDcBWAAdZeXqifedQeYzIh6Ov8OZcvlYV39uj7AdUfl10M6MrfJRHE1vRE9Cu7vX5l1wKbpZO4WW2EL6Nre1dgS1lDhvCoUXfASCGsnfEGLIJ1wlOwmbGM8dnaQBDeqYqgU55SHg7udggPTLu0ALyiTjsLRdzV4myMn1u1hM82gsFZBtCesVTns73LnymZZoO0yR7uLknLmL7k6wEo07WIoLyKJdO0KW++7LLobw9BHTjASPN+BRb1pghGvrw8G2zQvUAwSMuUrkbfGZRmWp26YCRXpXz3wEiKb2e0qZwixtuGy3ynDxCR8HQ2gM/4pEQ/QzAi5VolKA+xDp7RxMVJ5eWUo3W8vWpCe3lT2ovXiUX5ORNkAsb748fCXjJ/54YgbwOsfSzQuWehbSfJqwVKSY+jX9lt9Cu7Bpiqn8iS96svFnZfuURAdm6MIjlBeXOeM+i3UzJNA2zg8P+JhLQHthdo0ecePWeDHfC3qEPtAfigZJpFsJvC7DnlH06Q0cD48sQS5DgE24A3SL4NTDnYT7P6GaX5dILxJEy4kwiYw6bfz1q+3w4FAjDod1v42yYZLwX5HLD+9ojq51zIl6d7REu7fxBkscHaxwKr02nvO0AwiB0AHUFr5b+LQtvwW/d42ZP6gEtyGPTdFb0b/79Ld3uMVgUQtF9KAwSEVBU+h+XvgW13LNJeZQBVsZ+FZSJSF/vjpPrm78y1dv4sf4Y/J/ZHrdBCehz9yq4D9lJn0Kz53X4H/N//TtX2rsAa7v3Xj99YivzuxE4YBp+1BmCE0qEzouJ3AOt8PWGAi4O6KmqQtFSywAb5JpHjADOcxAUNLSzjIe6SkajRVanMHmhWp1nZ4j+CXA7YPtAV2EZ/O5RvuBxvkqz0rgZYO+1h3CBiARjSMxZYfXLt16PnQYPJADMq2Bgf+Idgg1XUwrmsA7ClGtfA7hCGgBpYne9gfB/qBOOWd/E9ucxjfYDqe4+eLQqWX4OeE/fOighWBQaAZmhrI7wNIf49AslwBEZCpzTB8D4Z7hc10p4dBHUiymRhvD/2EATgCL+zAbIUC/2dt+ewlGAADmV7etMgRGF26K5bG5r2/L78A/DwJwDYQPX4jxAgQCVm5VkGmCZEHdsVvisi2JsCmIwGPe/R7NsROrCFQFvm9fZqQRl5GSNZhXLbwmd+6P7O8/Rdj96BuyZdEqkYtDzyqCPXwOLUVen50WF+Glg7mFBvfMDQO1db7Bxsg/JzMa6ZGhhf7m+SPJu8fPp/h+R9LrxzQ5BlQ8izTN89o78nanrAqE2HGN9nnaT1i5ObgQl9AAGRPMX4XcyXQp49IQ/+9x69K4QJiJdtgZEIfxb0nAGhvcBItkbl2mTVDefTALvBrVkyzfIEmXh/mNQfDdA7C32sIXzH+7uN2WPpaMZ3kzCXPLWTnoh+ZdcF4BbqXQNB55IlwOG9++jfu7/2V+vr+N3aPdwA+OTrz/FvbypvPlEj8Uxw0iiLm8bUMU4AnE8Z6LzDGkI+VQSasIXJWhgfRI+EzflZGgnPiy9DOcRyR88g8BMcaa80y4sycgwQuDysUZoB2OA5QbAHxfMFAiIR343jFdhqwOHyEvGJ7jxc3h2Md2yLvrPA6v0J+csVwVwzPAiDjNKMNGsadL2SaRqC+0kZs4MwiIQpQpRL1Mxm9gGysgMYkRh/H1HmQ7D7PcL1ylcc4qQwSTYbQntRmmrL95+CtZdB/w7XSQ3MKFcW0nmCHEch8h9M6Pc8b/4uRQT9far2H3p/ZdC6vJ0GMnjUyOjxHpjh4wysk8zcA/zyz3522f3lb9a6v/zN5n/94jd/958//+i9T/75o7/tPP3I6jz96J8SIjxODFdgyyILGM1oDfp/FaGBH+qwFgK1XlwGissugHUYj54bUjoIg3oW8Rm4G32EDxLeOWsINIMi5W3Rs1WwsPZtriHQT1t4pxEZCn83EAzoHpXj0OdJA7IDRph82bcJNkh5HEe+DcDl4nKWEVzmzd/LFWQHgroWt1f4sz0EhgW+VBc36e9AkGH0HvROVxhvm6dgBMKf7wnf8c+jiZN+O/QufNIY0v8NoUyDyvTofwbG7zoJ9x8OXta09rIQ9McqgjqpkhyGKJPQjlx2C0F/DBOzmDeXkX+3hylLcV1IhfREkJ9fo1/ZdfqVXatf2d0EI8IjBGTIf5pIcMNzAZRBzr0t3+8B+BSsw5YFMhM7CP/s4e6SjbsJhLUIsVO4oPtbwTrYZWm2d76Bux2Kd/628J0oRwdMo2iDkY09JW9O7tzw0ANbHl7S+4bL2cT0i4hcMM2gR1bIz+hzbdKAB8AdZF2wpVcDwVLKo+/KwKjuw/VgCLI0wFw2eDpxGTYJojwiPLA9sgb93QkZICb1gTZYfbtU9inG9+Y2SNMSyxS1JJ6f+G4TSYTqqIPp7WUI71TD3TpxQzIBZKyhNnuFwF9xnvZZBOvvnBwTHdOpk94kEBF6Ahnyn3K/sludn0MyoEa1wBq/B2YZKwqN3QZzWubgzwBsYPDOwwfKJgLnVj7Dn9F3fNb9EGwZ9QTzw6WLZXCZPSEPPqPzZ/iyq4zAWdqblLFA6s8prx7JKpLNEwT+WTamLBlps/sRgmVOE2wZzz/zOjFAZ6LpM8+Xa228PI+eOaOJxMO4Uy8nTK4ZPgIj+DaYdbE3SU5CD8y5dyD+s8Ri+vG2dhBsG7QxHt25R+8z2hIgWdpg9c3bwgWzhvJyeJm90Lt4CAif959ppG1hvL1ES7UH6gdCnfC6/IDKHpOJ+uMZpRf7Y/idR3kL79agfM50LGFnIXJoqRyrCWG5PJXo0gZpFIOSac4je5m822DnWg3VeefIFjKp6eVIBQagZ+NYIYrQsBSivbQ2gJ3WAmemcyw3ctLLwTFA9iP71qDnuBLfW3o0Z2mbYwXw/2OX66D6OF2PAAAAAElFTkSuQmCC');
    background-size:contain;
    background-repeat:no-repeat;
    position: absolute;
    width: 110px;
    height: 35px;
    z-index: 6;
    margin-top: 10px;
    margin-left: 12px;
    color: #aaaaaa;
}

    /*.anasayfa_header .Logo:before {
        font-family: 'Quantify';
        content: 'ari24';
        position: absolute;
        font-size: 30px;
        margin-top: 10px;
        margin-left: 35px;
    }*/





.ui-page {
    background-size: cover;
    min-height: 100% !important;
    background: #f1f3f4;
}


.Anasayfa_orta_ekran {
    height: calc(100% - 35px);
    width: calc(100% - 590px);
    position: absolute;
    top: 45px;
    left: 80px;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
}




.AnaSayfaSolMenu_Panel {
    display: block;
    position: absolute;
    left: 0;
    top: 55px;
    height: 100%;
    width: 80px;
    padding: 0px;
    background-color: #1a3347;
    z-index: 6;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 0 0 rgba(0, 0, 0, 0.12);
}

.AnaSayfaSolMenu_Button {
    display: block;
    background-color: inherit;
    color: #c4c4c4;
    padding: 0;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    height: 75px;
    line-height: 15px;
    font-size: 14px;
    text-align: center;
    text-transform: capitalize;
    overflow: hidden;
    position: relative;
}

    .AnaSayfaSolMenu_Button i {
        display: block;
        font-size: 35px;
        color: #ffffff;
    }

    /* Change background color of buttons on hover */
    .AnaSayfaSolMenu_Button:hover {
        background-color: #23435c;
    }

    /* Create an active/current "tab button" class */
    .AnaSayfaSolMenu_Button:active {
        background-color: #11222f;
    }

#AnaSayfa_YenileButon {
    position: absolute;
    bottom: 70px;
}

#SiparisListesi_Panel {
    position: absolute;
    width: 500px;
    height: 100%;
    right: 0;
    top: 55px;
    background-color: #ffffff;
    border-left: 1px solid #cacaca;
    box-shadow: 2px 2px 5px 5px rgba(0, 0, 0, 0.15), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 0 0 rgba(0, 0, 0, 0.12);
}
#anasayfa_baglı_mobil_cihaz {
    position: relative;
    top: -4px;
    left: 490px;
    color: #6bf344;
    font-size: 65px;
    border-radius: 0;
    width: 45px;
    height: 45px;
    text-align: center;
}
    #anasayfa_baglı_mobil_cihaz i {
        left: 18px;
        font-size: 35px;
    }
    #anasayfa_baglı_mobil_cihaz .bundle {
        display:block;
        width:20px;
        height:20px;
        background-color :#ff0000;
        border-radius:50%;
        position:absolute;
        top:0;
        right:0;
        color:#fff;
        font-size:12px;
        line-height:20px;



    }
#BaglıCihazlar {
    width: 150px;
    height: 200px;
    background-color: #ffffff;
    overflow: auto;
    z-index: 99999999999;
}
#BaglıCihazlar-popup {
    width: 150px;
    height: 200px;
    min-height: 100px;
    background-color: #ffffff;
    overflow: auto;
    z-index: 99999999999;
}
#BaglıCihazlarListe {
    margin: 0;
    padding: 0;
    list-style: none;
    height: auto;
    position: relative;
   
    width: 100%;
    background-color: #ffffff;
}
    #BaglıCihazlarListe > li {
        position: relative;
        cursor: pointer;
        min-height: 10px;
        height: 60px;
        width: 100%;
        overflow: hidden;
        padding-top: 15px;
        background-color: #ffffff;
        border-bottom: 1px solid #f8f8f8;
        text-align:center;
    }
        #BaglıCihazlarListe > li ic {
            display: block;
            border-radius: 50%;
            color: #233242;
            text-align: center;
        }
        #BaglıCihazlarListe > li ad {
            display: block;
            font-family: 'Roboto-Condensed';
            font-size: 15px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            color: #000000;
            letter-spacing: -.01em;
            text-transform: capitalize;
            margin-top:-5px;
        }
        #BaglıCihazlarListe > li ic:before {
            font-family: 'Material Icons';
            content: 'phone_android';
            color: #463e57;
            font-size: 40px;
            font-weight: 100;
        }
        #BaglıCihazlarListe > li[Aktif=""] ic:before {
            color: #463e57;
           
        }
        #BaglıCihazlarListe > li[Aktif="0"] ic:before {
            color: #004fb0;
        }
        #BaglıCihazlarListe > li[Aktif="1"] ic:before {
            color: #199a00;
        }
#AnaSayfa_KullanımSuresi_Button {
    position: relative;
    left: 500px;
    word-wrap: normal;
    overflow-wrap: break-word;
    text-transform: none;
    white-space: normal;
    width: 330px;
    text-align: left;
    color: #FFEB3B;
    line-height: normal;
    display:none;
}
.Anasayfa_SearchBar {
    position: relative;
    left: 155px;
    top: 7px;
    padding: 0;
    background-color: rgb(73, 93, 109);
    border: 1px solid #1c3448;
    box-sizing: border-box;
    font-size: 16px;
    height: 40px;
    line-height: 20px;
    width: 484px;
    max-width: 484px;
    transition: none;
    border-radius: 20px;
    float: left;
}

    .Anasayfa_SearchBar input {
        background: none;
        font-size: 16px;
        bottom: 0;
        box-sizing: border-box;
        left: 0;
        margin: 0;
        text-indent: 50px;
        position: absolute;
        top: -5px;
        width: 484px;
        height: 50px;
        border: none;
        color: #e6e6e6;
       
    }

        .Anasayfa_SearchBar input:focus {
            background: #ffffff;
            box-shadow: 0px 3px 5px -2px #bebebe;
            border: none;
            border-radius: 5px;
            color: #707070;
        }

        .Anasayfa_SearchBar input::-webkit-input-placeholder {
            font-size: 15px;
            color: #bfbfbf;
        }

    .Anasayfa_SearchBar .easy-autocomplete-container {
        left: 0;
        position: absolute;
        width: 484px;
        z-index: 2;
        border-radius: 5px 5px 0 0;
        top: 36px;
    }

.easy-autocomplete-container ul {
    background: none repeat scroll 0 0 #fefefe;
    display: none;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    position: relative;
    box-shadow: none;
    box-shadow: 0px 3px 5px -1px #525252;
    border: none;
    border-radius: 0 0 5px 5px;
    overflow: auto;
    max-height: 300px;
}
    .easy-autocomplete-container ul li {
        background: none repeat scroll 0 0 #ffffff;
        border-bottom: solid 1px #e1e1e1;
        line-height: 18px;
    }
    .easy-autocomplete-container ul ad {
        font-size: 16px;
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        text-transform: capitalize;
        font-weight: 500;
    }
    .easy-autocomplete-container ul tn {
        font-size: 14px;
        text-transform: capitalize;
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        margin-right: 10px;
        color: #0059ae
    }
        .easy-autocomplete-container ul tn:empty {
            display: none;
        }
    .easy-autocomplete-container ul tn:empty {
        
        margin-right: 0;
        
    }
    .easy-autocomplete-container ul adr {
        font-size: 13px;
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        color: #e97d21;
        text-transform: capitalize;
    }
        .easy-autocomplete-container ul adr:empty {
            display: none;
        }
    .easy-autocomplete-container ul t {
        font-size: 12px;
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        color: #000000;
        text-transform: capitalize;
        margin-right: 10px;
        border: solid 1px #d7d7d7;
        padding: 2px 5px;
        border-radius: 10px;
        background-color: #ededed;
    }
    .easy-autocomplete-container ul t:empty {
        display:none;
    }
#Anasayfa-search-icon {
    z-index: 99;
    position: absolute;
    line-height: 46px;
    left: 15px;
    top: -4px;
}

    #Anasayfa-search-icon:before {
        font-family: 'Material Icons';
        content: 'search';
        color: #acacac;
        font-size: 22px;
        font-weight: 100;
    }



.Anasayfa_SearchBar button {
    position: absolute;
    right: 5px;
    top: 3px;
    color: #8b8b8b;
}

    .Anasayfa_SearchBar button:hover {
        color: #0085bf;
    }





.wrapper {
    width: calc(100% - 10px);
    position: absolute;
    height: calc(100% - 55px);
    overflow: auto;
}





.gizli {
    display: none;
}

#baglantiyok_kutu {
    position: absolute;
    z-index: 99999999999;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    text-align: center;
    margin: 0;
}

    #baglantiyok_kutu div {
        position: absolute;
        margin: auto;
        width: 400px;
        height: 300px;
        top: 50%;
        left: 50%;
        margin-left: -200px;
        margin-top: -150px;
        text-align: center;
    }

    #baglantiyok_kutu i {
        font-size: 100px;
        top: 30%;
        color: #c2c2c2;
        text-align: center;
    }

    #baglantiyok_kutu h1 {
        font-size: 26px;
        top: 30%;
        background-color: #ffffff;
        text-align: center;
    }

    #baglantiyok_kutu p {
        font-size: 14px;
        top: 30%;
        padding-left: 25px;
        padding-right: 25px;
        text-align: center;
    }

.LütfenBekleyinMesajBox p {
    position: absolute !important;
    left: 100px;
    top: 34px;
    font-size: 16px;
}

object {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99999;
}

#LoginFormBody {
    display: none;
}

.ui-tabs {
    padding: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 0;
    outline: none;
}

.mdl-tabs__tab i {
    font-size: 25px;
    left: 20px;
    position: absolute;
    top: 13px;
}

.mdl-tabs__tab p {
    font-family: 'Roboto-Light';
    text-transform: none;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 35px;
    font-size: 11px;
    color: #001b27;
    font-weight: 500;
}

.ui-tabs-anchor:active, .ui-tabs-anchor:focus {
    outline: none;
}



.tablist-content {
    width: calc(100% - 65px);
    position: absolute;
    left: 65px;
    height: calc(100% - 50px);
    border-radius: 0 !important;
}

.mdl-list {
    display: block;
    margin: 0;
    list-style: none;
    padding: 0 !important;
}

.mdl-list__item {
    font-family: "Roboto","Helvetica","Arial",sans-serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .06em;
    line-height: 1;
    min-height: 68px;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    /* padding: 16px; */
    cursor: default;
    overflow: hidden;
    height: 45px;
    padding: 0;
}


*:focus {
    outline: none;
}

.mdl-tabs__tab {
    width: 100%;
    height: 100%;
    line-height: 50px;
    letter-spacing: 0;
    vertical-align: middle;
}


.vertical-mdl-tabs.mdl-tabs.is-upgraded a.mdl-tabs__tab.is-active {
    background-color: #1a3347;
    color: #ffffff;
}

    .vertical-mdl-tabs.mdl-tabs.is-upgraded a.mdl-tabs__tab.is-active p {
        color: #ffffff;
    }

.vertical-mdl-tabs.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
    content: inherit;
    height: 0;
}

.vertical-mdl-tabs.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active, .mdl-tabs__panel {
    padding: 0 0;
}

.vertical-mdl-tabs.mdl-tabs .mdl-tabs__tab {
    text-align: left;
}

@media screen and (max-width:1266px) {
}

#HesabimPopup .mdl-list {
  position:absolute;
  overflow:auto;
  height:calc(100% - 80px)
}

.paymentform input[type=text] {
    font-size: 18px;
    background-color: rgb(255, 255, 255);
    height: 45px;
}

.paymentform input::-webkit-input-placeholder {
    color: rgb(107, 107, 107)
}

.paymentform .tutar div {
    display: inline-block;
    font-size: 25px;
    font-weight: 700;
}

.paymentform .bilgi {
    font-size: 12px;
    color: rgb(104, 104, 104);
}

.paymentform .ssl {
    margin-top: 40px;
}

    .paymentform .ssl img {
        width: 370px;
    }



.contextmenu-siparis-urunekleme {
    max-width: 175px;
}

    .contextmenu-siparis-urunekleme .context-menu-item {
        position: relative;
        color: #2f2f2f;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: #ffffff;
        padding: 10px 0;
        padding-left: -10px;
        padding-right: 10px;
        vertical-align: central;
        outline-color: rgb(189,189,189);
        width: 50px;
        display: inline-block;
        min-width: 0;
        text-align: center;
    }

        .contextmenu-siparis-urunekleme .context-menu-item:hover {
            cursor: pointer;
            background-color: rgb(238,238,238);
        }

        .contextmenu-siparis-urunekleme .context-menu-item span {
            margin-left: 0;
        }

#GelenKayıtsızArama-popup {
    height: calc(100vh - 45px);
    width: 450px;
    max-height: 480px;
    background-color: #ffffff;
}

#GelenKayıtsızArama .PopupContainer {
    display: block;
    position: fixed;
    width: 450px;
    height: calc(100% - 48px);
    background-color: #f2f2f2;
    overflow: hidden;
}

#GelenKayıtsızArama .ProfilHeader {
    /*background: radial-gradient(circle, #ffffff 0%, #bdd1e1 100%);*/
    width: 450px;
    height: 100%;
    position: relative;
    overflow: hidden;
    background: linear-gradient(0deg,#cdd0da,#ecc9fa);
}

    #GelenKayıtsızArama .ProfilHeader .profilicon {
        background-color: #1385b7;
        border-radius: 50%;
        width: 80px;
        height: 80px;
        text-align: center;
        font-size: 30px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -40px;
        margin-top: -30px;
        overflow: hidden;
    }

        #GelenKayıtsızArama .ProfilHeader .profilicon i {
            line-height: 80px;
            font-size: 50px;
            color: #ffffff;
            margin-left: 0px;
        }

#GelenKayıtsızArama .numara {
    font-family: 'Roboto-Light';
    font-weight: 600;
    position: relative;
    width: 100%;
    font-size: 25px;
    top: 170px;
    color: black;
    text-align: center;
    text-transform: capitalize;
}

#GelenKayıtsızArama .kayitlidegil {
    font-family: 'Roboto-Light';
    position: relative;
    width: 100%;
    font-size: 25px;
    top: 180px;
    color: black;
    text-align: center;
    text-transform: capitalize;
}

#GelenKayıtsızArama .YeniMusteriKaydet {
    font-family: 'Roboto-Light';
    position: relative;
    width: 100%;
    font-size: 25px;
    top: 10px;
    color: black;
    text-align: center;
    text-transform: capitalize;
}




#MusteriHesapPopup-popup {
    height: calc(100vh - 45px);
    width: 980px;
    max-height: 750px;
    background-color: #ffffff;
}

#MusteriHesapPopup .PopupContainer {
    display: block;
    position: fixed;
    width: 980px;
    height: calc(100% - 48px);
    background-color: #f2f2f2;
    overflow: hidden;
}


#MusteriHesapPopup #MusterifProfilPanel {
    width: 370px;
    height: 100%;
    overflow: hidden;
    float: left;
    background: rgb(255,238,245);
    background: radial-gradient(circle, rgba(255,238,245,1) 0%, rgba(179,208,241,1) 100%);
}

#MusteriHesapPopup .ProfilHeader {
    width: 370px;
    height: 220px;
    position: relative;
    background-size: 380px 120px;
    overflow: hidden;
}

#MusteriHesapPopup .ProfilDetail {
    width: 370px;
    height: 220px;
    position: relative;
}
#MusteriHesapPopup #MusteripdfMenu {
    position: absolute;
    right: 25px;
    top: 25px;
}

#MusteriHesapPopup #MusteriProfilMenu {
    position: absolute;
    right: 55px;
    top: 25px;
}

#MusteriHesapPopup .ProfilHeader .profilicon {
    background-color: #1385b7;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    text-align: center;
    font-size: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -70px;
    overflow: hidden;
}

.call-animation {
    animation: play 2s ease infinite;
}



@keyframes play {

    0% {
        transform: scale(1);
    }

    15% {
        box-shadow: 0 0 0 5px rgba(0, 102, 245, 0.22);
    }

    25% {
        box-shadow: 0 0 0 10px rgba(0, 102, 245, 0.36), 0 0 0 20px rgba(0, 102, 245, 0.11);
    }

    25% {
        box-shadow: 0 0 0 15px rgba(0, 102, 245, 0.28), 0 0 0 30px rgba(0, 102, 245, 0.17);
    }
}

#MusteriHesapPopup .ProfilHeader .profilicon i {
    line-height: 75px;
    font-size: 60px;
    color: #ffffff;
    margin-left: 0px;
}

#ProfilMusteriAdi {
    font-family: 'Roboto-Light';
    position: relative;
    width: 100%;
    font-size: 25px;
    top: 130px;
    color: black;
    text-align: center;
    text-transform: capitalize;
}

#ProfilMusteriTanimi {
    font-family: 'Roboto-Light';
    position: relative;
    width: 100%;
    font-size: 13px;
    top: 134px;
    color: black;
    text-align: center;
    text-transform: capitalize;
}

#ProfilBakiyeContent {
    position: relative;
    font-size: 16px;
    top: 140px;
    text-align: center;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
}

#ProfilBakiye {
    padding: 3px 8px;
    display: inline;
    color: #ffffff;
    background-color: #3f5d8e;
    border-radius: 15px;
}

#ProfilFazlaBakiye {
    padding: 3px 8px;
    display: inline;
    color: black;
    width: auto;
    background-color: #ffa65b;
    border-radius: 15px;
}


#MusteriHesapPopup .mdl-tabs__panel {
    position: fixed;
    overflow-x: hidden;
    overflow-y: auto;
    width: 370px;
    height: calc(100% - 317px);
}

    #MusteriHesapPopup .mdl-tabs__panel button {
        position: absolute;
        bottom: 20px;
        right: 20px;
    }

#MusteriHesapPopup .mdl-tabs__tab {
    width: 20px;
}

#MusteriHesapPopup .mdl-tabs__tab-bar {
    border-color: #cacaca;
    background: none;
}


/* Style the tab */
.vertical_tab {
    float: left;
    background-color: #ffffff;
    width: 75px;
    height: 100%;
    position: relative;
    text-align: center;
}

    /* Style the buttons that are used to open the tab content */
    .vertical_tab button {
        display: block;
        background-color: inherit;
        color: #000000;
        padding: 0;
        width: 100%;
        border: none;
        outline: none;
        text-align: left;
        cursor: pointer;
        transition: 0.3s;
        height: 75px;
        line-height: 15px;
        font-size: 12px;
        text-align: center;
        text-transform: capitalize;
        overflow: hidden;
        position: relative;
    }

        .vertical_tab button i {
            display: block;
            font-size: 35px;
        }

        /* Change background color of buttons on hover */
        .vertical_tab button:hover {
            background-color: #e6e6e6;
        }

        /* Create an active/current "tab button" class */
        .vertical_tab button.active {
            background-color: #ffd0bd;
        }

        .vertical_tab button bs {
            position: absolute;
            top: 5px;
            left: 40px;
            text-align: center;
            color: #ffffff;
            line-height: 21px;
            font-size: 13px;
            background-color: #ff0000;
            width: 20px;
            height: 20px;
            border-radius: 10px;
        }

/* Style the tab content */
.vertical_tabcontent {
    float: left;
    width: calc(100% - 467px);
    height: 100%;
    overflow: hidden;
    padding: 10px;
}

.vertical_tab-header h3 {
    font-family: 'Roboto-Light';
    font-weight: 700;
    float: left;
    font-size: 20px;
    margin: 0;
    color: black;
    margin-left: 10px;
    padding: 0;
}

.vertical_tab-bar {
    height: 40px
}

    .vertical_tab-bar button {
        float: right;
        margin-right: 20px;
        margin-top: 5px;
    }

    .vertical_tab-bar label {
        font-size: 15px;
        float: right;
        margin-top: 10px;
        margin-right: 10px;
    }

#MusteriTab_odemeAl i:before {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    content: '₺';
    font-size: 25px;
    font-weight: 100;
    color: #ffffff;
    background-color: #388e3c;
    font-weight: 300;
    font-size: 20px;
    height: 35px;
    width: 35px;
    top: 0px;
    display: block;
    margin-left: 18px;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    margin-bottom: 3px;
}

#SatışDuzenleiptal_Buton {
    position: absolute;
    width: 100px;
    box-shadow: none;
    color: #ffffff;
    border-radius: 19px;
    right: 15px;
}



#Musteri_SiparisAl {
    background-color: #f8f9fa;
}

.SiparisUrunListe_style {
    overflow-y: visible;
    overflow-x: auto;
    white-space: nowrap;
    vertical-align: text-top;
    padding: 0;
    clear: both;
    border-spacing: 5px;
    margin-top: 65px;
    margin-bottom: 0;
    height: 130px;
}

    .SiparisUrunListe_style > li {
        position: relative;
        display: table-cell;
        border-radius: 5px;
        height: 100px;
        width: 85px;
        background-color: #ffffff;
        border: 1px solid #cdd0da;
        cursor: pointer;
        overflow: hidden;
        text-align: center;
    }

        .SiparisUrunListe_style > li:active {
            background-color: #e2e2e2;
        }

        .SiparisUrunListe_style > li ic:before {
            font-family: 'icomoon';
            font-size: 60px;
            position: relative;
            top: 5px;
        }

        .SiparisUrunListe_style > li ad {
            font-family: 'Roboto-Light';
            font-size: 12px;
            text-overflow: ellipsis;
            position: relative;
            top: 0;
            display: block;
            overflow: hidden;
            white-space: nowrap;
            width: 80px;
            color: #000000;
            text-align: center;
        }

        .SiparisUrunListe_style > li tu {
            font-size: 12px;
            font-weight: 600;
            text-overflow: ellipsis;
            position: relative;
            top: 0;
            display: block;
            overflow: hidden;
            white-space: nowrap;
            width: 80px;
            color: #000000;
            margin-top: -6px;
        }



#SiparisTexboxContent, #direkt_satis_TexboxContent {
    margin-top: -20px;
    margin-left: 10px;
    width: calc(100% - 22px);
    position: relative;
    display: inline-block;
    overflow: hidden;
    height: auto;
    padding-bottom: 5px;
}

    #SiparisTexboxContent .bilgilendirme, #direkt_satis_TexboxContent .bilgilendirme {
        font-family: 'Roboto-Light';
        margin-bottom: 5px;
        font-size: 11px;
        color: #004eca;
    }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #bfbfbf;
    font-size: 11px;
}

#SiparisTexboxContent button, #direkt_satis_TexboxContent button {
    box-shadow: none;
    color: #ffffff;
    border-radius: 19px;
    text-transform: none;
    float: right;
}

#SiparisTexboxContent .iskontobuton,
#SiparisTexboxContent .odemebuton,
#direkt_satis_TexboxContent .iskontobuton,
#direkt_satis_TexboxContent .odemebuton {
    float: left;
    height: 34px;
    width: 34px;
    min-width: 0;
    background-color: #d856a6;
    overflow: hidden;
    margin-right: 5px;
    margin-left: -35px;
}

#SiparisTexboxContent .odemebuton,
#direkt_satis_TexboxContent .odemebuton {
    background-color: #00bd1c;
}

#SiparisTexboxContent .iskontobuton:before,
#direkt_satis_TexboxContent .iskontobuton:before {
    font-family: 'Material Icons';
    content: 'arrow_downward';
    font-size: 22px;
    position: relative;
    left: -10px;
}

#SiparisTexboxContent .odemebuton:before,
#direkt_satis_TexboxContent .odemebuton:before {
    content: '₺';
    font-size: 22px;
    position: relative;
    left: -6px;
}

#SiparisTexboxContent .iskontoinput,
#SiparisTexboxContent .odemeinput,
#direkt_satis_TexboxContent .iskontoinput,
#direkt_satis_TexboxContent .odemeinput {
    float: left;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 13px;
    width: 57px;
    border: none;
    height: 30px;
    border-radius: 16px;
    overflow: hidden;
    text-indent: 5px;
    padding-right: 10px;
    background-color: #ffffff;
    border: 1px solid #cdd0da;
    padding-right: 45px;
}

#SiparisTexboxContent .postbuton {
    float: left;
    height: 34px;
    width: 34px;
    min-width: 34px;
    background-color: #f57000;
    text-align: center;
    margin-right: 5px;
}

    #SiparisTexboxContent .postbuton:before {
        content: "P";
        color: #ffffff;
        font-size: 22px;
        margin-left: -6px;
    }

#SiparisTexboxContent .borcbuton, #direkt_satis_TexboxContent .borcbuton {
    float: left;
    height: 34px;
    width: 34px;
    min-width: 34px;
    background-color: #1385b7;
    text-align: center;
}

    #SiparisTexboxContent .borcbuton:before, #direkt_satis_TexboxContent .borcbuton:before {
        content: "B";
        color: #ffffff;
        font-size: 22px;
        margin-left: -6px;
    }

#SiparisTexboxContent .aciklamainput,
#direkt_satis_TexboxContent .aciklamainput {
    float: left;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 13px;
    width: 180px;
    border: none;
    border: 1px solid #cdd0da;
    height: 30px;
    border-radius: 30px;
    overflow: hidden;
    text-indent: 10px;
    margin-left: 10px;
}

#SiparisEklenenListe .temizle,
#direkt_satis_EklenenListe .temizle {
    float: right;
    color: #f57000;
    position: relative;
    top: 90px;
    z-index: 9999;
    right: 15px;
}







#SiparisFooter {
    padding: 10px;
    width: calc(100% - 22px);
    position: relative;
    overflow: hidden;
    min-height: 50px;
    margin-top: -5px;
    height: 50px;
}

    #SiparisFooter #SatısTarihi_input, #DirektSatisHesap_input {
        width: 180px;
        float: right;
        margin-right: 10px;
        border: none;
        height: 25px;
        border-radius: 6px;
        cursor: pointer;
        font-size: 20px;
        background-color: #ffffff;
        padding: 5px;
        color: #000000;
    }
#SatısTarihi_input:focus, #SiparisErteleSaati_input:focus, #DirektSatisHesap_input:focus {
    color: #000000;
}
    #SiparisErteleSaati_input {
        width: 70px;
        float: right;
        margin-right: 10px;
        border: none;
        height: 25px;
        border-radius: 6px;
        cursor: pointer;
        font-size: 20px;
        background-color: #ffffff;
        padding: 5px;
        color: #000000;
    }
   
    #SiparisFooter i {
        float: right;
        margin-right: 1px;
        font-size: 35px;
        color: #00a9ff;
        cursor: pointer;
    }

    #SiparisFooter strong {
        width: auto;
        height: 34px;
        float: left;
        font-size: 20px;
        color: #0087ed;
        line-height: 34px;
        text-indent: 10px;
        border-radius: 16px;
        padding-right: 10px;
    }

    #SiparisFooter fazlaodeme {
        width: auto;
        height: 30px;
        float: left;
        font-size: 18px;
        color: black;
        line-height: 30px;
        text-indent: 10px;
        border-radius: 16px;
        padding-right: 10px;
    }

        #SiparisFooter fazlaodeme:before {
            font-family: 'Material Icons';
            content: 'reply_all';
            font-size: 15px;
            position: relative;
            left: -5px;
            background-color: #0072ff;
            border-radius: 20px;
            color: #ffffff;
            padding: 5px;
        }

    #SiparisFooter button {
        width: 100px;
        box-shadow: none;
        color: #ffffff;
        border-radius: 19px;
        text-transform: none;
        margin-top: 0;
        float: right;
    }

#SiparisEklenenListe sp:empty + #SiparisFooter,
#direkt_satis_EklenenListe sp:empty + #SiparisFooter {
    pointer-events: none;
    opacity: 0.4;
}

    #SiparisEklenenListe sp:empty + #SiparisFooter .Toplamlar,
    #direkt_satis_EklenenListe sp:empty + #SiparisFooter .Toplamlar {
        display: none;
    }





#SiparisEklenenListe, #direkt_satis_EklenenListe {
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: auto;
}

    #SiparisEklenenListe sp, #direkt_satis_EklenenListe sp {
        padding: 10px;
        left: 10px;
        width: calc(100% - 42px);
        position: relative;
        display: inline-block;
        border-radius: 5px;
        background-color: #ffffff;
        border: 1px solid #cdd0da;
        overflow: auto;
        min-height: 160px;
        max-height: 160px;
    }


#MusteriTab_ozet i {
    color: #00d1e6;
}

#MusteriTab_HesapHareketleri i {
    color: #5c5c5c;
}

#MusteriTab_SiparisEkle i {
    color: #ff6500;
}

#MusteriTab_SatısYap i {
    color: #00a12b;
}

#MusteriTab_FazlaOdeme i {
    color: #0072ff;
}

#MusteriTab_Notlar i {
    color: #c116a3;
}

#MusteriTab_Bosurunler i {
    color: #8e8e8e;
}
    #MusteriTab_Bosurunler i[bs]:before {
        background-color: #E91E63;
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        color: #ffffff;
        content: attr(bs);
        position: absolute;
        top: 5px;
        right: 5px;
        font-size: 12px;
        z-index: 2222;
        width: 20px;
        border-radius: 30px;
        height: 20px;
        line-height: 20px;
    }
#MusteriTab_GidenSms i {
    color: #2196f3;
}



#MusteriListesiPopup .MusteriListesi_Content {
    position: absolute;
    width: 500px;
    height: calc(100% - 15px);
    overflow: hidden;
    display: inline-block;
    background-color: #eaeaea;
    right: 10px;
    padding-left:10px;
}
        #MusteriListesiPopup  .contentHeaderText {
            padding: 5px;margin-top:4px;
            color: #8f8e8e;
        }
#MusteriListesiPopup .MusteriListesi_Filtre_Content {
    display: inline-block;
    position: relative;
    width: 430px;
    height: calc(100%);
    overflow: auto;
    background-color: #f2f2f2;
}
#MusteriListesiPopup .ListHeader  {
    border : none;
    height:45px;
    margin-top:-5px;
}
    #MusteriListesiPopup .ListHeader .Buton_cell {
       min-width:120px;
       text-align:right;
       padding-right:20px;
    }
#MusteriListesiPopup .ListHeader table {
    
    background-color: rgba(242, 242, 242, 0.00);
}
    #MusteriListesiPopup .ListHeader .AramaBar input {
        background-color: rgb(212, 212, 212);
    }

        #MusteriListesiPopup  .AramaBar input:focus {
            background-color: #ffffff;
        }

    #MusteriListesiPopup .ListHeader.AramaBar a {
        color: #4e4e4e;
       
    }

#MusteriListesiMusteriEkleButon {
    position: absolute;
    right: 15px;
    top: 3px;
    height: 40px;
    max-width:40px !important ;
    border-radius: 25px;
    background: #1a3347;
    text-indent: 30px;
    z-index:99999
}

    #MusteriListesiMusteriEkleButon i {
        position: absolute;

    }

        #MusteriListesiMusteriEkleButon i:before {
            position: absolute;
            margin-left: -50px;
            top: -18px;
            content: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2236%22 height=%2236%22 viewBox=%220 0 36 36%22%3E%3Cpath fill=%22%2334A853%22 d=%22M16 16v14h4V20z%22/%3E%3Cpath fill=%22%234285F4%22 d=%22M30 16H20l-4 4h14z%22/%3E%3Cpath fill=%22%23FBBC05%22 d=%22M6 16v4h10l4-4z%22/%3E%3Cpath fill=%22%23EA4335%22 d=%22M20 16V6h-4v14z%22/%3E%3Cpath fill=%22none%22 d=%22M0 0h36v36H0z%22/%3E%3C/svg%3E')
        }
.smsgonder button {
    background-color: #006bff;
    color: #ffffff;
    box-shadow:none;
    border-radius:50px;
}
.smsgonder button:hover {
    background-color: #0062ea;
}
#MusteriListesi_Liste {
    overflow-y: visible;
    overflow-x: auto;
    vertical-align: text-top;
    margin: 0;
    padding: 0;
    clear: both;
    border-spacing: 5px;
    height: calc( 100% - 78px);
    width: calc( 100% - 22px);
    position: absolute;
}

    #MusteriListesi_Liste:empty::before {
        font-family: 'Material Icons';
        content: 'data_usage';
        font-size: 60px;
        color: #b6b6b6;
        width: 180px;
        height: 40px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -90px;
        margin-top: -22px;
        text-align: center;
    }

    #MusteriListesi_Liste:empty::after {
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        font-size: 12px;
        content: attr(data-empty-text);
        color: #9d9d9d;
        width: 180px;
        height: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -90px;
        margin-top: 22px;
        text-align: center;
        line-height: 15px;
    }

    #MusteriListesi_Liste > li {
        position: relative;
        height: 49px;
        font-size: 12px;
        background-color: #ffffff;
        border-bottom: 1px dotted #f7f7f7;
        cursor: pointer;
        overflow: hidden;
        margin:3px;
        border-radius:5px;
    }


        #MusteriListesi_Liste > li ic {
            position: absolute;
            border-radius: 50%;
            top: 5px;
            left: 10px;
            text-align: center;
            background-color: #ebebeb;
            color: rgb(0, 0, 0);
            width: 40px;
            height: 40px;
            border-radius: 20px;
        }

        #MusteriListesi_Liste > li[dr="1"] ic {           
            color: #1f1f2a;
            background-color:#f3d76a;
        }

        #MusteriListesi_Liste > li[s="1"] ic {
            color: #ffffff;
            background-color: #00a1ff;
        }
        #MusteriListesi_Liste > li[s="0"] ic:before {
            font-family: 'Material Icons';
            content: 'remove';
            font-weight: 700;
            font-size: 25px;
            position: relative;
            top: 8px;
        }
        #MusteriListesi_Liste > li[s="1"] ic:before {
            font-family: 'Material Icons';
            content: 'done';
            font-weight: 700;
            font-size: 25px;
            position: relative;
            top: 8px;
        }
        #MusteriListesi_Liste > li ic:before {
            font-family: 'Material Icons';
            content: 'person';
            font-weight: 700;
            font-size: 25px;
            position: relative;
            top: 8px;
        }

        #MusteriListesi_Liste > li ic as {
            position: absolute;
            top: 0;
            left: 25px;
            text-align: center;
            color: #ffffff;
            line-height: 21px;
            font-size: 13px;
            background-color: #ff0000;
            width: 20px;
            height: 20px;
            border-radius:10px;
        }

        #MusteriListesi_Liste > li ad {
            font-family: 'Roboto-Condensed';
            font-size: 16px;
            text-overflow: ellipsis;
            position: relative;
            top: 5px;
            left:60px;
            display: block;
            overflow: hidden;
            white-space: nowrap;
            color: #000000;
            text-transform: capitalize;
        }
        
        #MusteriListesi_Liste > li adr {
            font-family: 'Roboto-light';
            font-size: 13px;
            text-overflow: ellipsis;
            position: relative;
            top: -1px;
            left: 60px;
            display: block;
            overflow: hidden;
            white-space: nowrap;
            color: #000000;
            text-transform: capitalize;
            letter-spacing:0.3px;
            width:80%;
        }



        #MusteriListesi_Liste > li no {
            font-family: 'Roboto-Regular';
            font-size: 13px;
            text-overflow: ellipsis;
            position: relative;
            top: -9px;
            left: 60px;
            display: block;
            overflow: hidden;
            white-space: nowrap;
            color: #01817d;
        }

        #MusteriListesi_Liste > li bk {
            font-family: "Roboto", "Helvetica", "Arial", sans-serif;
            font-size: 12px;
            color: #000000;
            position: absolute;
            right: 3px;
            top: -1px;
            line-height: 18px;
            margin-right: 5px;
            margin-top: 8px;
            border-radius: 18px;
            padding: 0 6px 0 3px;
            text-indent: 3px;
            color: #949494;
        }
        #MusteriListesi_Liste > li fo {
            margin-left:10px;
            color: #fc6400;
        }

#MüsteriListeleriFormu div {
    height: 40px;
    margin-bottom: 5px;
    width: 100%;
    background-color: #b0b0b0;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
}
    #MüsteriListeleriFormu div:hover {
        background-color: #969696;
    }
    #MüsteriListeleriFormu div:active {
        background-color: #b0b0b0;
    }
#MüsteriListeleriFormu div he {
    height: 10px;
    margin-left: 10px;
    line-height: 40px;
    font-size: 14px;
    color: #000000;
}
#MüsteriListeleriFormu div sa {
    font-size: 13px;
    top: 15px;
    position: absolute;
    right: 10px;
    top: 2px;
    overflow: hidden;
    text-align: right;
}
    #MüsteriListeleriFormu div tu {
        font-weight: 600;
        font-size: 14px;
        color: #000000;
        position: absolute;
        right: 10px;
        top: 15px;
        overflow: hidden;
        text-align:right;
    }
.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    outline: 0;
    border-radius:5px;
}
.scrolable{
    overflow :auto
        
}
.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 5px 10px 10px 10px;
    background: none;
    overflow: hidden;
    background-color: #ffffff;
    border-radius: 0 0 5px 5px;
}
.ui-widget.ui-widget-content {
    border: none;
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
   
}
.ui-dialog .ui-dialog-titlebar {
    position: relative;
    height: 22px;
}

.ui-dialog .ui-dialog-title {
    position: absolute;
    float: left;
    font-size: 18px;
    user-select: none;
    font-family: inherit;
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    top:8px;
}
.ui-widget-content {
    border: 1px solid #1a3347;
    background: #333333;
    color: #333333;
   
}

    .ui-widget-content a {
        color: #333333;
    }

.ui-widget-header {
    border: none;
    background: #ffffff;
    color: #333333;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

    .ui-widget-header a {
        color: #333333;
    }

.ui-widget-overlay {
    background-color: #444;
    opacity: 0;
    transition: opacity .7s;


}
.ui-icon {
  
    width: 16px;
    height: 16px;
}

.ui-dialog-titlebar-close {
    min-width: 25px;
    min-height: 25px;
    background:none;
    border:none;
    
}
    .ui-dialog-titlebar-close:before {
        font-family: 'Material Icons';
        content: 'close';
        min-width: 25px;
        min-height: 25px;
        position: absolute;
        top: 2px;
        right: 0;
        color: #1f1f2a;
        text-indent: 0;
        font-size: 22px;
        margin-right:5px;
    }

#importExcelPopup .headercontent {
    display: block;
    height: 65px;
    background-color: #d0d0d0;
    margin-top:-25px;
}
#importExcelPopup #viewfile {
    background-color: #434847;
    border-radius: 4px;
}

#importExcelPopup .headercontent button {
    position: absolute;
    right: 30px;
    background-color: #f2006f;
    color: #ffffff;
}
#importExcelPopup .headercontent a {
    display:inline;
    width:100px;
    margin-left:20px;
}
#importExcelPopup .TableContent {
    display: block;
    height: calc(100% - 45px);
    background-color: rgb(241, 241, 241);
}





table.paleBlueRows {
    border: 1px solid #4f4f4f;
    width: 100%;
    height: 20px;
    text-align: center;
    border-collapse: collapse;
}

    table.paleBlueRows td, table.paleBlueRows th {
        border: 1px solid rgb(215, 215, 215);
        padding: 3px 2px;
        text-transform:capitalize;
    }
    table.paleBlueRows tr {
       cursor:pointer
    }
        table.paleBlueRows tr:hover, table.paleBlueRows tr:nth-child(even):hover {
            background: #e1e1e1;
        }
    table.paleBlueRows tbody td {
        font-size: 13px;
    }
    table.paleBlueRows tbody th {
        font-size: 13px;
        background: #235f5f;
        color: #FFFFFF;
    }
   

    table.paleBlueRows thead {
        background: #0B6FA4;
        border-bottom: 5px solid #FFFFFF;
    }

     
 

#UrunlerPopup-popup {
    height: calc(100vh - 45px);
    width: 450px;
    max-height: 750px;
    background-color: #ffffff;
}

#UrunlerPopup .PopupContainer {
    display: block;
    position: fixed;
    width: 450px;
    height: calc(100% - 48px);
    background-color: #f1f1f1;
    overflow: hidden;
}



#urunler_Liste, #urunlerHirdavat_Liste, #FavoriUrunler_Liste {
    padding: 0;
    list-style: none;
    height: calc(100% - 49px);
    overflow: auto;
    width: 450px;
    margin-top: 0px;
    background-color: #ffffff;
    position: absolute;
}

    #urunler_Liste:empty::before, #urunlerHirdavat_Liste:empty::before, #FavoriUrunler_Liste:empty::before {
        font-family: 'Material Icons';
        content: 'data_usage';
        font-size: 60px;
        color: #b6b6b6;
        width: 180px;
        height: 40px;
        position: absolute;
        top: 50%;
        margin-left: 130px;
        margin-top: -22px;
        text-align: center;
    }

    #urunler_Liste:empty::after, #urunlerHirdavat_Liste:empty::after, #FavoriUrunler_Liste:empty::after {
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        font-size: 12px;
        content: attr(data-empty-text);
        color: #9d9d9d;
        width: 180px;
        height: auto;
        position: absolute;
        top: 50%;
        margin-left: 130px;
        margin-top: 22px;
        text-align: center;
        line-height: 15px;
    }

    #urunler_Liste > li, #urunlerHirdavat_Liste > li, #FavoriUrunler_Liste > li {
        position: relative;
        cursor: default;
        min-height: 55px;
        width: calc(100% - 2px);
        overflow: hidden;
        display: block;
        height: auto !important;
        cursor: pointer;
        background-color: #ffffff;
        border-bottom: 1px solid #f3f3f3
    }

        #urunler_Liste > li ic, #urunlerHirdavat_Liste > li ic, #FavoriUrunler_Liste > li ic {
            position: absolute;
            font-size: 55px;
            margin-left: 4px;
            margin-left: 4px;
        }
           
        /*#widget_Stok_Liste > li:nth-child(even) {
            background-color: rgba(0, 0, 0, 0.07);
        }*/

        #urunler_Liste > li b, #urunlerHirdavat_Liste > li b, #FavoriUrunler_Liste > li b {
            font-family: 'Roboto-Condensed';
            text-overflow: ellipsis;
            position: absolute;
            top: 5px;
            line-height: 24px;
            display: flex;
            overflow: hidden;
            white-space: nowrap;
            color: rgb(0, 0, 0);
            font-size: 15px;
            font-weight: 500;
            text-transform: capitalize;
            margin-left: 65px;
        }
        #urunlerHirdavat_Liste > li b {
            top: 15px;
        }
        #urunler_Liste > li c {
            display: inline-block;
            position: relative;
            top: 28px;
            color: #636363;
            margin-left: 85px;
            margin-right: 10px;
        }
        #urunlerHirdavat_Liste > li c {
            display: none;
        }
         
            #urunler_Liste > li c:before {
                font-family: 'Material Icons';
                content: 'fiber_manual_record';
                font-size: 20px;
                position: absolute;
                text-indent: -23px;
                color: #86b764;
                font-weight: 500;
              
            }

        #urunler_Liste > li d {
            display: inline-block;
            position: absolute;
            top: 28px;
            color: #000000;
            text-indent: 21px;
        }
        #urunlerHirdavat_Liste > li d {
            display: none;
           
        }
        #urunler_Liste > li ttr, #urunlerHirdavat_Liste > li ttr {
            display: inline-block;
            position: absolute;
            top: 15px;
            right: 20px;
            color: #000000;
            text-indent: 21px;
        }


        #urunler_Liste > li d:before{
            font-family: 'Material Icons';
            content: 'radio_button_unchecked';
            font-size: 15px;
            position: absolute;
            text-indent: -20px;
            color: #e46839;
        }

        #urunler_Liste > li m{
            display: inline-block;
            position: absolute;
            top: 28px;
            color: #636363;
            text-indent: 61px;
        }
        #urunlerHirdavat_Liste > li m {
            display: none;
        }
            #urunler_Liste > li m:before {
                font-family: 'Material Icons';
                content: 'person';
                font-size: 15px;
                position: absolute;
                text-indent: -20px;
                color: #68a0e6;
            }

#UrunEkleButon, #UrunEkleButonHirdavat, #FavoriUrunEkleButon {
    position: absolute;
    bottom: 20px;
    right: 20px;
    opacity: 0.6;
}
 #FavoriUrunEkleButon {
    
    opacity: 1;
}

    #UrunEkleButon:hover, #UrunEkleButonHirdavat:hover {
        opacity: 1;
    }

#FavoriUrunler_Liste > li fav:before {
    font-family: 'Material Icons';
    content: 'favorite';
    font-size: 20px;
    position: absolute;
    right: 20px;
    top: 10px;
    color: #bd00a2;
}
#FavoriUrunler_Liste > li {
    min-height: 45px;
}
    #FavoriUrunler_Liste > li b {
        top: 10px;
    }
#FavoriUrunler_Liste > li ic {  
    font-size: 35px;
    top: 3px;
    left: 10px;
}


.icon-picker-list {
    display: flex;
    flex-flow: row wrap;
    list-style: none;
    padding-left: 0;
}

    .icon-picker-list li {
        display: flex;
        flex: 0 0 20%;
        float: left;
        width: 20%;
        margin:5px;
        border-radius:5px;
        overflow:hidden;
       
    }

    .icon-picker-list a {
        background-color: #eeeeee;
        border: 1px solid #fff;
        color: black;
        display: block;
        flex: 1 1 auto;
        font-size: 12px;
        line-height: 1.4;
        min-height: 50px;
        padding: 10px;
        text-align: center;
        user-select: none;
        border-radius: 5px;
    }

        .icon-picker-list a:hover,
        .icon-picker-list a.active {
            background-color: #facfaf;
            color: rgb(0, 0, 0);
            cursor: pointer;
            text-decoration: none;
        }

    .icon-picker-list span {
        font-size: 44px;
        margin-bottom: 10px;
        margin-top: 5px;
    }

    .icon-picker-list .name-class {
        display: block;
        text-align: center;
        word-wrap: break-word;
    }
#GelirGiderHesapPopup .GelirGiderListe_Content {
    position: absolute;
    width: 500px;
    height: calc(100% - 15px);
    overflow: hidden;
    display: inline-block;
    background-color: #eaeaea;
    right: 10px;
    padding-left: 10px;
}
#GelirGiderHesapPopup .GelirGiderEkleButonlar {
    margin-top: 40px;
    border-radius: 10px;
  
}
#GelirGiderHesapPopup .GelirGiderEkleButonlar button{
  margin-right:10px;
}
#GelirGiderHesapPopup .contentHeaderText {
    padding: 5px;
    margin-top: 4px;
    color: #8f8e8e;
}

#GelirGiderHesapPopup .GelirGider_Filtre_Content {
    display: inline-block;
    position: relative;
    width: 430px;
    height: calc(100%);
    overflow: auto;
    background-color: #f2f2f2;
}

#GelirGiderHesapPopup .ListHeader {
    border: none;
    height: 45px;
    margin-top: -5px;
}

    #GelirGiderHesapPopup .ListHeader .Buton_cell {
        min-width: 120px;
        text-align: right;
        padding-right: 20px;
    }

    #GelirGiderHesapPopup .ListHeader table {
        background-color: rgba(242, 242, 242, 0.00);
    }

    #GelirGiderHesapPopup .ListHeader .AramaBar input {
        background-color: rgb(212, 212, 212);
    }

#GelirGiderHesapPopup .AramaBar input:focus {
    background-color: #ffffff;
}

#GelirGiderHesapPopup .ListHeader.AramaBar a {
    color: #4e4e4e;
}




#GelirGiderHesap_Liste {
    overflow-y: visible;
    overflow-x: auto;
    vertical-align: text-top;
    margin: 0;
    padding: 0;
    clear: both;
    border-spacing: 5px;
    height: calc( 100% - 78px);
    width: calc( 100% - 22px);
    position: absolute;
}

    #GelirGiderHesap_Liste:empty::before {
        font-family: 'Material Icons';
        content: 'data_usage';
        font-size: 60px;
        color: #b6b6b6;
        width: 180px;
        height: 40px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -90px;
        margin-top: -22px;
        text-align: center;
    }

    #GelirGiderHesap_Liste:empty::after {
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        font-size: 12px;
        content: attr(data-empty-text);
        color: #9d9d9d;
        width: 180px;
        height: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -90px;
        margin-top: 22px;
        text-align: center;
        line-height: 15px;
    }

    #GelirGiderHesap_Liste > li {
        position: relative;
        height: 49px;
        font-size: 12px;
        background-color: #ffffff;
        border-bottom: 1px dotted #f7f7f7;
        cursor: pointer;
        overflow: hidden;
        margin: 3px;
        border-radius: 5px;
    }
    #GelirGiderHesap_Liste > toplam {
       display:block;
        min-height: 10px;
        font-size: 17px;
        border-bottom: 1px dotted #f87c05;
        font-weight:700;
        overflow: hidden;
        margin: 3px;
       padding:10px;
        margin-bottom:20px;
        text-align:right
    }

        #GelirGiderHesap_Liste > li ic {
            position: absolute;
            border-radius: 50%;
            top: 5px;
            left: 10px;
            text-align: center;
            background-color: #ebebeb;
            color: rgb(0, 0, 0);
            width: 40px;
            height: 40px;
            border-radius: 20px;
        }

        #GelirGiderHesap_Liste > li[kt="Gelir"] ic {
            color: #ffffff;
            background-color: #00d024;
        }

            #GelirGiderHesap_Liste > li[kt="Gelir"] ic:before {
                content: '₺';
                font-weight: 200;
                font-size: 25px;
                position: relative;
                top: 8px;
            }

        #GelirGiderHesap_Liste > li[kt="Yemek"] ic {
            color: #ffffff;
            background-color: #3f51b5;
        }

            #GelirGiderHesap_Liste > li[kt="Yemek"] ic:before {
                font-family: 'Material Icons';
                content: 'restaurant_menu';
                font-weight: 700;
                font-size: 25px;
                position: relative;
                top: 8px;
            }

        #GelirGiderHesap_Liste > li[kt="Yakıt"] ic {
            color: #ffffff;
            background-color: #9c27b0;
        }

            #GelirGiderHesap_Liste > li[kt="Yakıt"] ic:before {
                font-family: 'Material Icons';
                content: 'local_gas_station';
                font-weight: 700;
                font-size: 25px;
                position: relative;
                top: 8px;
            }


        #GelirGiderHesap_Liste > li[kt="Kira"] ic {
            color: #ffffff;
            background-color: #FF5722;
        }

            #GelirGiderHesap_Liste > li[kt="Kira"] ic:before {
                font-family: 'Material Icons';
                content: 'store_mall_directory';
                font-weight: 700;
                font-size: 25px;
                position: relative;
                top: 8px;
            }
        #GelirGiderHesap_Liste > li[kt="Personel"] ic {
            color: #ffffff;
            background-color: #009688;
        }

            #GelirGiderHesap_Liste > li[kt="Personel"] ic:before {
                font-family: 'Material Icons';
                content: 'group';
                font-weight: 700;
                font-size: 25px;
                position: relative;
                top: 8px;
            }

        #GelirGiderHesap_Liste > li[kt="Muhasebe"] ic {
            color: #ffffff;
            background-color: #FF9800;
        }

            #GelirGiderHesap_Liste > li[kt="Muhasebe"] ic:before {
                font-family: 'Material Icons';
                content: 'business_center';
                font-weight: 700;
                font-size: 25px;
                position: relative;
                top: 8px;
            }

        #GelirGiderHesap_Liste > li[kt="Vergi"] ic {
            color: #ffffff;
            background-color: #03A9F4;
        }

            #GelirGiderHesap_Liste > li[kt="Vergi"] ic:before {
                font-family: 'Material Icons';
                content: 'import_contacts';
                font-weight: 700;
                font-size: 25px;
                position: relative;
                top: 8px;
            }

        #GelirGiderHesap_Liste > li[kt="Diğer"] ic {
            color: #ffffff;
            background-color: #9E9E9E;
        }

            #GelirGiderHesap_Liste > li[kt="Diğer"] ic:before {
                font-family: 'Material Icons';
                content: 'more_horiz';
                font-weight: 700;
                font-size: 25px;
                position: relative;
                top: 8px;
            }


        #GelirGiderHesap_Liste > li ad {
            font-family: 'Roboto-Condensed';
            font-size: 16px;
            text-overflow: ellipsis;
            position: relative;
            top: 5px;
            left: 60px;
            display: block;
            overflow: hidden;
            white-space: nowrap;
            color: #000000;
            text-transform: capitalize;
        }

        #GelirGiderHesap_Liste > li adr {
            font-family: 'Roboto-light';
            font-size: 13px;
            text-overflow: ellipsis;
            position: relative;
            top: -1px;
            left: 60px;
            display: block;
            overflow: hidden;
            white-space: nowrap;
            color: #000000;
            text-transform: capitalize;
            letter-spacing: 0.3px;
            width: 80%;
        }





        #GelirGiderHesap_Liste > li ttr {
            font-family: "Roboto", "Helvetica", "Arial", sans-serif;
            font-size: 12px;
            color: #000000;
            position: absolute;
            right: 3px;
            top: -1px;
            line-height: 18px;
            margin-right: 5px;
            margin-top: 8px;
            border-radius: 18px;
            padding: 0 6px 0 3px;
            text-indent: 3px;
            color: #949494;
        }

      


































#GeliGiderSıkKullanılanlar_Liste {
    list-style: none;
}

#GeliGiderSıkKullanılanlar_Liste {
    overflow-y: visible;
    overflow-x: auto;
    white-space: nowrap;
    vertical-align: text-top;
    padding: 0;
    clear: both;
    border-spacing: 5px;
    margin-top: 15px;
    margin-bottom: 0;
    height: 120px;
}

    #GeliGiderSıkKullanılanlar_Liste > li {
        position: relative;
        display: table-cell;
        border-radius: 5px;
        min-height: 75px;
        min-width: 75px;
        height: 75px;
        width: 75px;
        cursor: pointer;
        overflow: hidden;
        text-align: center;
    }

        #GeliGiderSıkKullanılanlar_Liste > li:hover {
            background-color: #eaeaea;
        }

        #GeliGiderSıkKullanılanlar_Liste > li:active {
            background-color: #e2e2e2;
        }


        #GeliGiderSıkKullanılanlar_Liste > li i {
            position: relative;
            border-radius: 50%;
            min-height: 55px;
            min-width: 55px;
            height: 55px;
            width: 55px;
            margin-top: 5px;
            background-color: #3e52a0;
            color: #ffffff;
            line-height: 55px;
            font-size: 30px;
        }

        #GeliGiderSıkKullanılanlar_Liste > li ad {
            display: block;
        }

#SMSPopup-popup {
    height: calc(100vh - 45px);
    width: 480px;
    max-height: 500px;
    background-color: #ffffff;
}

#SMSPopup .PopupContainer {
    display: block;
    position: fixed;
    width: 480px;
    height: calc(100% - 48px);
    background-color: #f2f2f2;
    overflow: hidden;
}
#SmsDurumLabel {
    margin-left: 20px;
    margin-top: 20px;
    font-size: 15px;
    color: #044e02;
}
 
#SMSYollaPopup-popup {
    height: calc(100vh - 45px);
    width: 480px;
    max-height: 650px;
    background-color: #ffffff;
}

#SMSYollaPopup .PopupContainer {
    display: block;
    position: fixed;
    width: 480px;
    height: calc(100% - 48px);
    background-color: #f2f2f2;
    overflow: hidden;
   
}
#SmsYollaMusteriAdı {
    color: #009aff;
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    border: 1px solid #e0e0e0;
    background: #ffffff;
    padding: 5px;
    border-radius: 5px;
}
#SMS_yolla_telefon_sec_listesi {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: auto;
    width: calc(100% - 35px);
    height: 110px;
    padding: 15px;
    border: 1px solid #e0e0e0;
    background: #ffffff;
    border-radius: 5px;
}



    #SMS_yolla_telefon_sec_listesi > li {
        position: relative;
        cursor: default;
        min-height: 0px;
        width: 200px;
        overflow: hidden;
        display: inline-block;
        height: 30px;
        padding: 0;
        cursor: pointer;
        margin: 2px;
        margin-top: -2px;
        background-color: #e4e4e4;
        border-radius: 55px;
    }

        #SMS_yolla_telefon_sec_listesi > li:active{
            background: #f1f3f4
        }

        #SMS_yolla_telefon_sec_listesi > li ic {
            position: absolute;
            border-radius: 50%;
            text-align: center;
            background-color: #7a7a7a;
            color: rgb(255, 255, 255);
            top: 0px;
            left: 0;
            min-width: 30px;
            height: 30px;
            border-radius: 40px;
        }

            #SMS_yolla_telefon_sec_listesi > li ic:before{
                font-family: 'Material Icons';
                content: 'remove';
                font-weight: 700;
                font-size: 20px;
                position: relative;
                top: 1px;
            }

        #SMS_yolla_telefon_sec_listesi > li[s="1"] ic::before{
            content: 'done';
        }

        #SMS_yolla_telefon_sec_listesi > li[s="1"] ic{
            color: #ffffff;
            background-color: #38a01f;
        }
        #SMS_yolla_telefon_sec_listesi > li ad {
            font-family: 'Roboto-Condensed';
            text-overflow: ellipsis;
            position: absolute;
            top: -1px;
            overflow: hidden;
            white-space: nowrap;
            color: #000000;
            font-size: 14px;
            font-weight: 700;
            text-transform: capitalize;
            margin-left: -10px;
            width: calc(100% - 55px)
        }
        #SMS_yolla_telefon_sec_listesi > li b {
            font-family: 'Roboto-Condensed';
            text-overflow: ellipsis;
            position: absolute;
            top: 10px;
            overflow: hidden;
            white-space: nowrap;
            color: #000000;
            font-size: 12px;
            font-weight: 500;
            text-transform: capitalize;
            margin-left: 35px;
            width: calc(100% - 55px)
        }

    #SMS_yolla_telefon_sec_listesi:empty::before {
        font-family: 'Material Icons';
        content: 'data_usage';
        font-size: 60px;
        color: #b6b6b6;
        width: 180px;
        height: 40px;
        position: relative;
        top: 30px;
        left: 50%;
        margin-left: -40px;
        margin-top: -22px;
        text-align: center;
    }

    #SMS_yolla_telefon_sec_listesi:empty::after {
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        font-size: 12px;
        content: attr(data-empty-text);
        color: #9d9d9d;
        width: 100%;
        height: auto;
        position: relative;
      
        margin-left: -140px;
        margin-top: 20px;
        text-align: center;
        line-height: 15px;
    }
#smsCount {
    width: auto;
    height: auto;
    position: relative;
    margin-left: 0px;
    margin-top: 5px;
    line-height: 5px;
    margin-bottom: 5px;
    display: inline-block;

}
#smsLength {
    width: auto;
    height: auto;
    position: relative;
    margin-left: 0px;
    margin-top: 5px;
    line-height: 5px;
    display: inline-block;
}
    #smsLength::before {
        content: ' / ';
     margin:5px;
    }
#PersonellerPopup-popup {
    height: calc(100vh - 45px);
    width: 450px;
    max-height: 750px;
    background-color: #ffffff;
}

#PersonellerPopup .PopupContainer {
    display: block;
    position: fixed;
    width: 450px;
    height: calc(100% - 48px);
    background-color: #f1f1f1;
    overflow: hidden;
}



#Personeller_Liste {
    padding: 0;
    list-style: none;
    height: calc(100% - 49px);
    overflow: auto;
    width: 450px;
    margin-top: 0px;
    background-color: #ffffff;
    position: absolute;
}

    #Personeller_Liste:empty::before{
        font-family: 'Material Icons';
        content: 'data_usage';
        font-size: 60px;
        color: #b6b6b6;
        width: 180px;
        height: 40px;
        position: absolute;
        top: 50%;
        margin-left: 130px;
        margin-top: -22px;
        text-align: center;
    }

    #Personeller_Liste:empty::after{
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        font-size: 12px;
        content: attr(data-empty-text);
        color: #9d9d9d;
        width: 180px;
        height: auto;
        position: absolute;
        top: 50%;
        margin-left: 130px;
        margin-top: 22px;
        text-align: center;
        line-height: 15px;
    }

    #Personeller_Liste > li{
        position: relative;
        cursor: default;
        min-height: 55px;
        width: calc(100% - 2px);
        overflow: hidden;
        display: block;
        height: auto !important;
        cursor: pointer;
        background-color: #ffffff;
        border-bottom: 1px solid #f3f3f3
    }

        #Personeller_Liste > li ic {
            position: absolute;
            border-radius: 50%;
            top: 5px;
            left: 10px;
            text-align: center;
            color: rgb(255, 255, 255);
            width: 40px;
            height: 40px;
            border-radius: 20px;
        }
            #Personeller_Liste > li ic:before {
                font-family: 'Material Icons';
                content: 'person';
                font-size: 22px;
                position: relative;
                top: 8px;
               
            }
        /*#widget_Stok_Liste > li:nth-child(even) {
            background-color: rgba(0, 0, 0, 0.07);
        }*/

        #Personeller_Liste > li b{
            font-family: 'Roboto-Condensed';
            text-overflow: ellipsis;
            position: absolute;
            top: 5px;
            line-height: 24px;
            display: flex;
            overflow: hidden;
            white-space: nowrap;
            color: rgb(0, 0, 0);
            font-size: 15px;
            font-weight: 500;
            text-transform: capitalize;
            margin-left: 65px;
        }

        #urunlerHirdavat_Liste > li b {
            top: 15px;
        }

        #Personeller_Liste > li c {
            display: inline-block;
            position: relative;
            top: 28px;
            color: #636363;
            margin-left: 65px;
            margin-right: 10px;
        }

        #urunlerHirdavat_Liste > li c {
            display: none;
        }

       

        #Personeller_Liste > li d {
            display: inline-block;
            position: absolute;
            top: 28px;
            color: #000000;
            text-indent: 21px;
        }

        #urunlerHirdavat_Liste > li d {
            display: none;
        }

        #Personeller_Liste > li ttr{
            display: inline-block;
            position: absolute;
            top: 15px;
            right: 20px;
            color: #000000;
            text-indent: 21px;
        }


        #Personeller_Liste > li d:before {
            font-family: 'Material Icons';
            content: 'radio_button_unchecked';
            font-size: 15px;
            position: absolute;
            text-indent: -20px;
            color: #e46839;
        }

        #Personeller_Liste > li m {
            display: inline-block;
            position: absolute;
            top: 28px;
            color: #636363;
            text-indent: 61px;
        }

        #urunlerHirdavat_Liste > li m {
            display: none;
        }

        #Personeller_Liste > li m:before {
            font-family: 'Material Icons';
            content: 'person';
            font-size: 15px;
            position: absolute;
            text-indent: -20px;
            color: #68a0e6;
        }

#PersonelEkleButon {
    position: absolute;
    bottom: 20px;
    right: 20px;
    opacity: 0.6;
}



#PersonelEkleButon:hover {
    opacity: 1;
}



.icon-picker-list {
    display: flex;
    flex-flow: row wrap;
    list-style: none;
    padding-left: 0;
}

    .icon-picker-list li {
        display: flex;
        flex: 0 0 20%;
        float: left;
        width: 20%;
        margin: 5px;
        border-radius: 5px;
        overflow: hidden;
    }

    .icon-picker-list a {
        background-color: #eeeeee;
        border: 1px solid #fff;
        color: black;
        display: block;
        flex: 1 1 auto;
        font-size: 12px;
        line-height: 1.4;
        min-height: 50px;
        padding: 10px;
        text-align: center;
        user-select: none;
        border-radius: 5px;
    }

        .icon-picker-list a:hover,
        .icon-picker-list a.active {
            background-color: #facfaf;
            color: rgb(0, 0, 0);
            cursor: pointer;
            text-decoration: none;
        }

    .icon-picker-list span {
        font-size: 44px;
        margin-bottom: 10px;
        margin-top: 5px;
    }

    .icon-picker-list .name-class {
        display: block;
        text-align: center;
        word-wrap: break-word;
    }

:root {
    --primary: #ffffff;
    --primary-dark: #ffffff;
    --primary-light: #eeeeee;
    --primary-accent: rgb(210, 210, 210);
    --primary-second-dark: #e5e5e5;
    --text-dark: #1d1d1d;
    --text-light: rgba(114, 114, 114, 0.69);
    --listview-hover: #f6f6f6;
    --listview-border: #ebebeb;
    --listview-select: #FFEBEE;
    --badge: #e91e2a;
    --badge-text: #ffffff;
    --drawer-backg: #191c20;
    --drawer-icon: #00abca;
    --drawer-text: #dbdbdb;
    --overlay: #525252;
    --input-placeholder: #7a7a7a;
    --box-shadow: #5e4b85;
}
body {
    overflow: hidden;
}
button, input, a {
    outline: none;
    color: var(--text-dark);
}

::-webkit-input-placeholder {
    color: var(--input-placeholder);
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.SonucYok {
    width: 100%;
    font-size: 16px;
    text-align: center;
    color: #ff0000

}

.widgetPersonelSelect {
    height: 30px;
    font-size: 11px;
    text-transform: capitalize;
}
    .widgetPersonelSelect option {
        text-transform: capitalize;
        font-size: 11px;
    }

.background_selected {
    background-color: #FFEBEE !important;
}

.listview {
    list-style: none;
    margin: 0;
    padding: 0;
    clear: both;
}

    .listview li {
        position: relative;
        font-size: 12px;
        cursor: pointer;
        overflow: hidden;
        border-bottom: 1px dotted var(--listview-border);

    }

    .listview > li:hover {
        background-color: var(--listview-hover);
    }

    .listview:empty::before {
        font-family: 'Material Icons';
        content: 'data_usage';
        font-size: 50px;
        color: var(--primary-light);
        position: absolute;
        top: 50%;
        left: 50%;
        width: 50px;
        height: 60px;
        transform: translate(-50%,-50%);
    }

    .listview:empty::after {
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        content: attr(data-empty-text);
        font-size: 13px;
        color: var(--primary-light);
        position: absolute;
        top: 50%;
        left: 50%;
        width: 80px;
        height: 10px;
        text-align: center;
        margin-top: 10px;
        transform: translate(-50%,-50%);
    }


/*#region JsConfirm--- MesajBox */
/*.jconfirm .jconfirm-box {
    background: var(--primary-dark);
    padding: 0 0 0;
}
    .jconfirm .jconfirm-box div.jconfirm-content-pane {
        background: var(--primary-dark);
        margin-bottom:-5px;
      
    }
.jconfirm.jconfirm-white .jconfirm-box, .jconfirm.jconfirm-light .jconfirm-box {
    -webkit-box-shadow: 0 0 23px var(--box-shadow);
    box-shadow: 0 0 16px var(--box-shadow);
    border-radius: 3px;
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon {
    color: var(--text-dark);
    z-index: 999;
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
    color: var(--text-dark);
  
}*/
.jconfirm .jconfirm-box div.jconfirm-title-c {
    padding-bottom: 0;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane {
    background: var(--primary-dark);
}
/*#endregion */


.PopupActionBar {
    height: 35px;
    padding: 2px;
    color: #000000;
    width: calc(100% - 6px);
    margin-right: 20px;
    z-index: 9;
    background-color: #fff;
    padding-right: 15px;
}

.PopupActionBar_title {
    float: left;
    font-size: 18px;
    margin: 7px;
    user-select: none;
    font-family: inherit;
    display: inline-block;
    vertical-align: middle;
}

.PopupActionBar button {
    float: right;
}

    .PopupActionBar button i {
        font-size: 25px;
    }

/*#region ScrollBar */
::-webkit-scrollbar {
    width: 5px;
    position: absolute;
    height: 5px;
}

    ::-webkit-scrollbar:hover {
        width: 13px;
    }

::-webkit-scrollbar-track {
    right: 12px;
}

    ::-webkit-scrollbar-track:hover {
        background-color: #000000;
        padding-right: 22px;
    }

::-webkit-scrollbar-thumb {
    background-color: var(--primary-accent);
    border-radius: 10px;
}


/*#endregion */
/*#region Sipariş Liste */



.jconfirm-content #Siparis_Liste {
    position: relative;
    border-radius: 5px;
    margin-top:20px;
    overflow:hidden;
}
#PersonelSelectListe {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}

    #PersonelSelectListe li {
        float: left;
        cursor: pointer;
        background-color: #9a9a9a;
        margin-left: 5px;
        /* padding: 0 8px 0 8px; */
        border-radius: 50px;
        display: inline-block;
        width: 35px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        color: #ffffff;
    }

    #PersonelSelectListe .personel_select {
        background-color: #388e3c;
        color: #e9e9e9;
    }

    #PersonelSelectListe li b {
        text-transform: capitalize;
        font-weight: 300;
    }
#Siparis_Liste > li {
    position: relative;
    cursor: pointer;
    min-height: 10px;
    height: auto;
    width: 100%;
    overflow: hidden;
    padding-top: 35px;
    background-color: #ffffff;
    border-bottom: 1px solid #f8f8f8;
}

.jconfirm-content #Siparis_Liste li {
    pointer-events: none;
    background-color: #ffeaea;
}

#Siparis_Liste > li:hover {
    background-color: #f6f6f6;
}

#Siparis_Liste > li ad {
    font-family: 'Roboto-Condensed';
    font-size: 19px;
    font-weight: 100;
    text-overflow: ellipsis;
    position: absolute;
    top: 5px;
    left: 65px;
    line-height: 24px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    width: calc(100% - 140px);
    color: #000000;
    letter-spacing: -.01em;
    text-transform: capitalize;
}

#Siparis_Liste adr {
    font-family: 'Roboto-Regular';
    font-weight: 300;
    position: absolute;
    top: 23px;
    text-align: left;
    font-size: 12px;
    color: #717c9b;
    cursor: pointer;
    text-indent: 10px;
    padding-left: 55px;
    white-space: nowrap;
    width: calc(100% - 140px);
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
}

    #Siparis_Liste adr adres {
        text-transform: capitalize;
        padding-left: 10px;
    }

    #Siparis_Liste adr ss {
        padding: 2px 5px 2px 17px;
        color: rgba(0,0,0, 0.87);
        border-radius: 15px;
    }

        #Siparis_Liste adr ss:before {
            font-family: 'Material Icons';
            content: 'access_time';
            color: #ed74ff;
            font-size: 15px;
            position: absolute;
            left: 55px;
        }

    #Siparis_Liste adr ts {
        display: none;
        padding: 2px 5px 2px 17px;
        color: rgba(0,0,0, 0.87);
        border-radius: 15px;
    }

#Siparis_Liste > li[dr="2"] adr ts {
    display: inline;
}

#Siparis_Liste adr ts:before {
    font-family: 'Material Icons';
    content: 'done';
    color: #00bd1c;
    font-size: 15px;
    position: absolute;
    left: 108px;
}

#Siparis_Liste > li[dr="2"] ic {
    background: none;
}

#Siparis_Liste > li ic {
    font-weight: 700;
    font-size: 23px;
    position: absolute;
    height: 52px;
    width: 52px;
    top: 11px;
    left: 8px;
    background-color: #233242;
    border-radius: 50%;
    color: #233242;
    text-align: center;
    line-height: 49px;
}

#Siparis_Liste > li[dr="1"] ic:before, #Siparis_Liste > li[dr="0"] ic:before {
    font-weight: 100;
    content: "dk";
    position: absolute;
    left: 21px;
    top: 16px;
    color: #1f1f2a;
    font-size: 10px;
}


#Siparis_Liste > li[dr="0"] ic {
    background-color: #ff0000;
    color: #ffffff;
}

#Siparis_Liste > li[dr="1"] ic {
    background-color: #FFD600;
    color: #000000;
}

#Siparis_Liste li[dr="2"] ic {
    background: none;
}

#Siparis_Liste > li[dr="2"] ic:before {
    font-family: 'Material Icons';
    content: 'assignment_turned_in';
    color: #463e57;
    font-size: 30px;
    font-weight: 100;
    position: absolute;
    margin-top: -10px;
    margin-left: -10px;
}

#Siparis_Liste > li[dr="2"] ic:after {
    font-family: 'Material Icons';
    content: 'keyboard_arrow_down';
    color: #dcdcdc;
    font-size: 15px;
    font-weight: 100;
    position: absolute;
    margin-top: -25px;
    margin-left: -30px;
}
#Siparis_Liste > li[dr="2"]:not([PersonelAdı='']) pa {
    font-weight: 700;
    font-size: 11px;
    position: absolute;
    height: 20px;
    width: 20px;
    top: 15px;
    left: 5px;
    background-color: #9300a0;
    border-radius: 50%;
    color: #ffffff;
    text-align: center;
    line-height: 20px;
    text-transform: uppercase
}





#Siparis_Liste > li[dr="3"] ic:before {
    font-family: 'Material Icons';
    content: 'assignment';
    color: #fe4e4e;
    font-size: 22px;
    font-weight: 100;
}

#Siparis_Liste > li[dr="4"] ic:before {
    font-family: 'Material Icons';
    content: 'donut_large';
    color: #fff300;
    font-size: 22px;
    font-weight: 100;
}

#Siparis_Liste > li[bekliyor="1"] ic {
    background-color: #006b9b;
    color: #ffffff;
}

    #Siparis_Liste > li[bekliyor="1"] ic:before {
        font-family: 'Material Icons';
        content: 'hourglass_full';
        color: #ffffff;
        font-size: 27px;
        margin-left: -8px;
        line-height: 23px;
    }

#Siparis_Liste > li ttr {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 12px;
    color: #000000;
    position: absolute;
    right: 3px;
    top: -1px;
    line-height: 18px;
    margin-right: 5px;
    margin-top: 8px;
    border-radius: 18px;
    padding: 0 6px 0 3px;
    text-indent: 3px;
    color: #949494;
    /*border: 1px solid #cfcfcf;*/
}

    #Siparis_Liste > li ttr od {
        margin-left: 10px;
        border-radius: 18px;
        color: #00bd1c;
    }

    #Siparis_Liste > li ttr is {
        margin-left: 10px;
        color: #d856a6;
        font-weight: 700;
    }

    #Siparis_Liste > li ttr kl {
        margin-left: 10px;
        color: rgba(0,0,0, 0.87);
        font-weight: 700;
        background-color: #f8f8f8;
        padding: 5px 8px;
        border-radius: 15px;
    }

#Siparis_Liste > li sp {
    top: 10px;
    left: 63px;
    width: calc(100% - 65px);
    position: relative;
    display: inline-block;
    height: auto;
    margin-bottom: 10px;
}


/*#region Sipariş Listesi Tüp icon ve Renkleri*/
/*#endregion*/
@keyframes glowing {
    0% {
        color: #000000;
    }

    40% {
        color: #FFD600;
    }

    60% {
        color: #FFD600;
    }

    100% {
        color: #000000;
    }
}

@keyframes sureastı {
    0% {
        color: #000000;
    }

    40% {
        color: #ffffff;
    }

    60% {
        color: #ffffff;
    }

    100% {
        color: #000000;
    }
}

#Siparis_Liste > li[dr="1"] ic:before {
    animation: glowing 2000ms infinite;
}

#Siparis_Liste > li[dr="0"] ic {
    animation: sureastı 2000ms infinite;
}

#Siparis_Liste > li[bekliyor="1"] ic:before {
    animation: none;
}

/*#endregion */
/*#region Genel Bilgiler Listesi */

.GenelBilgiListesi {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 100%;
    position: absolute;
    overflow: auto;
    width: 100%;
}

    .GenelBilgiListesi .background_selected {
        background: radial-gradient(circle, rgb(210, 204, 207) 0%, rgb(163, 187, 214) 100%);
    }

    .GenelBilgiListesi > li {
        position: relative;
        cursor: default;
        min-height: 45px;
        width: calc( 100% - 10px);
        overflow: hidden;
        display: block;
        height: auto !important;
        margin: 5px;
        margin-bottom: -2px;
        cursor: pointer;
        border-radius: 3px;
    }
        /*.GenelBilgiListesi > li:nth-child(even) {
            background-color: rgba(0, 0, 0, 0.07);
        }*/
        .GenelBilgiListesi > li b {
            text-overflow: ellipsis;
            position: absolute;
            top: 7px;
            line-height: 24px;
            display: flex;
            overflow: hidden;
            white-space: nowrap;
            color: rgba(0,0,0, 0.87);
            letter-spacing: -.01em;
            font-family: "Roboto", "Helvetica", "Arial", sans-serif;
            font-size: 15px;
            font-weight: 500;
            letter-spacing: .06em;
            text-transform: capitalize;
            margin-left: 15px;
        }

        .GenelBilgiListesi > li c {
            color: rgba(0,0,0, 0.54);
            font-family: "Roboto", "Helvetica", "Arial", sans-serif;
            font-size: 14px;
            font-weight: 400;
            text-transform: capitalize;
            display: block;
            word-wrap: break-word;
            height: auto;
            margin-top: 27px;
            margin-left: 15px;
            margin-bottom: 10px;
        }

        .GenelBilgiListesi > li[Birincil="1"] c:before {
            font-family: 'Material Icons';
            content: 'favorite';
            font-size: 16px;
            color: #ff4e00;
            text-transform: none;
        }

/*#endregion */
/*#region Widget Arama Kaydı Listview */


#AramaKaydi_Liste > li {
    position: relative;
    height: 55px;
    font-size: 12px;
    cursor: pointer;
    overflow: hidden;
    line-height: 45px;
}

    #AramaKaydi_Liste > li ic {
        position: absolute;
        top: 5px;
        left: 10px;
        text-align: center;
        color: #898989;
        width: 45px;
        height: 45px;
        border-radius: 45px;
        line-height: 45px;
    }

        /*#AramaKaydi_Liste > li[dr="1"] ic {
        color: #1f1f2a;
        background-color: #f3d76a;
    }*/

        #AramaKaydi_Liste > li ic:before {
            font-family: 'Material Icons';
            content: 'call';
            font-weight: 400;
            font-size: 35px;
        }

        #AramaKaydi_Liste > li ic as {
            position: absolute;
            top: 0;
            left: 25px;
            text-align: center;
            color: var(--badge-text);
            line-height: 21px;
            font-size: 13px;
            background-color: var(--badge);
            width: 22px;
            height: 22px;
            border-radius: 22px;
            line-height: 22px;
        }

    #AramaKaydi_Liste > li ad {
        font-family: "Roboto","Helvetica","Arial",sans-serif;
        font-size: 16px;
        font-weight: 400;
        cursor: default;
        color: var(--text-dark);
        text-overflow: ellipsis;
        position: relative;
        top: -4px;
        left: 70px;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-transform: capitalize;
    }

    #AramaKaydi_Liste > li no {
        font-family: "Roboto","Helvetica","Arial",sans-serif;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0;
        color: var(--text-light);
        display: block;
        padding: 0;
        text-overflow: ellipsis;
        position: absolute;
        top: 17px;
        left: 70px;
        display: block;
        overflow: hidden;
        white-space: nowrap;
    }

    #AramaKaydi_Liste > li[Cihaz="1"] ic:before {
        font-family: 'Material Icons';
        content: 'phone_iphone';
        font-weight: 400;
        font-size: 35px;
        position: relative;
    }
    /*#AramaKaydi_Liste > li[Cihaz="1"] ic {
        color: #1f1f2a;
        background-color: #0059a4;
    }*/
    #AramaKaydi_Liste > li ss {
        font-size: 13px;
        text-overflow: ellipsis;
        position: absolute;
        top: 0;
        right: 7px;
        color: var(--text-light);
        text-align: center;
    }


/*#endregion */

/*#region Widget Stok listwiew */

#widget_Stok_Liste > li{
   height:45px;
}

#widget_Stok_Liste > li ic {
    position: absolute;
    font-size: 45px;
    margin-left: 4px;
    margin-left: 4px;
}
/*#widget_Stok_Liste > li:nth-child(even) {
            background-color: rgba(0, 0, 0, 0.07);
        }*/

#widget_Stok_Liste > li b {
    font-family: 'Roboto-Condensed';
    text-overflow: ellipsis;
    position: absolute;
    top: 2px;
    line-height: 24px;
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    color: rgba(0,0,0, 0.87);
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    margin-left: 50px;
}

#widget_Stok_Liste > li c {
    display: inline-block;
    position: relative;
    top: 20px;
    color: #636363;
    margin-left: 70px;
    margin-right: 10px;
}

    #widget_Stok_Liste > li c:before {
        font-family: 'Material Icons';
        content: 'fiber_manual_record';
        font-size: 20px;
        position: absolute;
        text-indent: -23px;
        color: #86b764;
        font-weight: 500;
    }

#widget_Stok_Liste > li d {
    display: inline-block;
    position: absolute;
    top: 20px;
    color: #636363;
    text-indent: 21px;
}

    #widget_Stok_Liste > li d:before {
        font-family: 'Material Icons';
        content: 'radio_button_unchecked';
        font-size: 15px;
        position: absolute;
        text-indent: -20px;
        color: #e46839;
    }

#widget_Stok_Liste > li m {
    display: inline-block;
    position: absolute;
    top: 20px;
    color: #636363;
    text-indent: 61px;
}

    #widget_Stok_Liste > li m:before {
        font-family: 'Material Icons';
        content: 'person';
        font-size: 15px;
        position: absolute;
        text-indent: -20px;
        color: #68a0e6;
    }




#widget_Stok_FavoriSec_Liste, #Urunler_FavoriSec_Liste {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: auto;
    width: 100%;
}

    #widget_Stok_FavoriSec_Liste .background_selected, #Urunler_FavoriSec_Liste .background_selected {
        background: radial-gradient(circle, rgb(210, 204, 207) 0%, rgb(163, 187, 214) 100%);
    }


    #widget_Stok_FavoriSec_Liste > li, #Urunler_FavoriSec_Liste > li {
        position: relative;
        cursor: default;
        min-height: 35px;
        width: 100%;
        overflow: hidden;
        display: block;
        height: auto !important;
        cursor: pointer;
        border-bottom: 1px dotted #f7f7f7;
        margin: 0;
    }

        #widget_Stok_FavoriSec_Liste > li:active, #Urunler_FavoriSec_Liste > li:active {
            background: #f1f3f4
        }

        #widget_Stok_FavoriSec_Liste > li ic, #Urunler_FavoriSec_Liste > li ic {
            position: absolute;
            border-radius: 50%;
            text-align: center;
            background-color: #ebebeb;
            color: rgb(255, 255, 255);
            top: 3px;
            width: 30px;
            height: 30px;
            border-radius: 15px;
        }

            #widget_Stok_FavoriSec_Liste > li ic:before, #Urunler_FavoriSec_Liste > li ic:before {
                font-family: 'Material Icons';
                content: 'remove';
                font-weight: 700;
                font-size: 20px;
                position: relative;
                top: 3px;
            }

        #widget_Stok_FavoriSec_Liste > li[s="1"] ic::before, #Urunler_FavoriSec_Liste > li[s="1"] ic::before {
            content: 'done';
        }

        #widget_Stok_FavoriSec_Liste > li[s="1"] ic, #Urunler_FavoriSec_Liste > li[s="1"] ic {
            color: #ffffff;
            background-color: #1f8ca0;
        }

        #widget_Stok_FavoriSec_Liste > li b, #Urunler_FavoriSec_Liste > li b {
            font-family: 'Roboto-Condensed';
            text-overflow: ellipsis;
            position: absolute;
            top: 6px;
            line-height: 24px;
            display: flex;
            overflow: hidden;
            white-space: nowrap;
            color: rgba(0,0,0, 0.87);
            font-size: 15px;
            font-weight: 500;
            text-transform: capitalize;
            margin-left: 40px;
        }



/*#endregion */

/*#region Widget Toplamlar Listwiew */



#widget_toplamlar_Liste {
    padding: 5px;
}


    #widget_toplamlar_Liste > li {
        position: relative;
        cursor: default;
        min-height: 73px;
        width: 155px;
        max-width: 159px;
        overflow: hidden;
        display: inline-block;
        cursor: pointer;
        margin: 5px;
        border-radius: 3px;
        cursor: pointer;
        float: left;
    }

    #widget_toplamlar_Liste .T {
        background-color: #686868;
    }


    #widget_toplamlar_Liste .o {
        background-color: #469700;
    }

    #widget_toplamlar_Liste .k {
        background-color: #cc3669;
    }

    #widget_toplamlar_Liste .kasa {
        background-color: #0c71c2;
    }

    #widget_toplamlar_Liste > li b {
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        text-overflow: ellipsis;
        position: absolute;
        top: 50px;
        overflow: hidden;
        white-space: nowrap;
        color: #ffffff;
        font-size: 13px;
        font-weight: 300;
        text-transform: capitalize;
        text-align: center;
        width: 100%;
    }

    #widget_toplamlar_Liste > li c {
        display: inline-block;
        position: relative;
        top: 18px;
        color: #ffffff;
        font-size: 23px;
        text-align: center;
        font-weight: 700;
        width: 100%;
    }


    #widget_toplamlar_Liste > li d {
        display: inline-block;
        position: absolute;
        top: 20px;
        color: #636363;
    }


    #widget_toplamlar_Liste > li m {
        display: inline-block;
        position: absolute;
        top: 20px;
        color: #636363;
        text-indent: 61px;
    }

        #widget_toplamlar_Liste > li m:before {
            font-family: 'Material Icons';
            content: 'person';
            font-size: 15px;
            position: absolute;
            text-indent: -20px;
            color: #68a0e6;
        }





/*#endregion */

/*#region Widget Satış Sayıları */

#widget_satıs_sayıları_liste {
    vertical-align: text-top;
    margin: 0;
    padding: 3px;
    width: 100%;
}


    #widget_satıs_sayıları_liste > li {
        position: relative;
        cursor: default;
        min-height: 107px;
        width: 87px;
        overflow: hidden;
        display: inline-block;
        cursor: pointer;
        margin: 4px;
        border-radius: 3px;
        cursor: pointer;
        float: left;
        text-align: center;
        padding: 4px;
        border: 1px solid #e4e4e4;
        background-color: #ffffff;
    }

        #widget_satıs_sayıları_liste > li ic {
            position: relative;
            font-size: 55px;
            color: var(--text-light);
        }


        #widget_satıs_sayıları_liste > li b {
            font-family: "Roboto", "Helvetica", "Arial", sans-serif;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            color: var(--text-light);
            font-weight: 300;
            font-size: 13px;
            text-transform: capitalize;
            min-width: 100%;
            display: block;
            margin-top: -3px;
            margin-bottom: -3px;
        }

        #widget_satıs_sayıları_liste > li c {
            font-family: "Roboto", "Helvetica", "Arial", sans-serif;
            position: relative;
            color: var(--text-dark);
            font-size: 25px;
            font-weight: 600;
        }



/*#endregion */

/*#region Widget Son İşlemler */



    #widget_son_islemler_Liste > li {
        position: relative;
        min-height: 10px;
        height: auto;
        overflow: hidden;
        padding-top: 35px;
        background-color: #FAFAFA;
        border: none;
    }

        #widget_son_islemler_Liste > li[dr="2"] {
            background-color: #52eb6a;
            min-height: 10px;
            border-radius: 23px;
        }

 


    #widget_son_islemler_Liste > li sp {
        top: 5px;
        left: 10px;
        width: calc(100% - 20px);
        position: relative;
        display: inline-block;
        height: auto;
        margin-bottom: 5px;
    }


/*#endregion */

/*#region Widget Kısayol Butonları */


#widget_kısayollar_Liste {
    padding:0;
    width: 100%;
}


    #widget_kısayollar_Liste li {
        position: relative;
        cursor: default;
        min-height: 73px;
        width: 100%;
        height: 100%;
        text-transform: none;
        max-width: 120px;
        overflow: hidden;
        display: inline-block;
        cursor: pointer;
        border-radius: 3px;
        cursor: pointer;
        float: left;
        text-transform: none;
        margin:5px;

    }

    #widget_KısaYollar .kısayolbuton:before {
        font-family: 'Material Icons';
        content: attr(data-icon);
        font-size: 30px;
        display: block;
    }





        #direkt_satıs_button_content button:hover {
            background: #22435e;
        }


        #direkt_satıs_button_content button:before {
            font-family: 'Material Icons';
            content: 'send';
            font-size: 27px;
            font-weight: 100;
            margin-left: -48px;
            position: absolute;
            background: #e1340e;
            border-radius: 50px;
            height: 43px;
            width: 43px;
            margin-top: -14px;
            line-height: 45px;
            text-indent: 2px;
        }
/*#endregion */


/*#region Form input Style */



.form-style-1 sp {
    width: 100%;
    position: relative;
    display: inline-block;
    height: auto;
}

.form_content_wrapper {
    position: absolute;
    width: 100%;
    height: calc(100% - 152px);
    overflow: auto;
}

.form-style-1 {
    margin: 5px;
    padding: 2px 2px 2px 2px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font: 13px;
    margin-top: 0;
}

    .form-style-1 li {
        padding: 0;
        display: block;
        list-style: none;
        margin: 10px 0 0 0;
    }

    .form-style-1 .form_gurup_content {
        padding: 5px;
    }

    .form-style-1 label {
        margin: 0 0 3px 0;
        padding: 0px;
        display: block;
        font-weight: bold;
    }

    .form-style-1 .mini-text {
        font-weight: normal;
    }

    .form-style-1 .uyarıtext {
        font-weight: normal;
        font-size: 12px;
        color: #7a0707;
        width: 90%;
        text-align: center;
    }

        .form-style-1 .uyarıtext:before {
            content: '*';
            font-weight: normal;
            font-size: 20px;
            color: #e21313
        }

    .form-style-1 .SiparisToplamı_content {
        margin-top: -14px;
        text-align: right;
        margin-bottom: -20px
    }

    .form-style-1 .SiparisToplamı {
        right: 20px;
        top: 0;
        font-size: 20px;
        color: #ff3e00
    }

    .form-style-1 input[type=text],
    .form-style-1 input[type=date],
    .form-style-1 input[type=datetime],
    .form-style-1 input[type=number],
    .form-style-1 input[type=search],
    .form-style-1 input[type=time],
    .form-style-1 input[type=url],
    .form-style-1 input[type=email],
    .form-style-1 input[type=color],
    .form-style-1 input[type=password],
    .form-style-1 inputlabel,
    textarea,
    select {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        border: 1px solid #e0e0e0;
        padding: 7px;
        -webkit-transition: all 0.30s ease-in-out;
        -moz-transition: all 0.30s ease-in-out;
        -o-transition: all 0.30s ease-in-out;
        outline: none;
        height: 35px;
        border-radius: 5px;
        -webkit-appearance: none;
        cursor: pointer;
        font-size: 16px;
        background-color: rgb(255, 255, 255);
        height: 45px;
    }

    .form-style-1 select {
        text-transform: capitalize;
        cursor: pointer;
    }

    .form-style-1 textarea {
        height: 100px;
    }

        .form-style-1 input[type=text]:focus,
        .form-style-1 input[type=date]:focus,
        .form-style-1 input[type=datetime]:focus,
        .form-style-1 input[type=number]:focus,
        .form-style-1 input[type=search]:focus,
        .form-style-1 input[type=time]:focus,
        .form-style-1 input[type=url]:focus,
        .form-style-1 input[type=email]:focus,
        .form-style-1 input[type=password]:focus,
        .form-style-1 textarea:focus,
        .form-style-1 select:focus {
            -moz-box-shadow: 0 0 8px #88D5E9;
            -webkit-box-shadow: 0 0 8px #88D5E9;
            box-shadow: 0 0 8px #88D5E9;
            border: 1px solid #88D5E9;
        }


    .form-style-1 input[type=date] {
        background-color: #f6f6f6;
    }

    .form-style-1 select {
        background-color: #f6f6f6;
        border-radius: 5px;
    }




    .form-style-1 input::-webkit-input-placeholder {
        color: #c8caca;
        font-size: 16px;
    }


    .form-style-1 .field-serperator {
        width: 14px;
        position: relative;
        display: inline-block;
    }

    .form-style-1 .field-divided {
        width: 46%;
    }

    .form-style-1 .label-divided {
        display: inline-block;
        width: 46%;
    }

    .form-style-1 .label-serperator {
        width: 14px;
        display: inline-block;
    }

    .form-style-1 .field-long {
        width: 100%;
    }

    .form-style-1 .field-search {
        width: 80%;
    }

    .form-style-1 .field-select {
        width: 100%;
    }

    .form-style-1 .field-textarea {
        width: 100%;
        height: 150px;
    }

    .form-style-1 input[type=submit], .form-style-1 input[type=button] {
        background: #4B99AD;
        padding: 8px 15px 8px 15px;
        border: none;
        color: #fff;
    }

        .form-style-1 input[type=submit]:hover, .form-style-1 input[type=button]:hover {
            background: #4691A4;
            box-shadow: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
        }

    .form-style-1 .required::after {
        font-size: 22px;
        content: '*';
        margin-left: 5px;
        color: red;
    }

    .form-style-1 a {
        position: relative;
        color: #005fb0;
        margin-top: 5px;
        padding-top: -5px;
        line-height: -5px;
        display: block;
        cursor: pointer;
        width: 150px;
        display: inline-block
    }

        .form-style-1 a:hover {
            text-decoration: underline;
        }

    .form-style-1 .form_gurup_content a {
        width: 100%;
        margin-top: 5px;
    }

.form_buton_content {
    width: 100%;
    text-align: left;
    position: relative;
    bottom: 0;
    vertical-align: central;
}

.form_gurup_content input {
    max-width: calc(100% - 155px);
}

.form-style-1 button {
    display: inline-block;
    padding: 8px 19px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 5px;
    min-height: 1em;
    -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
    transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
    transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
    transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
    -webkit-tap-highlight-color: transparent;
    border: none;
    background-image: none;
    outline: none;
}

.form-style-1 button {
    background-color: #4b4b4b;
    color: #ffffff;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s;
    height: 40px;
}

    .form-style-1 button:hover {
        background-color: #3e3e3e;
    }

    .form-style-1 button:active {
        background-color: #3e3e3e;
    }

    .form-style-1 button[name=CokluEkleButon] {
        background-color: #ffffff;
        color: #0080fb;
        text-shadow: none;
        -webkit-transition: background .2s;
        transition: background .2s;
        height: 35px;
        font-size: 16px;
        margin-left: -20px;
    }

        .form-style-1 button[name=CokluEkleButon]:hover {
            color: #20486f;
        }

.form-style-1 .selectbutton {
    background-color: #f6f6f6;
    text-align: left;
    border: 1px solid #e0e0e0;
    height: 35px;
    color: #000000;
    line-height: 15px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    text-transform: capitalize;
}

    .form-style-1 .selectbutton:hover {
        background-color: #e4e4e4;
    }

    .form-style-1 .selectbutton:active {
        background-color: #d9d8d8;
    }

    .form-style-1 .selectbutton:before {
        font-family: 'Material Icons';
        content: "keyboard_arrow_right";
        font-size: 18px;
        color: #757575;
        width: 30px;
        height: 30px;
        position: absolute;
        z-index: 9;
        border-radius: 30px;
        text-align: center;
        line-height: 10px;
        display: inline-block;
        text-transform: none;
        letter-spacing: normal;
        top: 10px;
        right: 5px;
    }


.form-style-1 .Temizle {
    background-color: #ea3900;
    width: 35px;
    height: 40px;
    padding: 0;
}

    .form-style-1 .Temizle:before {
        font-size: 20px;
        font-family: 'Material Icons';
        content: 'delete_sweep';
    }

    .form-style-1 .Temizle:hover {
        background-color: #d43704;
    }

    .form-style-1 .Temizle:active {
        background-color: #bd3205;
    }

.form-style-1 input[type=color] {
    width: 50px;
    padding: 0;
    height: 40px;
    width: 40px;
    cursor: pointer;
    border-radius: 3px;
    background: none;
    border: none;
}

.form-style-1 icon {
    font-size: 65px;
    background-color: #e5e6e6;
    border-radius: 5px;
    cursor: pointer;
}

    .form-style-1 icon:hover {
        background-color: #d8d8d8;
    }

    .form-style-1 icon:active {
        background-color: #cbcbcb;
    }

.form-style-1 .container {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 50px;
    font-weight: normal;
}

    /* Hide the browser's default radio button */
    .form-style-1 .container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom radio button */
.form-style-1 .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #b0b0b0;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.form-style-1 .container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.form-style-1 .container input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.form-style-1 .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.form-style-1 .container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.form-style-1 .container .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}




/*#endregion */

/*#region Widget Style */



.widget-container {
    background-color: var(--primary-dark);
}

    .widget-container .mdl-layout__header {
        box-shadow: none;
        color: var(--text-dark);
        border-bottom: 1px dashed var(--primary-accent);
        padding: 0;
        height: 52px;
        min-height: 52px;
        background-color: var(--primary-dark);
    }

    .widget-container .mdl-layout__title {
        font-size: 16px;
        font-weight: 500;
    }

    .widget-container .mdl-layout__header-row {
        min-height: 52px;
        height: 52px;
        padding: 0 16px 0 16px;
    }

    .widget-container .mdl-layout__content {
        background-color: var(--primary-dark);
    }

@media only screen and (min-width : 1024px) {
    .widget-container .mdl-layout__header-row {
        min-height: 53px;
        height: 53px;
        padding: 0 16px 0 16px;
    }
}

.WidgetTarihGösterge {
    outline: none;
    border: none;
    color: var(--text-light);
    background-color: transparent;
    cursor: pointer;
}

    .WidgetTarihGösterge:hover {
        color: var(--text-dark);
    }









#widget_toplamlar_Liste {
    padding: 5px;
}


    #widget_toplamlar_Liste > li {
        position: relative;
        cursor: default;
        min-height: 73px;
        width: 155px;
        max-width: 159px;
        overflow: hidden;
        display: inline-block;
        cursor: pointer;
        margin: 5px;
        border-radius: 3px;
        cursor: pointer;
        float: left;
    }

    #widget_toplamlar_Liste .T {
        background-color: #686868;
    }


    #widget_toplamlar_Liste .o {
        background-color: #469700;
    }

    #widget_toplamlar_Liste .k {
        background-color: #cc3669;
    }

    #widget_toplamlar_Liste .kasa {
        background-color: #0c71c2;
    }

    #widget_toplamlar_Liste > li b {
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        text-overflow: ellipsis;
        position: absolute;
        top: 50px;
        overflow: hidden;
        white-space: nowrap;
        color: #ffffff;
        font-size: 13px;
        font-weight: 300;
        text-transform: capitalize;
        text-align: center;
        width: 100%;
    }

    #widget_toplamlar_Liste > li c {
        display: inline-block;
        position: relative;
        top: 18px;
        color: #ffffff;
        font-size: 23px;
        text-align: center;
        font-weight: 700;
        width: 100%;
    }


    #widget_toplamlar_Liste > li d {
        display: inline-block;
        position: absolute;
        top: 20px;
        color: #636363;
    }


    #widget_toplamlar_Liste > li m {
        display: inline-block;
        position: absolute;
        top: 20px;
        color: #636363;
        text-indent: 61px;
    }

        #widget_toplamlar_Liste > li m:before {
            font-family: 'Material Icons';
            content: 'person';
            font-size: 15px;
            position: absolute;
            text-indent: -20px;
            color: #68a0e6;
        }





/*#endregion */

/*#region Toast Mesaj Style */

.Toast_GelenAramaContent {
    padding: 5px;
    cursor: pointer;
}

    .Toast_GelenAramaContent ic {
        position: absolute;
        border-radius: 50%;
        top: 15px;
        left: 15px;
        text-align: center;
        color: #ffffff;
        background-color: #2e2e2e;
        width: 40px;
        height: 40px;
        border-radius: 20px;
    }

        .Toast_GelenAramaContent ic:before {
            font-family: 'Material Icons';
            content: 'call';
            font-weight: 700;
            font-size: 25px;
            position: relative;
            top: 12px;
        }

    .Toast_GelenAramaContent ad {
        font-family: 'Roboto-Condensed';
        font-size: 17px;
        text-overflow: ellipsis;
        position: relative;
        top: 3px;
        left: 50px;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        color: #000000;
        text-transform: capitalize;
    }

    .Toast_GelenAramaContent tanım {
        font-size: 11px;
        text-overflow: ellipsis;
        position: relative;
        top: 3px;
        left: 50px;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        color: #000000;
        text-transform: capitalize;
    }

    .Toast_GelenAramaContent tl {
        font-family: 'Roboto-Condensed';
        font-size: 15px;
        text-overflow: ellipsis;
        position: relative;
        top: 3px;
        left: 50px;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        color: #000000;
        text-transform: capitalize;
    }

    .Toast_GelenAramaContent bakiye {
        font-size: 14px;
        text-overflow: ellipsis;
        position: relative;
        top: 6px;
        left: 50px;
        display: inline;
        overflow: hidden;
        white-space: nowrap;
        color: #ffffff;
        text-transform: capitalize;
        background-color: #3f5d8e;
        width: auto;
        padding: 2px 5px;
        border-radius: 10px;
    }

    .Toast_GelenAramaContent fazlabakiye {
        font-size: 14px;
        text-overflow: ellipsis;
        position: relative;
        top: 6px;
        left: 55px;
        display: inline;
        overflow: hidden;
        white-space: nowrap;
        color: #000000;
        text-transform: capitalize;
        background-color: #ffa65b;
        width: auto;
        padding: 2px 5px;
        border-radius: 10px;
    }


/*#endregion */

/*#region Müşteri Notlar Style */

.MusteriHesapNotlar_Liste-style {
    padding: 0;
    list-style: none;
    height: calc(100% - 60px);
    overflow: auto;
    width: 100%;
    margin-top: 0px;
}

    .MusteriHesapNotlar_Liste-style > li {
        position: relative;
        min-height: 5px;
        height: auto;
        width: calc( 100% - 20px);
        margin-left: 10px;
        overflow: hidden;
        padding-top: 35px;
        background-color: #ffffff;
        margin-top: 12px;
        margin-bottom: 12px;
        box-shadow: 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
        border-radius: 3px;
        cursor: pointer;
    }

        .MusteriHesapNotlar_Liste-style > li ad {
            font-family: 'Roboto-Condensed';
            font-size: 19px;
            font-weight: 100;
            text-overflow: ellipsis;
            position: absolute;
            top: 8px;
            left: 45px;
            line-height: 24px;
            display: block;
            overflow: hidden;
            white-space: nowrap;
            width: calc(100% - 140px);
            color: #000000;
            letter-spacing: -.01em;
            text-transform: capitalize;
        }

        .MusteriHesapNotlar_Liste-style > li adr {
            font-family: 'Roboto-Condensed';
            font-size: 15px;
            font-weight: 100;
            text-overflow: ellipsis;
            position: relative;
            padding-bottom: 5px;
            left: 45px;
            line-height: 24px;
            display: block;
            overflow: hidden;
            width: calc(100% - 20px);
            color: #8d8d8d;
            letter-spacing: -.01em;
            text-transform: capitalize;
        }

        .MusteriHesapNotlar_Liste-style > li ic {
            font-weight: 700;
            font-size: 23px;
            position: absolute;
            height: 30px;
            width: 30px;
            top: 5px;
            left: 8px;
            border-radius: 50%;
            text-align: center;
            line-height: 30px;
        }

            .MusteriHesapNotlar_Liste-style > li ic:before {
                font-family: 'Material Icons';
                content: 'assignment';
                font-size: 25px;
                font-weight: 100;
                color: #c116a3;
            }

#Musteri_GidenSms_TabPanel .MusteriHesapNotlar_Liste-style > li ic:before {
    font-family: 'Material Icons';
    content: 'send';
    font-size: 25px;
    font-weight: 100;
    color: #2196f3;
}

.MusteriHesapNotlar_Liste-style:empty::before {
    font-family: 'Material Icons';
    content: 'data_usage';
    font-size: 60px;
    color: #b6b6b6;
    width: 180px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: 120px;
    margin-top: -22px;
    text-align: center;
}

.MusteriHesapNotlar_Liste-style:empty::after {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 12px;
    content: attr(data-empty-text);
    color: #9d9d9d;
    width: 180px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: 120px;
    margin-top: 22px;
    text-align: center;
    line-height: 15px;
}

#MusteriHesapBosUrunler_Liste > li ic:before {
    font-family: 'Material Icons';
    content: 'panorama_fish_eye';
    font-size: 25px;
    font-weight: 100;
    color: #8d8d8d;
}

/*#endregion */
/*#region Müşteri Hesap Liste Style */


.MusteriHesap_Liste-style {
    padding: 0;
    list-style: none;
    height: calc(100% - 60px);
    overflow: auto;
    width: 100%;
    margin-top: 0px;
}

    .MusteriHesap_Liste-style > li {
        position: relative;
        min-height: 30px;
        height: auto;
        width: calc( 100% - 20px);
        margin-left: 10px;
        overflow: hidden;
        padding-top: 35px;
        background-color: #ffffff;
        margin-top: 12px;
        margin-bottom: 12px;
        box-shadow: 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
        border-radius: 3px;
        cursor: pointer;
    }

        .MusteriHesap_Liste-style > li[dr="2"] {
            background-color: #52eb6a;
            min-height: 0;
            height: 10px;
            border-radius: 23px;
        }

        .MusteriHesap_Liste-style > li[dr="h"] {
            background-color: #E0E0E0;
            min-height: 10px;
            border-radius: 10px;
        }

            .MusteriHesap_Liste-style > li[dr="h"] ic:before {
                font-family: 'Material Icons';
                content: 'alarm';
                font-size: 30px;
                font-weight: 100;
                margin-top: 2px;
                position: absolute;
                margin-left: -12px;
            }

        .MusteriHesap_Liste-style > li ad {
            font-family: "Roboto", "Helvetica", "Arial", sans-serif;
            font-size: 15px;
            font-weight: 500;
            text-overflow: ellipsis;
            position: absolute;
            top: 5px;
            left: 45px;
            line-height: 24px;
            display: block;
            overflow: hidden;
            white-space: nowrap;
            width: calc(100% - 140px);
            color: #000000;
            letter-spacing: -.01em;
            text-transform: capitalize;
        }

        .MusteriHesap_Liste-style > li[dr="2"] ad {
            left: 55px;
        }
        .MusteriHesap_Liste-style > li:not([PersonelAdı='']) pa {
            font-weight: 700;
            font-size: 11px;
            position: absolute;
            height: 20px;
            width: 20px;
            top: 3px;
            left: 22px;
            background-color: #9300a0;
            border-radius: 50%;
            color: #ffffff;
            text-align: center;
            line-height: 20px;
            text-transform: uppercase
        }
    .MusteriHesap_Liste-style adr {
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        font-weight: 400;
        position: absolute;
        top: 22px;
        left: 0;
        text-align: left;
        font-size: 12px;
        color: #000000;
        cursor: pointer;
        text-indent: 10px;
        padding-left: 35px;
        white-space: nowrap;
        width: calc(100% - 140px);
        text-overflow: ellipsis;
        display: block;
        overflow: hidden;
    }

    .MusteriHesap_Liste-style > li[dr="2"] adr {
        left: 10px;
    }

    .MusteriHesap_Liste-style > li[dr="1"] adr {
        color: #000000;
    }

    .MusteriHesap_Liste-style > li ic {
        font-weight: 700;
        font-size: 23px;
        position: absolute;
        height: 30px;
        width: 30px;
        top: 5px;
        left: 8px;
        border-radius: 50%;
        text-align: center;
        line-height: 30px;
    }

    .MusteriHesap_Liste-style > li[dr="1"] ic {
        color: #00599c;
    }

    .MusteriHesap_Liste-style > li[dr="2"] ic {
        font-weight: 700;
        font-size: 20px;
        position: absolute;
        height: 45px;
        width: 45px;
        top: 0px;
        left: 0px;
        border-radius: 50%;
        text-align: center;
        line-height: 45px;
        color: #ffffff;
        background-color: #388e3c;
    }

    .MusteriHesap_Liste-style > li[dr="1"] ic:before {
        font-family: 'Material Icons';
        content: 'local_grocery_store';
        font-size: 25px;
        font-weight: 100;
    }

    .MusteriHesap_Liste-style > li[dr="2"] ic:before {
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        content: '₺';
        font-size: 25px;
        font-weight: 100;
    }

    .MusteriHesap_Liste-style > li[m_id="-1"] ic:before {
        font-family: 'Material Icons';
        content: 'send';
        font-size: 25px;
        font-weight: 100;
        color: #e1340e;
    }

    .MusteriHesap_Liste-style > li ss {
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        display: inline-block;
        font-weight: 600;
        font-size: 12px;
        color: #000000;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 18px;
        position: absolute;
        right: 6px;
        top: 2px;
        line-height: 18px;
        margin-right: 5px;
        border-radius: 18px;
        padding: 0 6px 0 3px;
    }

    .MusteriHesap_Liste-style > li ttr {
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        font-size: 12px;
        color: #000000;
        position: absolute;
        right: 3px;
        top: 3px;
        line-height: 18px;
        margin-right: 5px;
        margin-top: 8px;
        border-radius: 18px;
        padding: 0 6px 0 3px;
        text-indent: 3px;
        color: #000000;
        text-align: right;
        /*border: 1px solid #cfcfcf;*/
    }

        .MusteriHesap_Liste-style > li ttr od {
            margin-left: 10px;
            border-radius: 18px;
            color: #05b721;
        }

        .MusteriHesap_Liste-style > li ttr is {
            margin-left: 10px;
            color: #d856a6;
            font-weight: 700;
        }

        .MusteriHesap_Liste-style > li ttr kl {
            margin-left: 10px;
            color: rgba(0,0,0, 0.87);
            font-weight: 700;
            background-color: none;
            padding: 0;
            border-radius: 15px;
        }

    .MusteriHesap_Liste-style > li[dr="0"] ttr kl {
        color: rgba(0,0,0, 0.87);
    }

    .MusteriHesap_Liste-style > li ttr bk {
        margin-left: 10px;
        color: #ffffff;
        font-weight: 500;
        border-radius: 15px;
        background-color: #7d8a9a;
        padding: 4px 8px
    }

        .MusteriHesap_Liste-style > li ttr bk[dr="0"] {
            color: #ffffff;
            background-color: #00bd1c;
        }

        .MusteriHesap_Liste-style > li ttr bk[dr="2"] {
            color: #ffffff;
            background-color: #0092ff;
        }

        .MusteriHesap_Liste-style > li ttr bk[dr="1"] {
            color: #ffffff;
            background-color: #ff4600;
        }

    .MusteriHesap_Liste-style > li button {
        position: absolute;
        height: 30px;
        width: 30px;
        border: none;
        right: 5px;
        top: 4px;
        line-height: 25px;
        border-radius: 18px;
        background-color: #ffffff;
        color: #767676;
    }

        .MusteriHesap_Liste-style > li button:hover {
            background-color: #f5f5f5;
        }

        .MusteriHesap_Liste-style > li button:active {
            background-color: #eeeeee;
        }

        .MusteriHesap_Liste-style > li button:before {
            font-family: 'Material Icons';
            content: 'more_vert';
            font-size: 20px;
        }



#MusteriHesapPopup .MusteriHesap_Liste-style:empty::before {
    margin-left: 120px;
}

#MusteriHesapPopup .MusteriHesap_Liste-style:empty::after {
    margin-left: 120px;
}

.MusteriHesap_Liste-style > li sp {
    top: 5px;
    left: 10px;
    width: calc(100% - 20px);
    position: relative;
    display: inline-block;
    height: auto;
    margin-bottom: 5px;
}


/*#endregion */

/*#region DirekSatışListe */

#direkt_satis_urun_liste {
    margin-top: 5px;
}
#widget_son_islemler_Liste{

    height: calc(100% - 00px);
}
#DirektSatisHesap_Liste:empty::before {
    margin-left: -90px;
}

#DirektSatisHesap_Liste:empty::after {
    margin-left: -90px;
}

/*#endregion */

/*#region Satış Sipariş Liste içindeki ürünler  */

sp:empty::before {
    font-family: 'Material Icons';
    content: 'cloud_circle';
    font-size: 60px;
    color: #cacaca;
    width: 180px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -90px;
    margin-top: -22px;
    text-align: center;
}

sp:empty::after {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 12px;
    content: attr(empty-text);
    color: #b4b4b4;
    width: 180px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -90px;
    margin-top: 22px;
    text-align: center;
    line-height: 15px;
}

sp th,
sp td,
sp thead th,
sp tbody td,
sp tfoot td,
sp tfoot th {
    width: auto !important;
}

sp table {
    width: auto;
    float: left;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 13px;
    border-radius: 16px;
    background-color: #dedede;
    border-collapse: collapse;
    margin-right: 5px;
    margin-top: 5px;
}

sp td {
    border: none;
    padding: 0;
    padding-right: 3px;
    width: 100%
}

    sp td div {
        max-height: 32px;
        height: 32px;
        overflow: hidden;
        position: relative;
        color: transparent;
        text-transform: capitalize;
    }

        sp td div::after {
            font-family: "Roboto", "Helvetica", "Arial", sans-serif;
            content: attr(adı);
            height: 32px;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            color: black;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            line-height: 32px;
            text-transform: capitalize;
        }

sp sy, sp brc, sp pr, sp isk {
    height: 32px;
    width: 32px;
    margin: 0;
    border-radius: 32px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    text-align: center;
    font-size: 17px;
    line-height: 32px;
    background-color: #009688;
    color: #ffffff;
    cursor: pointer;
}

sp table[id="Pos"] {
    background-color: #e6cbbb;
}

sp table[id="is"] {
    background-color: #fec7e9;
}

sp table[id="od"], sp table[id="fod"] {
    background-color: #52eb6a;
}

sp table[id="brc"] {
    background-color: #71b1ff;
}

sp table[id="is"] tu {
    background-color: #d856a6;
    color: #ffffff;
}

sp table[id="od"] tu, sp table[id="fod"] tu {
    background-color: #388E3C;
    color: #ffffff;
}

sp table[id="brc"] tu {
    background-color: #0277BD;
    color: #ffffff;
}

sp table[id="Pos"] sy {
    background-color: #f57000;
}

sp table[id="Pos"] {
    background-color: #e6cbbb;
}

sp table[id="is"] sy, sp isk {
    background-color: #d856a6;
}

sp table[id="od"] sy, sp pr, sp table[id="fod"] sy {
    background-color: #388E3C;
}

sp table[id="brc"] sy, sp brc {
    background-color: #0277BD;
}

sp table[id="is"] sy:before, sp isk:before {
    font-family: 'Material Icons';
    content: 'arrow_downward';
}

sp table[id="brc"] sy:before, sp brc:before {
    content: 'B';
}

sp table[id="od"] sy:before, sp table[id="fod"] sy:before, sp pr:before {
    content: '₺';
}

sp tu {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: #bbbbbb;
    padding: 4px 5px 4px 5px;
    border-radius: 12px;
}

sp toplam, sp is, sp fo, sp gu {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: #a1a1a1;
    padding: 4px 5px 4px 5px;
    border-radius: 10px;
    position: relative;
    padding-left: 25px;
}

sp toplam {
    background-color: #aeaeae;
    margin-right: 3px;
}

sp is {
    background-color: #e1b5d0;
}

sp fo {
    background-color: #eeeeee;
    color: #000000;
}

sp gu {
    background-color: #aeaeae;
}

sp toplam:before, sp is:before {
    content: 'T';
    background-color: #525252;
    border-radius: 50%;
    font-size: 13px;
    position: absolute;
    top: 0;
    left: -2px;
    height: 22px;
    width: 22px;
    color: #ffffff;
    text-align: center;
    line-height: 22px;
}

sp is:before {
    font-family: 'Material Icons';
    content: 'arrow_downward';
    background-color: #d856a6;
}

sp fo:before {
    font-family: 'Material Icons';
    content: 'reply_all';
    background-color: #0072ff;
    border-radius: 50%;
    font-size: 13px;
    position: absolute;
    top: 0;
    left: -2px;
    height: 22px;
    width: 22px;
    color: #ffffff;
    text-align: center;
    line-height: 22px;
}

sp gu:before {
    font-family: 'Material Icons';
    content: 'trending_up';
    background-color: #ff0000;
    border-radius: 50%;
    font-size: 13px;
    position: absolute;
    top: 0;
    left: -2px;
    height: 22px;
    width: 22px;
    color: #ffffff;
    text-align: center;
    line-height: 22px;
}

sp a {
    height: 26px;
    width: 26px;
    background: transparent;
    opacity: 0.54;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    margin: 1px 0 0 1px;
    font-size: 13px;
    text-decoration: none;
    color: rgba(0,0,0, 0.87);
    border: none;
    outline: none;
    overflow: hidden;
    position: relative;
}

    sp a i:before {
        font-family: 'Material Icons';
        content: 'cancel';
        font-weight: normal;
        font-style: normal;
        font-size: 26px;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        -webkit-font-feature-settings: 'liga';
        -webkit-font-smoothing: antialiased;
    }

sp bi {
    font-family: 'Roboto-Regular';
    display: block;
    float: left;
    font-size: 13px;
    min-height: 32px;
    height: auto;
    position: relative;
    margin-right: 5px;
    margin-top: 5px;
    color: rgba(0,0,0, 0.87);
    background-color: rgb(251, 185, 4);
    overflow: hidden;
    border-radius: 20px;
    line-height: 32px;
}

    sp bi div {
        padding-left: 20px;
        padding-right: 40px;
        max-width: calc(100% - 40px);
        text-transform: capitalize;
    }

    sp bi a {
        position: absolute;
        z-index: 9999;
        top: 2px;
        right: 4px;
        color: #000000;
    }
/*sipariş teslim et deki ürün tablosu*/
table.SiparisTeslimTablo {
    width: 100%;
    background-color: #ffffff;
    border-collapse: collapse;
    color: #000000;
    overflow: hidden;
}

    table.SiparisTeslimTablo td, table.SiparisTeslimTablo th {
        border: none;
        border-bottom: 1px solid #f2f2f2;
        padding: 3px;
        font-size: 13px;
        overflow: hidden;
    }

    table.SiparisTeslimTablo thead {
        background-color: #ffffff;
        color: #0047b7;
    }

    table.SiparisTeslimTablo .Sayı {
        width: 30px
    }

    table.SiparisTeslimTablo .urunadi {
        width: 100%;
        text-transform: capitalize;
    }

    table.SiparisTeslimTablo .boscell {
        overflow: hidden !important;
        min-width: 35px;
        text-align: center;
        margin: 0;
        padding: 0;
    }

    table.SiparisTeslimTablo .bossayi {
        min-width: 40px !important;
        text-align: center;
        overflow: hidden;
    }

.SiparisTeslimTablo lf, .SiparisTeslimTablo rt {
    display: inline-block;
    background-color: #f2f2f2;
    height: 30px;
    width: 30px;
    border-radius: 16px;
    margin-top: 4px;
}

    .SiparisTeslimTablo lf:before {
        overflow: hidden;
        font-family: 'Material Icons';
        content: 'expand_more';
        cursor: pointer;
        font-size: 25px;
        line-height: 32px;
    }

    .SiparisTeslimTablo rt:before {
        overflow: hidden;
        font-family: 'Material Icons';
        content: 'expand_less';
        cursor: pointer;
        font-size: 25px;
        line-height: 30px;
    }

    .SiparisTeslimTablo lf:hover, .SiparisTeslimTablo rt:hover {
        background-color: #e6e6e6;
    }

    .SiparisTeslimTablo lf:active, .SiparisTeslimTablo rt:active {
        background-color: #d5d5d5;
    }

/*#endregion */