/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

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

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

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

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

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

td, th {
    padding: 0
}


.notification {
    border: 1px solid;
    display: table;
    font-family: sans-serif;
    font-size: 12px;
    padding: 13px 15px;
    transition: height .2s;
    width: 100%;
    color: #555
}

.notification a {
    color: #158ec2
}

.notification-inner {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 980px
}

.notification-icon, .notification-text, .notification-dismiss {
    display: table-cell;
    vertical-align: middle
}

.notification-text {
    padding: 0 15px;
    width: 100%
}

.notification + .notification {
    margin-bottom: -1px;
    position: relative;
    top: -1px
}

.notification-error {
    background: #ffeded;
    border-color: #f7cbcb
}

.notification-error .notification-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 focusable=%27false%27 viewBox=%270 0 12 12%27%3E%3Cg fill=%27none%27 stroke=%27%23555555%27%3E%3Ccircle cx=%275.5%27 cy=%276.5%27 r=%275%27/%3E%3Cpath stroke-linecap=%27round%27 d=%27M5.5 3.5v3%27/%3E%3C/g%3E%3Ccircle cx=%275.5%27 cy=%279%27 r=%271%27 fill=%27%23555555%27/%3E%3C/svg%3E")
}

.notification-notice {
    background: #dbf3ff;
    border-color: #b5e0f5
}

.notification-notice .notification-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 focusable=%27false%27 viewBox=%270 0 12 12%27%3E%3Cg fill=%27none%27 stroke=%27%23555555%27%3E%3Cpath stroke-linecap=%27round%27 stroke-linejoin=%27round%27 d=%27M3.5 6l2 2L9 4.5%27/%3E%3Ccircle cx=%276%27 cy=%276%27 r=%275.5%27/%3E%3C/g%3E%3C/svg%3E")
}

.notification-alert, .notification-lock {
    color: #ad5e18;
    background: #fff8ed;
    border-color: #fcdba9
}

.notification-alert .notification-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 focusable=%27false%27 viewBox=%270 0 12 12%27%3E%3Cpath fill=%27none%27 stroke=%27%23ad5e18%27 stroke-linecap=%27round%27 d=%27M5.06 1.27l-4.5 8.5c-.18.33.06.73.44.73h9c.38 0 .62-.4.44-.73l-4.5-8.5a.494.494 0 00-.88 0zM5.5 4v2%27/%3E%3Ccircle cx=%275.5%27 cy=%278%27 r=%27.8%27 fill=%27%23ad5e18%27/%3E%3C/svg%3E")
}

.notification-lock .notification-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 focusable=%27false%27 viewBox=%270 0 12 12%27%3E%3Cpath fill=%27none%27 stroke=%27%23ad5e18%27 d=%27M3.5 5.5V3a2.5 2.5 0 015 0v2.5%27/%3E%3Crect width=%2710%27 height=%277%27 x=%271%27 y=%275%27 fill=%27%23ad5e18%27 rx=%271%27 ry=%271%27/%3E%3C/svg%3E")
}

.notification-icon::before {
    background-size: cover;
    content: "";
    display: inline-block;
    height: 14px;
    width: 14px;
    vertical-align: middle
}

.notification-dismiss, a.notification-dismiss {
    color: #555;
    cursor: pointer;
    opacity: .6;
    transition: opacity 100ms ease;
    text-decoration: none !important
}

.notification-dismiss:hover {
    opacity: 1
}

.notification-inline {
    border-radius: 4px;
    line-height: 14px;
    margin-top: 5px;
    padding: 5px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

[dir=rtl] .notification-inline {
    text-align: right
}

.notification-inline[aria-hidden=true] {
    display: none
}

.notification-inline.notification-error::before {
    border-radius: 50%;
    border: 1px solid #e35b66;
    color: #e35b66;
    content: "!";
    display: inline-block;
    font-family: sans-serif;
    font-size: 8px;
    font-weight: normal;
    height: 12px;
    line-height: 12px;
    margin: -2px 5px 0 0;
    text-align: center;
    vertical-align: middle;
    width: 12px
}

[dir=rtl] .notification-inline.notification-error::before {
    margin: 0 0 0 5px
}

.notification-inline.notification-error {
    background-color: #fff0f1;
    border: 1px solid #e35b66;
    color: #cc3340
}

.notification-inline.notification-large {
    padding: 13px 15px;
    margin-bottom: 25px
}

.notification-left-aligned {
    text-align: left;
    padding-left: 0
}

html[dir=rtl] .notification-left-aligned {
    text-align: right;
    padding-left: auto;
    padding-right: 0
}

.dropdown {
    position: relative;
    display: inline-block
}

.dropdown-toggle {
    display: inline-block;
    vertical-align: middle
}

.dropdown-toggle:hover {
    text-decoration: none
}

.dropdown-toggle > * {
    display: inline-block
}

.dropdown-menu {
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
    display: none;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    left: 0;
    margin-top: 1px;
    min-width: 170px;
    padding: 10px 0;
    position: absolute;
    text-align: left;
    z-index: 1000
}

[dir=rtl] .dropdown-menu {
    text-align: right
}

.dropdown-menu[aria-expanded=true] {
    display: block
}

.dropdown-menu [role=separator] {
    border-bottom: 1px solid #d8d8d8;
    color: #969696;
    display: block;
    font-weight: normal;
    font-size: 11px;
    padding: 5px 0;
    margin: 5px 20px 10px 20px
}

[dir="ltr"] .dropdown-menu [role=menuitem] {
    text-align: left
}

[dir="rtl"] .dropdown-menu [role=menuitem] {
    text-align: right
}

.dropdown-menu [role=menuitem] {
    color: #333;
    cursor: pointer;
    display: block;
    padding: 7px 40px 7px 20px;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    line-height: inherit;
    width: 100%
}

[dir=rtl] .dropdown-menu [role=menuitem] {
    padding: 7px 20px 7px 40px
}

.dropdown-menu [role=menuitem]:hover, .dropdown-menu [role=menuitem]:focus {
    background: #f3f3f3;
    text-decoration: none;
    color: #333
}

.dropdown-menu [role=menuitem][aria-selected=true] {
    background: #f3f3f3;
    cursor: default
}

.dropdown-menu [role=menuitem][aria-selected=true]::after {
    content: "✓";
    margin-left: 10px;
    font-family: "entypo"
}

[dir=rtl] .dropdown-menu [role=menuitem][aria-selected=true]::after {
    margin-left: 0;
    margin-right: 10px;
    float: left
}

.dropdown-menu [role=menuitem][hidden], .dropdown-menu [role=menuitem][aria-hidden=true] {
    display: none !important
}

.dropdown-menu-caret {
    margin-top: 10px
}

.dropdown-menu-caret::before, .dropdown-menu-caret::after {
    content: "";
    display: inline-block;
    position: absolute
}

.dropdown-menu-caret::before {
    top: -7px;
    left: 9px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #d8d8d8;
    border-left: 7px solid transparent
}

.dropdown-menu-caret::after {
    top: -6px;
    left: 10px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent
}

.dropdown-menu-end {
    left: auto;
    right: 0
}

.dropdown-menu-end.dropdown-menu-caret::before {
    left: auto;
    right: 9px
}

.dropdown-menu-end.dropdown-menu-caret::after {
    left: auto;
    right: 10px
}

.dropdown-menu-top {
    bottom: 100%;
    margin-bottom: 1px
}

[dir=rtl] .dropdown-menu {
    left: auto;
    right: 0;
    text-align: right
}

[dir=rtl] .dropdown-menu-end {
    left: 0;
    right: auto
}

[dir=rtl] .dropdown-menu-end.dropdown-menu-caret::before {
    left: 9px;
    right: auto
}

[dir=rtl] .dropdown-menu-end.dropdown-menu-caret::after {
    left: 10px;
    right: auto
}

[dir=rtl] .dropdown-menu-caret::before {
    left: auto;
    right: 9px
}

[dir=rtl] .dropdown-menu-caret::after {
    left: auto;
    right: 10px
}

.dropdown-toggle-icon {
    vertical-align: middle
}

.dropdown-toggle {
    cursor: pointer
}

.dropdown-toggle::after {
    color: #888;
    content: "  ";
    display: inline-block;
    font-family: "entypo";
    vertical-align: middle
}

.upload-link::before {
    color: #888;
    content: "📎";
    font-family: "entypo";
    margin-right: 5px
}

.upload-remove::before {
    content: "×";
    font-family: "entypo"
}