html {
    overflow-x: hidden;
    min-height: 100vh;
    background: #fdfdfd;
    box-sizing: border-box;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    display: block;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
    font-size: 19px;
    line-height: 28px;
    color: #4c4d4b;
    margin: 0;
    padding: 0;
}

.home {
    background-image: linear-gradient(90deg, #064777, #178ed1) !important;
}

.home body {
    color: #fff;
    font-family: proxima-nova, sans-serif;
}

.home h1 {
    margin-bottom: 24px!important;
    font-size: 33.178px;
    line-height: 39.813px;
}

.home>p {
    margin-bottom: 48px!important;
    opacity: .5!important;
}

.home form {
    display: flex;
    flex-wrap: wrap;
}

.home form button {
    margin-left: 10px;
    flex: 0 0 40%;
}

.home input,
.home textarea,
.home select,
.home button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em;
    font: 400 11px system-ui;
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    cursor: text;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}

.home hr {
    margin-bottom: 24px!important;
    opacity: .09!important;
    width: 90px;
    height: 2px;
    border: none;
    background-color: #fff;
    -webkit-margin-start: 0 !important;
}

.home .c-input {
    padding: 12px;
    width: 100%;
    /* font-family: proxima-nova,sans-serif; */
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    outline: none;
    appearance: none;
    border: none;
    background: hsla(0, 0%, 100%, .35);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
    border-radius: 3px;
    transition: all .3s;
    flex: 1 1 50%;
    height: 48px;
}

.home .c-input::placeholder {
    color: rgba(255, 255, 255, .9);
}

.home .c-input:focus {
    color: #4a4a4a;
    background: #fff;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .15), 0 2px 4px 0 rgba(0, 0, 0, .15);
}

.home .c-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
}

.home .c-button:active {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
}

.home .c-button {
    display: inline-block;
    padding: 12px 18px;
    font: inherit;
    color: #FFF; /*#fff; */
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    text-decoration: none;
    background: #065082; /* #2F9AD7; */
    font-family: proxima-nova, sans-serif;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
    border-radius: 3px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    transition: all .3s;
    outline: none;
    white-space: nowrap;
    width: 100%;
    flex-basis: 0;
}

.home a.media {
    background: hsla(0, 0%, 100%, .3);
    border-radius: 2px;
    padding: 12px;
    text-align: left;
    font-size: 16px;
    line-height: 23.04px;
    color: #fff;
    text-decoration: none;
    display: flex;
}

.home a.media img {
    padding-right: 12px;
    float: left;
    width: 42px;
}

.home a.media small {
    font-size: 13.333px;
    line-height: 16px;
    display: block;
}

.home a.media p {
    margin: 0;
}

*,
 :after,
 :before {
    box-sizing: inherit;
}

@media screen and (min-width: 768px) {
    .container {
        padding-right: 24px;
        padding-left: 24px;
    }
}

.header {
    width: 100%;
    display: block;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.25);
    top: 0;
    position: fixed;
    background: #fff;
    z-index: 1;
}

.header .container {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.header .container h1 {
    flex: 0 0 120px;
}

.header .container nav {
    flex: 1 1 60%;
}

.header+.container {
    padding-top: 100px;
}

.header ul {
    height: 65px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
}

.header ul li {
    width: auto;
    list-style: none;
}

.header ul li a {
    font-size: 1rem;
    color: rgba(0, 0, 0, .5);
    text-decoration: none;
    padding: 10px;
    display: flex;
}

.header ul li a i {
    font-size: 1.15em;
}

.header ul li a:hover {
    color: #3c3d3b;
}

.header ul li a.active {
    color: #2F9AD7;
    font-weight: bold;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: inherit;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: .5em;
    margin-top: 0;
}

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

h2 {
    font-weight: 400;
    font-size: 1.6rem;
}

h3 {
    font-size: 1.4rem;
}

h4 {
    font-size: 1.2rem;
}

h5 {
    font-size: 1rem;
}

h6 {
    font-size: .8rem;
}

p {
    font-size: 1rem;
    /* padding: 0; */
    margin: 0;
    line-height: 1.2;
    margin: 0 0 1rem;
}

.ketchup-error,
.message.message-alert,
.message {
    flex: 0 0 100%;
    position: absolute;
    padding: 8px;
    border-radius: 1px;
    line-height: 1;
    margin-top: 5px;
    font-weight: bold;
    font-size: .75em;
    color: #393939;
    top: 45px !important;
    left: 0 !important;
    background: #f06c6c;
}

.message.message-success {
    background: rgba(32, 209, 163, 1) !important;
}

.ketchup-error ul {
    padding: 0 0 0 20px;
    margin: 0;
}

hr {
    display: block;
    unicode-bidi: isolate;
    -webkit-margin-before: 0.5em;
    -webkit-margin-after: 0.5em;
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    overflow: hidden;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-right: 12px;
    padding-left: 12px;
    max-width: 1220px;
    display: flex;
}

.logo {
    width: 120px;
    height: 65px;
    background-image: url(../img/logo.svg);
    background-repeat: no-repeat;
    text-indent: -9999em;
}

.u-pv-x8 {
    padding-top: 48px!important;
    padding-bottom: 48px!important;
}

.button {
    position: relative;
    display: flex;
    justify-content: center;
}

.gradient {
    background: linear-gradient(90deg, #064777, #178ed1) !important;
}

.blue {
    background: #2F9AD7 !important;
}

.red {
    background: rgba(240, 108, 108, 1) !important;
}

.green {
    background: rgba(32, 209, 163, 1) !important;
}

.yellow {
    background: #f2d845 !important;
}

.orange {
    background: rgba(255, 123, 41, 1) !important;
}

.dark {
    background: #393939 !important;
}

form {
    position: relative;
}

.input-text {
    padding: 5px 0;
    display: block;
    width: 100%;
}

.input-text label {
    width: 100%;
    display: block;
    font-size: 14px;
}

input {
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    cursor: text;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}

input,
textarea,
select,
button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em;
    font: 400 11px system-ui;
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    cursor: text;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    /* border-image: initial; */
}

::placeholder {
    opacity: .5;
}

select:not([multiple]) {
    width: 100%;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right .35rem center/.5rem .6rem !important;
}

input[type=text],
input[type=number],
input[type=email],
input[type=password],
input[type=color],
select,
textarea {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
    box-shadow: none;
    padding: 0 5px;
    line-height: 36px;
    border-radius: 2px;
    font-size: 16px;
    transition: .15s all;
}

input[type=text],
input[type=number],
input[type=email],
input[type=password],
input[type=color],
select {
    height: 36px;
}

textarea {
    padding: 5px;
    line-height: 21px;
}

input[type=text]:active,
input[type=text]:focus,
input[type=number]:active,
input[type=number]:focus,
input[type=email]:active,
input[type=email]:focus,
input[type=password]:active,
input[type=password]:focus,
input[type=color]:active,
input[type=color]:focus,
select:focus,
select:active,
textarea:focus,
textarea:active {
    border-color: rgba(47, 154, 215, 0.6);
    box-shadow: 0 0 0 2px rgba(47, 154, 215, 0.15);
    outline: none;
}

textarea {
    max-width: 100%;
    min-width: 100%;
}

select {
    font-weight: bold;
}

input[type=color] {
    padding: 0;
    cursor: pointer;
}

input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 2px;
    border-radius: 2px;
}

input[type="color"]::-webkit-color-swatch {
    border: none;
    border-radius: 2px;
}

.checkbox {
    display: flex;
    position: relative;
    width: 100%;
    float: 1 1 100%;
    align-items: center;
}

.checkbox input {
    opacity: 0;
    z-index: 1;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    display: block;
    cursor: pointer;
}

.checkbox span {
    background: #fff;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, .25);
    display: block;
    position: relative;
    z-index: 0;
    transition: .15s all;
}

.checkbox input:hover+span,
.checkbox input:active+span {
    box-shadow: 0 0 0 2px rgba(47, 154, 215, 0.15);
    border-color: rgba(47, 154, 215, 0.6);
}

.checkbox input:checked+span {
    background: rgba(47, 154, 215, 1);
    border-color: rgba(47, 154, 215, 1);
}

.checkbox input:checked+span:after {
    background-clip: padding-box;
    border: .1rem solid #fff;
    border-left-width: 0;
    border-top-width: 0;
    content: "";
    height: 12px;
    left: 50%;
    margin-left: -4px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 8px;
}

.checkbox label {
    line-height: 1;
    padding: 5px;
    flex: 1 1 40%;
}

.radio {
    display: flex;
    position: relative;
    width: 100%;
    float: 1 1 100%;
    align-items: center;
}

.radio input {
    opacity: 0;
    z-index: 1;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    display: block;
    cursor: pointer;
}

.radio span {
    background: #fff;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, .25);
    display: block;
    position: relative;
    z-index: 0;
    transition: .15s all;
}

.radio input:hover+span,
.radio input:active+span {
    box-shadow: 0 0 0 2px rgba(47, 154, 215, 0.15);
    border-color: rgba(47, 154, 215, 0.6);
}

.radio input:checked+span {
    background: rgba(47, 154, 215, 1);
    border-color: rgba(47, 154, 215, 1);
}

.radio input:checked+span:after {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 4px;
    left: 4px;
    background: #fff;
    border-radius: 7px;
    content: "";
}

.radio label {
    line-height: 1;
    padding: 5px;
    flex: 1 1 40%;
}

.switch {
    display: flex;
    position: relative;
    width: 100%;
    float: 1 1 100%;
    align-items: center;
}

.switch input {
    opacity: 0;
    z-index: 1;
    position: absolute;
    width: 32px;
    height: 20px;
    left: 0;
    display: block;
    cursor: pointer;
    transition: .15s all;
}

.switch span {
    background: rgba(0, 0, 0, .1);
    width: 32px;
    height: 20px;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, .25);
    display: block;
    position: relative;
    z-index: 0;
    transition: .15s all;
}

.switch span:after {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 2px;
    right: 2px;
    background: #fff;
    border-radius: 7px;
    content: "";
    box-shadow: 0 0 3px rgba(0, 0, 0, .25);
    transition: .15s all;
}

.switch input:hover+span,
.switch input:active+span {
    box-shadow: 0 0 0 2px rgba(47, 154, 215, 0.15);
    border-color: rgba(47, 154, 215, 0.6);
}

.switch input:checked+span {
    background: rgba(47, 154, 215, 1);
    border-color: rgba(47, 154, 215, 1);
}

.switch input:checked+span:after {
    right: calc(100% - 16px);
}

.switch label {
    line-height: 1;
    padding: 5px;
    flex: 1 1 40%;
}

.switch.on-off input+span {
    /* background: rgba(204,97,96,1);
    border-color: rgba(204,97,96,1); */
    background: rgba(240, 108, 108, 1);
    border-color: rgba(240, 108, 108, 1);
}

.switch.on-off input:checked+span {
    background: rgba(32, 209, 163, 1);
    border-color: rgba(32, 209, 163, 1);
}

.button {
    position: relative;
    display: inline-block;
    padding: 0 22px;
    font: inherit;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    text-decoration: none;
    font-family: proxima-nova, sans-serif;
    /* box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); */
    border-radius: 3px;
    font-weight: 500;
    font-size: 16px;
    line-height: 36px;
    transition: all .3s;
    outline: none;
    white-space: nowrap;
    border: 1px solid rgba(47, 154, 215, 0.6);
    outline: none;
}

.button:hover {
    box-shadow: 0 0 0 2px rgba(47, 154, 215, 0.15);
    transform: translateY(-1px);
}

.button:active {
    box-shadow: 0 0 0 3px rgba(47, 154, 215, 0.25);
    transform: translateY(-1px);
}

.button:disabled {
    cursor: not-allowed;
    background: #c9c9c9;
    border-color: #c9c9c9;
}

.button:disabled:hover,
.button:disabled:active {
    box-shadow: none;
}

.button-full {
    width: 100%;
}

.button .badge {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(.3rem, -.3rem);
    box-shadow: 0 0 0 .10rem #fff;
    background: inherit;
    color: inherit;
}

.button-default {
    background: #2F9AD7;
    color: #fff;
}

.button-blue {
    background: #2F9AD7;
    color: #fff;
}

.button-red {
    background: rgba(240, 108, 108, 1);
    border-color: rgba(240, 108, 108, 1);
    color: #fff;
}

.button-green {
    background: rgba(32, 209, 163, 1);
    border-color: rgba(32, 209, 163, 1);
    color: #fff;
}

.button-yellow {
    background: #f2d845;
    border-color: #f2d845;
    color: #fff;
}

.button-orange {
    background: rgba(255, 123, 41, 1);
    border-color: rgba(255, 123, 41, 1);
    color: #fff;
}

.button-dark {
    background: #393939;
    border-color: #393939;
    color: #fff;
}

.button-link,
.button-link:hover,
.button-link:active {
    background: none;
    border-color: rgba(255, 255, 255, 0);
    color: #2F9AD7;
    box-shadow: none;
    transform: translateY(0px);
}

.button-link:disabled {
    opacity: .9;
}

.button.loading {
    position: relative;
}

.button.loading:after {
    width: 22;
    height: 22px;
    background: url('../img/loader.svg');
    background-size: contain;
    display: block;
    position: absolute;
    top: 7px;
    right: 0;
    content: "";
}

.button.button-dark.loading:after {
    background-image: url('../img/loader-bright.svg');
}

@font-face {
    font-family: tk-proxima-nova-n6;
    src: url('../fonts/bluu-type/bluu-n6.woff2') format("woff2"), url('../fonts/bluu-type/bluu-n6.woff') format("woff"), url('../fonts/bluu-type/bluu-n6.otf') format("opentype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: tk-proxima-nova-n4;
    src: url('../fonts/bluu-type/bluu-n4.woff2') format("woff2"), url('../fonts/bluu-type/bluu-n4.woff') format("woff"), url('../fonts/bluu-type/bluu-n4.otf') format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: tk-proxima-nova-n5;
    src: url('../fonts/bluu-type/bluu-n5.woff2') format("woff2"), url('../fonts/bluu-type/bluu-n5.woff') format("woff"), url('../fonts/bluu-type/bluu-n5.otf') format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: proxima-nova;
    src: url('../fonts/bluu-type/bluu-6.woff2') format("woff2"), url('../fonts/bluu-type/bluu-6.woff') format("woff"), url('../fonts/bluu-type/bluu-6.otf') format("opentype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: proxima-nova;
    src: url('../fonts/bluu-type/bluu-4.woff2') format("woff2"), url('../fonts/bluu-type/bluu-4.woff') format("woff"), url('../fonts/bluu-type/bluu-4.otf') format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: proxima-nova;
    src: url('../fonts/bluu-type/bluu-3.woff2') format("woff2"), url('../fonts/bluu-type/bluu-3.woff') format("woff"), url('../fonts/bluu-type/bluu-3.otf') format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;

}


/* POSITIONING */

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.justify {
    text-align: justify;
}


/* ==== GRID SYSTEM ==== */

.container {
    width: 100%;
    /* margin-left: auto; */
    /* margin-right: auto; */
}

.row {
    position: relative;
    width: 104%;
    margin: 0 -1%;
}

.row [class^="col"] {
    float: left;
    margin: 0.5rem 1%;
    min-height: 0.125rem;
    box-sizing: border-box;
    padding: 0.5rem;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    width: 98%;
}

.col-1-sm {
    width: 6.33%;
}

.col-2-sm {
    width: 14.66%;
}

.col-3-sm {
    width: 23%;
}

.col-4-sm {
    width: 31.33%;
}

.col-5-sm {
    width: 39.66%;
}

.col-6-sm {
    width: 48%;
}

.col-7-sm {
    width: 56.33%;
}

.col-8-sm {
    width: 64.66%;
}

.col-9-sm {
    width: 73%;
}

.col-10-sm {
    width: 81.33%;
}

.col-11-sm {
    width: 89.66%;
}

.col-12-sm {
    width: 98%;
}

.row::after {
    content: "";
    display: table;
    clear: both;
}

.hidden-sm {
    display: none;
}

@media only screen and (min-width: 33.75em) {
    /* 540px */
    .container {
        width: 80%;
    }
}

@media only screen and (min-width: 45em) {
    /* 720px */
    .col-1 {
        width: 6.33%;
    }
    .col-2 {
        width: 14.66%;
    }
    .col-3 {
        width: 23%;
    }
    .col-4 {
        width: 31.33%;
    }
    .col-5 {
        width: 39.66%;
    }
    .col-6 {
        width: 48%;
    }
    .col-7 {
        width: 56.33%;
    }
    .col-8 {
        width: 64.66%;
    }
    .col-9 {
        width: 73%;
    }
    .col-10 {
        width: 81.33%;
    }
    .col-11 {
        width: 89.66%;
    }
    .col-12 {
        width: 98%;
    }
    .hidden-sm {
        display: block;
    }
}

.bg-placeholder {
    min-height: 30px;
    background: rgba(0, 0, 0, 0.25);
    display: block;
}

@media only screen and (min-width: 60em) {
    /* 960px */
    .container {
        width: 75%;
        max-width: 60rem;
    }
}

table {
    width: 100%;
    border: none;
    padding: 0;
    border-collapse: collapse;
}

table td,
table th {
    border-bottom: .05rem solid #e7e9ed;
    padding: .6rem .4rem;
}

table th {
    border-width: 0.1rem;
    font-weight: bold;
    text-align: left;
}

table.striped tbody tr:nth-child(odd) {
    background: rgba(0, 0, 0, .03);
}

table.striped tbody tr:nth-child(even) {
    background: rgba(0, 0, 0, .005);
}

.avatar {
    background: #5755d9;
    border-radius: 50%;
    color: rgba(255, 255, 255, .85);
    display: inline-block;
    font-size: .8rem;
    font-weight: 300;
    height: 1.6rem;
    line-height: 1.25;
    margin: 0;
    position: relative;
    vertical-align: middle;
    width: 1.6rem;
}

figure {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}

img {
    border-style: none;
}

.avatar.avatar-sm {
    font-size: .6rem;
    height: 1.2rem;
    width: 1.2rem;
}

.chip {
    align-items: center;
    background: rgba(0, 0, 0, .03);
    border-radius: 5rem;
    display: inline-flex;
    display: -ms-inline-flexbox;
    -ms-flex-align: center;
    font-size: 90%;
    height: 1.2rem;
    line-height: .8rem;
    margin: .1rem;
    max-width: 100%;
    padding: .2rem .4rem;
    text-decoration: none;
    vertical-align: middle;
    transition: .15s all;
}

.chip .avatar {
    margin-left: -.4rem;
    margin-right: .2rem;
}

.chip:hover {
    box-shadow: 0 0 0 2px rgba(47, 154, 215, 0.15);
}

.empty {
    background: rgba(0, 0, 0, .03);
    border-radius: .1rem;
    padding: 3.2rem 1.6rem;
    text-align: center;
}

.empty .empty-icon {
    margin-bottom: .8rem;
}

.empty .empty-title,
.empty .empty-subtitle {
    margin: .4rem auto;
}

.empty .empty-action {
    margin-top: .8rem;
}

.cards {
    width: 100%;
    margin: 0 auto;
    column-count: 2;
    column-gap: 12px;
    box-sizing: border-box;
    display: block;
}

@media screen and (max-width: 768px) {
    .cards {
        column-count: 1;
    }
}

.cards .card {
    width: 100%;
    border-radius: 3px;
    padding: 0;
    box-sizing: border-box;
    transition: .3s all;
    display: block;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1), 0 1px 5px rgba(0, 0, 0, .075);
    page-break-inside: avoid;
    break-inside: avoid-column;
    margin-bottom: 12px;
}

.cards .card img {
    width: 100%;
}

.cards .card img:first-child {
    border-radius: 3px 3px 0 0;
}

.cards .card img:last-child {
    border-radius: 0 0 3px 3px;
}

.cards .card img:only-child {
    border-radius: 3px;
}

.cards .card .card-content {
    display: block;
}

.cards .card .card-description {
    padding: 10px;
}

ul.tabs {
    align-items: center;
    border-bottom: .05rem solid rgba(0, 0, 0, .25);
    display: flex;
    display: -ms-flexbox;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: .2rem 0 .15rem 0;
    padding: 0;
}

ul.tabs li {
    margin-top: 0;
}

ul.tabs li a {
    border-bottom: .1rem solid transparent;
    color: inherit;
    display: block;
    margin: 0 .4rem 0 0;
    padding: .4rem .2rem .3rem .2rem;
    text-decoration: none;
    font-size: .83rem;
}

ul.tabs li a:hover {
    color: #2F9AD7;
}

ul.tabs li.active a {
    border-bottom-color: #2F9AD7;
    color: #2F9AD7;
}

.tab-content {
    padding: 1rem 0;
    display: none;
}

.tab-content.active {
    display: block;
}

ul.nav {
    display: block;
    padding: 30px 0 0 0;
    margin: 0;
    position: fixed;
}

ul.nav li {
    display: block;
}

ul.nav li a {
    display: flex;
    padding: 10px 5px 10px 0;
    color: rgba(0, 0, 0, .5);
    text-decoration: none;
    font-size: .83rem;
}

ul.nav li a:hover {
    color: #3c3d3b;
}

ul.nav li a.active {
    color: #2F9AD7;
    font-weight: bold;
}

.badge {
    font-size: .7rem;
    height: .9rem;
    line-height: 1;
    min-width: .9rem;
    padding: .1rem .2rem;
    text-align: center;
    white-space: nowrap;
    box-sizing: 0 0 0 .1rem #fff;
    display: inline-block;
    color: #fff;
    transform: translate(-.1rem, -.5rem);
    background: #2F9AD7;
    border-radius: .45rem;
}

.badge.dot {
    height: 6px;
    width: 6px;
    min-width: 6px;
    padding: 0;
    transform: translate(-.1rem, -.5rem);
}

@font-face {
    font-family: 'bluu';
    src: url('../fonts/icons/bluu.eot?3a5qjw');
    src: url('../fonts/icons/bluu.eot?3a5qjw#iefix') format('embedded-opentype'), url('../fonts/icons/bluu.woff2?3a5qjw') format('woff2'), url('../fonts/icons/bluu.ttf?3a5qjw') format('truetype'), url('../fonts/icons/bluu.woff?3a5qjw') format('woff'), url('../fonts/icons/bluu.svg?3a5qjw#bluu') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

i {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'bluu' !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-attach_file:before {
    content: "\e226";
}

.icon-attach_money:before {
    content: "\e227";
}

.icon-block:before {
    content: "\e14b";
}

.icon-close:before {
    content: "\e5cd";
}

.icon-cloud_download:before {
    content: "\e2c0";
}

.icon-palette:before {
    content: "\e40a";
}

.icon-markunread:before {
    content: "\e159";
}

.icon-error:before {
    content: "\e000";
}

.icon-error_outline:before {
    content: "\e001";
}

.icon-insert_invitation:before {
    content: "\e24f";
}

.icon-favorite_border:before {
    content: "\e87e";
}

.icon-help:before {
    content: "\e887";
}

.icon-help_outline:before {
    content: "\e8fd";
}

.icon-hourglass_empty:before {
    content: "\e88b";
}

.icon-hourglass_full:before {
    content: "\e88c";
}

.icon-room:before {
    content: "\e8b4";
}

.icon-more_vert:before {
    content: "\e5d4";
}

.icon-notifications:before {
    content: "\e7f4";
}

.icon-notifications_none:before {
    content: "\e7f5";
}

.icon-pan_tool:before {
    content: "\e925";
}

.icon-person_outline:before {
    content: "\e7ff";
}

.icon-person:before {
    content: "\e7fd";
}

.icon-public:before {
    content: "\e80b";
}

.icon-visibility:before {
    content: "\e8f4";
}

.icon-sentiment_dissatisfied:before {
    content: "\e811";
}

.icon-sentiment_neutral:before {
    content: "\e812";
}

.icon-sentiment_satisfied:before {
    content: "\e813";
}

.icon-settings:before {
    content: "\e8b8";
}

.icon-style:before {
    content: "\e41d";
}

.icon-visibility_off:before {
    content: "\e8f5";
}


/* a.active .icon-person_outline:before, a:hover .icon-person_outline:before{
    content: "\e7fd";
    transition: .3s all;
}
a.active .icon-notifications_none:before, a:hover .icon-notifications_none:before{
    content: "\e7f4";
    transition: .3s all;
} */