/* @import "http://weloveiconfonts.com/api/?family=entypo"; */
/* entypo */
@import "../fonts/entypo.css";

[class*="entypo-"]:before {
    font-family: 'entypo', sans-serif;
}

/*
 * Base structure
 */

body {
    color: #555;
    /* background-color: #F9F9F9; */
    background-color: #F1F1F1;
    font-weight: 100;
    /* font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-family: 'Roboto', sans-serif;
    font-size: 12px;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body>.container,
body>.container-fluid,
body>#wrapper {
    padding: 30px 0;
}

body .main {
    padding-left: 70px;
    padding-top: 80px;
}

body.subNav .main {
    padding-left: 70px;
    padding-top: 64px;
}

/****** Print ******/
.onlyPrint {
    display: none;
}

@media print {
    #toast-container {
        display: none;
    }

    .onlyPrint {
        display: block;
    }

    @page {
        margin: 0 -6cm
    }

    /* html {margin:0 6cm} */

    .noPrint {
        display: none;
    }

    body .main {
        padding: 0 !important;
    }
}

/****** PRINT END *****/

@media(min-width: 768px) {
    body .main {
        padding-left: 70px;
        padding-right: 20px;
    }
}

@media(min-width: 1025px) {
    body .main {
        padding-left: 70px;
        padding-right: 20px;
    }

    body>.container,
    body>.container-fluid,
    body>#wrapper {
        padding-left: 80px;
        padding-right: 80px;
    }

    body.subNav>.container,
    body.subNav>.container-fluid,
    body.subNav>#wrapper {
        padding-left: 80px;
        padding-right: 80px;
    }

    body.subNav .main {
        padding-left: 50px;
    }
}

body.scrollLock {
    overflow-y: hidden;
}

body.modalScrollLock .modal {
    overflow: hidden;
}

a {
    color: #192934;
    text-decoration: none;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

a:hover {
    color: #555;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

/*
 * Bootstrap <pre> word wrap fix
 */

pre {
    white-space: pre-wrap;
    /* css-3 */
    white-space: -moz-pre-wrap;
    /* Mozilla, since 1999 */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    word-wrap: break-word;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 300;
}

h4 {
    /* font-size: 14px; */
    font-size: 1.0em;
}

.h3,
h3 {
    font-size: 1.5em;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
    font-weight: inherit;
}

/** Navbar **/

@media (min-width: 768px) {
    .navbar-toggle {
        display: block;
    }
}

@media (min-width: 1025px) {
    .navbar-toggle {
        display: none;
    }
}

/*
 * Imageplaceholder
 */

.imagePlaceholder {
    background-color: #c2c2c2;
    border: 1px solid #ddd;
}

.round {
    border-radius: 50%;
    overflow: hidden;
}

/*
 * Buttons
 */
.btn {
    font-size: 1.1rem;
    font-weight: 100;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.btn.disabled,
.btn[disabled] {
    pointer-events: visible;
    /* pointer-events: none; */
    cursor: not-allowed;
    filter: alpha(opacity=50);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .50;
}

.btn>.icon,
.btn>.fa,
.btn>.fal,
.btn>.fad {
    margin-left: -3px;
    padding-right: 5px;
}

.btn.btn-icon-right>.icon,
.btn.btn-icon-right>.fa,
.btn.btn-icon-right>.fal,
.btn.btn-icon-right>.fad {
    padding-left: 5px;
    margin-right: -3px;
}

.btn.btn-icon-control>.icon,
.btn.btn-icon-control>.fa,
.btn.btn-icon-control>.fal,
.btn.btn-icon-control>.fad {
    padding: 5px;
}

.btn>.icon-only {
    margin-left: 0;
    padding-right: 0;
}

.btn-default {
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.btn-default:active {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.btn-default.danger:hover {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-primary {
    color: #fff;
    background-color: #EF0237;
    border: 1px solid #EF0237;
}

.btn-primary:hover {
    background-color: #192934;
    border-color: #192934;
}

.btn-primary.focus,
.btn-primary:focus {
    background-color: #192934;
    border-color: #018364;
}

.btn-green {
    color: #fff !important;
    background-color: #64B70A !important;
    border: 1px solid #64B70A !important;
}

.btn-green:hover {
    background-color: #89CF3D !important;
    border-color: #89CF3D !important;
}

.btn-red {
    color: #fff !important;
    background-color: #ff4444 !important;
    border: 1px solid #ff4444 !important;
}

.btn-red:hover {
    background-color: #cc3333 !important;
    border-color: #cc3333 !important;
}

.btn-white {
    color: rgb(63, 63, 63) !important;
    background-color: #fff !important;
    border: 1px solid #fff !important;
}

.btn-white:hover {
    background-color: #ccc !important;
    border-color: #ccc !important;
}

.btn-yellow {
    color: rgb(63, 63, 63) !important;
    background-color: rgb(255, 208, 0) !important;
    border: 1px solid rgb(255, 208, 0) !important;
}

.btn-yellow:hover {
    background-color: rgb(255, 224, 87) !important;
    border: 1px solid rgb(255, 224, 87) !important;
}

.btn-gray {
    background-color: #eee !important;
    color: rgb(63, 63, 63) !important;
}

.btn-gray:hover {
    background-color: #ccc !important;
    border-color: #ccc !important;
}

.btn-light-gray {
    background-color: #091e420a !important;
    background-color: #e0e0e0 !important;
    /* border: 1px solid #091e420a !important; */
}

.btn-light-gray:hover {
    background-color: #091e4224 !important;
    background-color: #f1f1f1 !important;
    /* border: 1px solid #091e4224 !important; */
}

.btn-link {
    font-weight: 400;
    color: #192934;
}

.btn-link:focus,
.btn-link:hover {
    color: #555;
    text-decoration: none;
}

.btn-full-width {
    width: 100%;
    padding: 10px;
}

.btn.default {
    background-color: #d8d8d8 !important;
    color: #555;
}

.btn-big-action {
    padding: 10px 40px;
    font-weight: 300;
}

.btn-icon-control {
    color: #898b8e;
    padding: 5px 7px;
    background-color: #F9F9F9;
    border-color: #e8e8e8;
}

.btn-icon-control.active {
    color: #192934;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-icon-control>.fa {
    margin-left: 0px;
    padding-right: 0px;
}

.btn-icon-control>.fal {
    margin-left: 0px;
    padding-right: 0px;
}

.btn-clear {
    background-color: transparent;
    border: none;
}

.btn-clear:hover {
    background-color: #dddddd;
    color: #192934;
}

/*
 * Form - Input Fields
 */

.form-control {
    background-color: #eee;
    border-radius: 3px;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.form-control:focus {
    border: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.input-group-addon {
    background-color: rgba(224, 224, 224, 1);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.input-group-btn .btn-default {
    background-color: #ccc;
    border: 1px solid #ccc;
}

.form-control:focus,
.form-control:hover {
    background-color: #e9e9e9;
    border: none;
}

.form-horizontal .control-label,
label {
    font-weight: 400;
}

#radioBtn .notActive,
#radioBtn .btn,
.radio-btn .notActive,
.radio-btn .btn {
    color: #192934;
    background-color: #fff;
    border-color: #192934;
}

#radioBtn .active,
.radio-btn .active {
    color: #fff;
    background-color: #192934;
    border-color: #192934;
}

.btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #192934 !important;
    border-color: #192934 !important;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    color: #b3b3b3;
    background-color: #f5f5f5;
}

.form-group.error input.ng-invalid,
.form-group.error textarea.ng-invalid,
input.invalid,
.ng-touched input.ng-invalid.ng-dirty,
template.invalid {
    background-color: rgba(218, 54, 51, 0.1);
    border: 1px solid rgba(218, 54, 51, 0.4);
    color: #f85149;
    border-left: 4px solid #f85149;
}

.form-control.invalid:focus,
.form-control.invalid:hover {
    background-color: rgba(218, 54, 51, 0.1);
    border: 1px solid rgba(218, 54, 51, 0.4);
    color: #f85149;
    border-left: 4px solid #f85149;
}

ng-select.invalid .form-control {
    background-color: rgba(218, 54, 51, 0.1);
    border: 1px solid rgba(218, 54, 51, 0.4);
    color: #f85149;
    border-left: 4px solid #f85149;
}

ng-select .ui-select-toggle {
    overflow: hidden !important;
    padding-right: 20px;
}

ng-select .ui-select-match-text {
    width: 100%;
    overflow: hidden;
}
ng-select.autowidth .ui-select-choices.dropdown-menu {
    width: auto !important;
}

.error {
    color: #f85149;
}

/** Dropdown selection **/

.ui-select-choices-row>.dropdown-item {
    font-weight: inherit !important;
}

.ui-select-choices-row.active>a {
    background: #192934 !important;
}

/** Multiselect **/


/** BEGIN angular2-multiselect v6 defaultTheme Styles - should be loaded by angular-cli.json stylesheet **/
.mat-toolbar {
    background: #ffffff;
}

.c-btn {
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
}

.selected-list .c-list .c-token {
    background: #0079FE;
}

.selected-list .c-list .c-token .c-label {
    color: #fff;
}

.selected-list .c-list .c-token .c-remove svg {
    fill: #fff;
}

.selected-list .c-angle-down svg,
.selected-list .c-angle-up svg {
    fill: #333;
}

.dropdown-list ul li:hover {
    background: #f5f5f5;
}

.arrow-up,
.arrow-down {
    border-bottom: 15px solid #fff;
}

.arrow-2 {
    border-bottom: 15px solid #ccc;
}

.list-area {
    border: 1px solid #ccc;
    background: #fff;
    box-shadow: 0px 1px 5px #959595;
}

.select-all {
    border-bottom: 1px solid #ccc;
}

.list-filter {
    border-bottom: 1px solid #ccc;
}

.list-filter .c-search svg {
    fill: #888;
}

.list-filter .c-clear svg {
    fill: #888;
}

.pure-checkbox input[type="checkbox"]:focus+label:before,
.pure-checkbox input[type="checkbox"]:hover+label:before {
    border-color: #0079FE;
    background-color: #f2f2f2;
}

.pure-checkbox input[type="checkbox"]+label {
    color: #000;
}

.pure-checkbox input[type="checkbox"]+label:before {
    color: #0079FE;
    border: 1px solid #0079FE;
}

.pure-checkbox input[type="checkbox"]+label:after {
    background-color: #0079FE;
}

.pure-checkbox input[type="checkbox"]:disabled+label:before {
    border-color: #cccccc;
}

.pure-checkbox input[type="checkbox"]:disabled:checked+label:before {
    background-color: #cccccc;
}

.pure-checkbox input[type="checkbox"]+label:after {
    border-color: #ffffff;
}

.pure-checkbox input[type="radio"]:checked+label:before {
    background-color: white;
}

.pure-checkbox input[type="checkbox"]:checked+label:before {
    background: #0079FE;
}

.single-select-mode .pure-checkbox input[type="checkbox"]:focus+label:before,
.single-select-mode .pure-checkbox input[type="checkbox"]:hover+label:before {
    border-color: #0079FE;
    background-color: #f2f2f2;
}

.single-select-mode .pure-checkbox input[type="checkbox"]+label {
    color: #000;
}

.single-select-mode .pure-checkbox input[type="checkbox"]+label:before {
    color: transparent !important;
    border: 0px solid #0079FE;
}

.single-select-mode .pure-checkbox input[type="checkbox"]+label:after {
    background-color: transparent !important;
}

.single-select-mode .pure-checkbox input[type="checkbox"]:disabled+label:before {
    border-color: #cccccc;
}

.single-select-mode .pure-checkbox input[type="checkbox"]:disabled:checked+label:before {
    background-color: #cccccc;
}

.single-select-mode .pure-checkbox input[type="checkbox"]+label:after {
    border-color: #0079FE;
}

.single-select-mode .pure-checkbox input[type="radio"]:checked+label:before {
    background-color: white;
}

.single-select-mode .pure-checkbox input[type="checkbox"]:checked+label:before {
    background: none !important;
}

.selected-item {
    /* background: #e9f4ff; */
}

.btn-iceblue {
    background: #0079FE;
    border: 1px solid #ccc;
    color: #fff;
}

/** TODO: Overwrite to remove the clear-all cross from all drop down lists **/
.selected-list {
    .c-btn {
        .clear-all {
            display: none !important;
        }
    }
}

/** Overwrite min-height, which gets inline added by component **/
.c-btn {
    min-height: 30px !important;
}

/** END angular2-multiselect v6 defaultTheme Styles - should be loaded by angular-cli.json stylesheet **/

.cuppa-dropdown>.selected-list>.c-btn {
    background-color: #eee !important;
    border-radius: 3px !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    font-size: 1em;
}

/* TODO: Multiselect active text align fix */
/* .c-btn.form-control span {
    padding-top: 5px;
} */

.selected-list .c-btn>span {
    padding-top: 5px;
}

.cuppa-dropdown>.selected-list>.c-btn>span {
    padding-top: 5px;
}

.cuppa-dropdown .dropdown-list {
    padding-top: 0 !important;
    z-index: 1000;
    float: left;
    min-width: 160px;
    margin: 2px 0 0;
    font-size: 1em;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

div.dropdown-list>div.arrow-2.arrow-up {
    display: none;
}

div.dropdown-list>div:nth-child(2) {
    display: none;
}

div.dropdown-list>div.list-area {
    border: none;
    margin: auto;
    box-shadow: none;
}

.cuppa-dropdown {
    color: #ccc;
    color: #000;
}

.selected-list .c-btn {
    font-size: 1em !important;
    padding: 2px !important;
    padding-left: 5px !important;
}

.selected-list .countplaceholder {
    right: 20px !important;
}

.cuppa-dropdown .c-token {
    background: #192934 !important;
}

.cuppa-dropdown .pure-checkbox label::before {
    border-color: #192934 !important;
}

.cuppa-dropdown .pure-checkbox input[type="checkbox"]:checked+label:before {
    background: #192934 !important;
}

.cuppa-dropdown.disabled .cuppa-dropdown>.selected-list>.c-btn {
    opacity: 0.5;
}

.multiselect-dropdown {
    color: #ccc;
}

.selected-list .c-btn {
    font-size: 1em !important;
    padding: 2px !important;
    padding-left: 5px !important;
}

.selected-list .countplaceholder {
    right: 20px !important;
}

.multiselect-dropdown .c-token {
    background: #192934 !important;
}

.multiselect-dropdown .pure-checkbox label::before {
    border-color: #192934 !important;
}

.multiselect-dropdown .pure-checkbox input[type="checkbox"]:checked+label:before {
    background: #192934 !important;
}

.multiselect-dropdown.disabled .cuppa-dropdown>.selected-list>.c-btn {
    opacity: 0.5;
}

.selected-list .c-list .c-token {
    max-width: 90%;
    overflow: hidden;
}

.selected-list .c-list .c-token .c-label {
    white-space: nowrap;
    /* max-width: 90%; */
    overflow: hidden;
}

.c-angle-down {
    /* width: 10px !important;
    height: 10px !important;
    position: absolute !important;
    right: 10px !important;
    top: 15px !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
    display: inline-block !important; */
    width: 0 !important;
    height: 0 !important;
    margin-left: 2px !important;
    vertical-align: middle !important;
    border-top: 4px dashed !important;
    border-top: 4px solid \9 !important;
    border-right: 4px solid transparent !important;
    border-left: 4px solid transparent !important;
}

.c-angle-up {
    width: 0 !important;
    height: 0 !important;
    margin-left: 2px !important;
    vertical-align: middle !important;
    border-top: 4px dashed !important;
    border-top: 4px solid \9 !important;
    border-right: 4px solid transparent !important;
    border-left: 4px solid transparent !important;
    transform: rotate(180deg) !important;
}

app-os-dashboard .cuppa-dropdown>.selected-list>.c-btn {
    height: 45px !important;
}

app-department-dashboard .cuppa-dropdown>.selected-list>.c-btn {
    height: 45px !important;
}

app-cnx .cuppa-dropdown>.selected-list>.c-btn {
    height: 45px !important;
}

/** Checkbox **/

@keyframes hover-color {
    from {
        border-color: #c0c0c0;
    }

    to {
        border-color: #3e97eb;
    }
}

.magic-radio,
.magic-checkbox {
    position: absolute;
    display: none;
}

.magic-radio[disabled],
.magic-checkbox[disabled] {
    cursor: not-allowed;
}

.magic-radio+label,
.magic-checkbox+label {
    margin-top: 5px;
    position: relative;
    display: block;
    padding-left: 30px;
    cursor: pointer;
    vertical-align: middle;
}

.magic-radio+label:hover:before,
.magic-checkbox+label:hover:before {
    animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-name: hover-color;
}

.magic-radio+label:before,
.magic-checkbox+label:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: '';
    border: 1px solid #c0c0c0;
}

.magic-radio+label:after,
.magic-checkbox+label:after {
    position: absolute;
    display: none;
    content: '';
}

.magic-radio[disabled]+label,
.magic-checkbox[disabled]+label {
    cursor: not-allowed;
    color: #e4e4e4;
}

.magic-radio[disabled]+label:hover,
.magic-radio[disabled]+label:before,
.magic-radio[disabled]+label:after,
.magic-checkbox[disabled]+label:hover,
.magic-checkbox[disabled]+label:before,
.magic-checkbox[disabled]+label:after {
    cursor: not-allowed;
}

.magic-radio[disabled]+label:hover:before,
.magic-checkbox[disabled]+label:hover:before {
    border: 1px solid #e4e4e4;
    animation-name: none;
}

.magic-radio[disabled]+label:before,
.magic-checkbox[disabled]+label:before {
    border-color: #e4e4e4;
}

.magic-radio:checked+label:before,
.magic-checkbox:checked+label:before {
    animation-name: none;
}

.magic-radio:checked+label:after,
.magic-checkbox:checked+label:after {
    display: block;
}

.magic-radio+label:before {
    border-radius: 50%;
}

.magic-radio+label:after {
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #3e97eb;
}

.magic-radio:checked+label:before {
    border: 1px solid #3e97eb;
}

.magic-radio:checked[disabled]+label:before {
    border: 1px solid #c9e2f9;
}

.magic-radio:checked[disabled]+label:after {
    background: #c9e2f9;
}

.magic-checkbox+label:before {
    border-radius: 3px;
}

.magic-checkbox+label:after {
    top: 2px;
    left: 7px;
    box-sizing: border-box;
    width: 6px;
    height: 12px;
    transform: rotate(45deg);
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    border-top: 0;
    border-left: 0;
}

.magic-checkbox:checked+label:before {
    border: #3e97eb;
    background: #3e97eb;
}

.magic-checkbox:checked[disabled]+label:before {
    border: #c9e2f9;
    background: #c9e2f9;
}

.magic-checkbox-label {
    margin-left: 30px;
}

/**
 * Scorecard ranking
 */

.ranking-category {
    padding: 10px;
    font-size: 1.2em;
    background-color: #eee;
}

.ranking-category .state {
    text-align: right;
}

.ranking-group {
    padding-left: 25px;
}

.ranking-type {
    padding-top: 12px;
    padding-bottom: 12px;
}

.ranking .drag-handle {
    float: left;
    position: relative;
    min-height: 1px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.ranking.sortable-chosen {
    opacity: 0.4;
    background-color: #fff;
}

.ranking.sortable-ghost {
    opacity: 0.1;
    background-color: #dddddd;
}

.ranking-type-edit-icons {
    text-align: right;
    opacity: 0;
    visibility: hidden;
}

.ranking .ranking-type-edit-icons a {
    padding-right: 10px;
}

.ranking:hover .ranking-type-edit-icons {
    visibility: visible;
    opacity: 1;
    padding-top: 12px;
    padding-bottom: 12px;
}

.ranking.deleted {
    visibility: hidden;
    opacity: 0;
    display: none;
}

.ranking-types-group {
    padding-left: 35px;
}

.ranking-category-group .new-type:not(.stay-open) {
    min-height: 10px;
    visibility: hidden;
    opacity: 0;
    height: 0;
    padding-left: 35px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.ranking-category-group .new-type .ranking-type-edit-icons,
.ranking-category-group .new-type .drag-handle {
    visibility: hidden;
}

.empty-type {
    visibility: hidden;
}

.ranking-category-group:hover .new-type:not(.stay-open) {
    visibility: visible;
    opacity: 1;
    height: auto;
    margin-bottom: 10px;
    padding-top: 12px;
    padding-bottom: 12px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.ranking-category-group .new-type.stay-open {
    opacity: 1 !important;
    visibility: visible !important;
    height: auto;
    margin-bottom: 10px;
    padding-top: 12px;
    padding-bottom: 12px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

.new-type .text_editor {
    border: none;
    background: #ddd;
    color: #000;
    font-size: 1em;
    cursor: text;
}

/**
 * Radio Button Ranking
 */

.ranking .radio-inline {
    padding: 10px 20px;
    margin: 2px;
    color: #9a9a9a;
}

.ranking .radio-inline .radioBtn {
    display: none;
}

input[type="radio"]:checked+span {
    font-weight: bold;
    color: #000;
}

.ranking .radio-inline.low {
    background-color: #f2dede;
}

.ranking .radio-inline.mid {
    background-color: #fcf8e3;
}

.ranking .radio-inline.high {
    background-color: #dff0d8;
}

.ranking .radio-inline.high2 {
    background-color: #dff0d8;
}

/*
 * Login Form
 */

.login-form {
    text-align: center;
    padding: 40px;
}

.login-form .form-control {
    background-color: #eee;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.login-form .input-group-addon {
    background-color: rgba(224, 224, 224, 1);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.login-form .form-control:focus,
.login-form .form-control:hover {
    background-color: #e9e9e9;
    border: none;
}

/**
 * Login Page
 **/

.login-page {
    background-color: #192934;
}

.login-page .copyright {
    font-weight: 400;
    color: #a1a1a1;
}

/**
 * Fullpage Content
 **/

body.fullpage {
    height: 100vh;
    padding-bottom: 0;
}

body.fullpage>.container,
body.fullpage>.container-fluid {
    display: none;
}

/*
 * Navbar
 */

.navbar {
    min-height: 60px;
    background-color: #fff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    /* border-bottom: 1px solid #d5dddf; */
    border-radius: 0;
}

.navbar-default .navbar-nav>li>a {
    /* border-bottom: 1px solid #fff; */
    /* color: #555; */
    color: #9d9d9d;
    /*font-size: 1.8rem;*/
}

:not(.ui-select-container).dropdown .dropdown-menu {
    left: -20px;
    top: 110%;
}

/*
 * Navbar active Alerts
 */

.navbar.activeAlerts {
    background-color: rgb(255, 215, 0) !important;
}

.navbar-default .navbar-nav>li>a {
    border-bottom: rgb(255, 215, 0) !important;
}

/* .navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    background-color: rgba(34, 34, 36, 0.1) !important;
} */

@media (min-width: 768px) {
    .navbar .navbar-brand {
        line-height: 30px;
    }

    .navbar-default .navbar-nav>li>a {
        line-height: 30px;
    }

    .navbar-float-right {
        float: right;
        position: absolute;
        top: 0;
        right: 0;
    }
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #ffffff;
    /* background-color: rgba(255, 255, 255, 0.644) !important; */
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.navbar-nav>li>.dropdown-menu {
    border-radius: 4px;
}

.navbar-nav>li>.dropdown-menu.notificationList {
    width: 350px;
    left: -300px;
}



a.navbar-brand {
    /*margin-left: 10px !important;*/
}

.brand-container {
    text-align: center;
    margin: 20px 0;
}

.brand-big {
    height: 100px;
    width: auto;
    padding-left: 10px;
}

@media(min-width: 768px) {
    .brand-big {
        margin-left: 0;
        padding-left: 20px;
    }
}

.container-fluid {
    position: relative;
}

/*
 * Widgetbox
 */

.widget.spacing {
    margin-top: 15px;
    margin-bottom: 15px;
}

.widget {
    font-size: 12px;
    position: relative;
    margin-bottom: 30px;
    padding: 15px 20px;
    background: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.03), 1px 2px 1px 0 rgba(193, 193, 193, 0.02);
    -moz-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.03), 1px 2px 1px 0 rgba(193, 193, 193, 0.02);
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.03), 1px 2px 1px 0 rgba(193, 193, 193, 0.02);
}

.widget.filterBox {
    padding: 10px;
}

.widget-body.widget-chart-mlarge {
    margin-top: 0;
}

.widget.disabled {
    opacity: 0.3;
}

.widget-chart-mini {
    height: 10vh;
    min-height: 150px;
}

.widget-chart-xs {
    max-height: 80px;
    min-height: 80px;
}

.widget-chart-small {
    /* height: 20vh; */
    min-height: 200px;
}

.widget-chart-medium {
    /* height: 15vh; */
    max-height: 300px;
    min-height: 100px;
}

.widget-chart-mlarge {
    /* height: 25vh; */
    min-height: 250px;
}

.widget-chart-half {
    height: 30vh;
    min-height: 250px;
}

.widget-chart-large {
    /* height: 35vh; */
    min-height: 250px;
}

.widget-chart-xlarge {
    /* height: 60vh; */
    min-height: 250px;
}

.widget-chart-full {
    /* height: 80vh; */
    min-height: 250px;
}

/*Ipad*/

@media (min-width: 768px) {
    /* .widget-chart-xs {
        max-height: 40px;
        min-height: 40px;
    } */
    /* .widget-chart-xs .count {
        position: absolute;
        right: 0;
        bottom: 0;
    } */
}

/* > Ipad - Landscape*/

@media (min-width: 1280px) and (orientation: landscape) {
    .widget-chart-xs {
        min-height: 120px;
    }

    .widget-chart-medium {
        /* height: 20vh; */
        max-height: 300px;
        min-height: 250px;
    }

    .widget-chart-mlarge {
        /* height: 35vh; */
        min-height: 250px;
    }

    .widget-chart-large {
        /* height: 45vh; */
        min-height: 250px;
    }
}

.widget-header {
    margin-top: -15px;
    margin-left: -20px;
    margin-right: -20px;
    /* background-color: #FCFCFC; */
    color: #525252;
    padding: 5px 20px;
    text-align: left;
}

.widget-header.alternate {
    margin-top: -10px;
    margin-left: 0;
    margin-right: 0;
    background: none;
    text-align: left;
    padding: 0 5px;
    border-bottom: 1px solid #f0f0f0;
}

.widget-header .h4,
h4 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.widget-body.nospace {
    margin-top: 0;
}

.widget-header .tools {
    float: right;
}

.widget-header.tabbable-line .caption {
    float: left;
    display: inline-block;
}

.widget-header.tabbable-line .nav-tabs {
    background: 0 0;
    margin: 1px 0 0;
    float: right;
    display: inline-block;
    border: 0
}

.widget-header.tabbable-line .tools .nav-tabs {
    float: left;
}

.widget-header.tabbable-line .nav-tabs>li>a {
    color: #555;
    border: 0;
    border-bottom: 3px solid transparent;
}

.widget-header.tabbable-line .nav-tabs>li>a:hover {
    color: #555;
    background: none;
    border: 0;
    border-bottom: 3px solid #192934;
}

.widget-header.tabbable-line .nav-tabs>li.active>a,
.widget-header.tabbable-line .nav-tabs>li.active>a:focus,
.widget-header.tabbable-line .nav-tabs>li.active>a:hover {
    color: #192934;
    border: 0;
    border-bottom: 3px solid #192934;
    background-color: transparent;
}

.widget-header.tabbable-line:after,
.widget-header.tabbable-line:before {
    content: " ";
    display: table;
}

.widget-header.tabbable-line:after {
    clear: both;
}

.widget-subheader {
    font-size: 1.3em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 300;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.1;
    color: inherit;
    font-family: inherit;
    position: relative;
    cursor: pointer;
}

.widget-subheader.seperator {
    margin-top: 20px;
    margin-bottom: 10px;
    border-top: 1px solid #eee;
}

.widget-body {
    margin-top: 15px;
    /* min-height: 10vh; */
}

.widgetLinkIndicator {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 20px 20px;
    border-color: transparent transparent #192934 transparent;
    /* border-radius: 4px 0; */
}

/** fixed widget body fullscreen height ~80vh **/
.widget-body-fixed-full {
    height: 80vh;
    overflow: scroll;
}

.refresh-block {
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .8);
    -webkit-transition: all .05s ease;
    transition: all .05s ease;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 100;
    border-radius: 2px;
}

.refresh-block .refresh-loader {
    display: inline-block;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    margin-left: -16px;
    margin-top: -16px;
    color: #262626;
}

/*
 * Metro like Buttons
 */

.shortcut-button {
    padding: 0 1rem;
    height: 2.125rem;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px #d9d9d9 solid;
    color: #262626;
    cursor: pointer;
    display: inline-block;
    outline: none;
    font-size: .875rem;
    line-height: 100%;
    margin: .15625rem 0;
    position: relative;
    width: 5.75rem;
    height: 5.75rem;
    text-align: center;
    font-size: .75rem;
}

/*
 * Global add-ons
 */

.sub-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */

.sidebar {
    display: none;
}

@media (min-width: 768px) {
    .sidebar {
        position: fixed;
        top: 51px;
        z-index: 50;
        bottom: 0;
        left: 0;
        display: block;
        padding: 20px;
        overflow-x: hidden;
        overflow-y: auto;
        /* Scrollable contents if viewport is shorter than content. */
        background-color: #f5f5f5;
        border-right: 1px solid #eee;
    }
}

/*
 * Main content
 */

.main {
    padding: 0;
}

@media (min-width: 1025px) {
    .main {
        padding-right: 40px;
        padding-left: 40px;
    }
}

.main {
    margin-top: 0;
}

.page-header {
    margin: 0;
    border-bottom-color: transparent !important;
    color: #656565;
}

/*
 * Placeholder dashboard ideas
 */

.placeholders {
    margin-bottom: 30px;
    text-align: center;
}

.placeholders h4 {
    margin-bottom: 0;
}

.placeholder {
    margin-bottom: 20px;
}

.placeholder img {
    display: inline-block;
    border-radius: 50%;
}

/* centered columns styles */

.center {
    text-align: center;
}

.row-centered {
    text-align: center;
}

.col-centered {
    display: inline-block;
    float: none;
    /* reset the text-align */
    text-align: left;
    /* inline-block space fix */
    margin-right: -4px;
}

/* vertical center */

.contentCentered {
    text-align: center;
    background: #c0c0c0;
    border: #a0a0a0 solid 1px;
}

.contentCentered:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
    /* Adjusts for spacing */
}

.contentCentered>* {
    display: inline-block;
    vertical-align: middle;
    padding: 10px 15px;
}

/* AC Status widgets */

.acStatusTile {
    color: #5e5e5e;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
}

.acTypeSmall {
    position: absolute;
    top: 5px;
    right: 10px;
}

.acRegister {
    position: absolute;
    top: 15px;
    left: 10px;
}

.flightState {
    position: absolute;
    top: 45px;
    right: 10px;
    background-color: #192934;
    color: #fff;
    border-radius: 3px;
    padding: 5px;
    max-width: 60px;
    min-width: 60px;
    text-align: center;
}

.flightState>a {
    color: #fff;
}

.opsState {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #9b9b9b;
    color: #fff;
    border-radius: 3px;
    padding: 5px;
    max-width: 60px;
    min-width: 60px;
    text-align: center;
}

.opsState.aog {
    background-color: #ef5265;
}

.opsState.gt {
    background-color: #fa9510;
}

.opsState.inFlight {
    background-color: #192934;
}

.opsState.onGround {
    background-color: #192934;
}

.opsState.maint {
    background-color: #afafaf;
}

/* ScoreCard styles */

@media (max-width:768px) {
    .scorecard-body {
        width: 100% !important;
        padding: 0px !important;
    }
}

.scorecard.table,
.scorecard.table>th,
.scorecard.table>thead>tr>th,
.scorecard.table>tbody>tr>td {
    border: 0px !important;
}

.scorecard.table>tbody>tr {
    border-top: 4px solid #fff;
    border-bottom: 4px solid #fff;
}

.scorecard.table>tbody>tr>td {
    border-left: 4px solid #fff !important;
}

/* Timeline */

.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #eeeeee;
    left: 50%;
    margin-left: -1.5px;
}

.timeline>.timelineDateLabel {
    margin-bottom: 30px;
}

.timeline .timeline-flightDepTime {
    position: absolute;
    right: 20px;
    top: 20px;
}

.timeline>li {
    margin-bottom: -10px;
    position: relative;
    min-height: 50px;
    /* clear: both; */
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
}

.timeline>li>.timeline-panel {
    width: 46%;
    float: left;
    background-color: #fff;
    border-radius: 3px;
    padding: 20px;
    position: relative;
    -webkit-box-shadow: 0px 3px 0px #dbdfe0;
    -moz-box-shadow: 0px 3px 0px #dbdfe0;
    box-shadow: 0px 3px 0px #dbdfe0;
}

.timeline>li>.timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 15px solid transparent;
    content: " ";
}

.timeline>li>.timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    content: " ";
}

.timeline>li>.timeline-badge {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -25px;
    background-color: #999999;
    z-index: 100;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}

.timeline>li.timeline-inverted>.timeline-panel {
    float: right;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body>p,
.timeline-body>ul {
    margin-bottom: 0;
}

.timeline-body>p+p {
    margin-top: 5px;
}

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline>li>.timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline>li>.timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline>li>.timeline-panel {
        float: right;
    }

    ul.timeline>li>.timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }

    ul.timeline>li>.timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }
}

.timeline>li>.timeline-badge-content {
    color: #fff;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 16px;
    z-index: 100;
}

/**
 * Modal
 */

.modal-body {
    padding: 0;
    margin: 15px;
}

.modal-full {
    width: 85%;
}

.modal-medium {
    width: 50%;
    min-width: 800px;
}

.modal-large {
    width: 85%;
    max-width: 900px;
}

.modal-xlarge {
    width: 85%;
    max-width: none;
}



/* ngx-bootstrap - Modal overwrite to use draggable */
.modal-content form.ng-draggable,
.modal-content>div,
.modal-content form {
    background-color: #fff;
    border: none;
    border-radius: 2px;
    -webkit-box-shadow: 0 40px 77px rgba(0, 0, 0, 0.22), 0 27px 24px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 40px 77px rgba(0, 0, 0, 0.22), 0 27px 24px rgba(0, 0, 0, 0.2);
    box-shadow: 0 40px 77px rgba(0, 0, 0, 0.22), 0 27px 24px rgba(0, 0, 0, 0.2);
}

.modal-content form .modal-header.ng-draggable {
    cursor: move;
}

.modal-content .ng-draggable>.modal-body,
.modal-content .ng-draggable>.modal-footer {
    cursor: auto;
    pointer-events: all;
}

.backgroundTransparent .modal-content {
    background: transparent !important;
}

.modal-content {
    background: transparent !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

/* ----- DIALOG/MODAL ----- */

/* FADE/SCALE EFFECT */

.modal.fade .modal-dialog {
    opacity: 0;
    -webkit-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -o-transform: scale(0.1);
    transform: scale(0.1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.modal.fade.in .modal-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

/* DIALOG CONTENT */

.modal-content {
    border: none;
    border-radius: 2px;
    -webkit-box-shadow: 0 40px 77px rgba(0, 0, 0, 0.22), 0 27px 24px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 40px 77px rgba(0, 0, 0, 0.22), 0 27px 24px rgba(0, 0, 0, 0.2);
    box-shadow: 0 40px 77px rgba(0, 0, 0, 0.22), 0 27px 24px rgba(0, 0, 0, 0.2);
}

/* DIALOG HEADER */

.modal-header {
    min-height: 16px;
    padding: 24px;
    border-bottom: none;
}

.modal-header button {
    margin-left: 20px;
}

.modal-header .close {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.modal-header .close:hover {
    color: #192934;
    text-shadow: none;
    opacity: 1;
}

.modal-title {
    font-weight: 500;
    font-size: 21px;
}

/* DIALOG BODY */

.modal-body {
    padding: 0 24px;
}

.modal-body p {
    font-weight: 400;
    font-size: 14px;
    color: #212121;
}

.modal-body .lead {
    font-weight: 300;
    font-size: 16px;
    color: #757575;
}

.modal-body p:last-child,
.modal-body .lead:last-child {
    margin-bottom: 0;
}

/* DIALOG FOOTER */

.modal-footer {
    border-top: none;

    padding-top: 0px !important;
    padding-right: 24px;
    padding-bottom: 10px;
    padding-left: 24px;
}

.ng-invalid .modal-footer .btn[type=submit] {
    cursor: not-allowed;
    pointer-events: none;
    background-color: transparent;
}

.ng-invalid .modal-footer .btn-red {
    cursor: pointer;
    pointer-events: all;
}

/**
 * Images
 */

.thumb-lg {
    width: 112px;
    height: 112px;
    display: inline-block;
}

.thumb-md {
    width: 48px;
    height: 48px;
    display: inline-block;
}

.thumb-sm {
    width: 28px;
    height: 28px;
    display: inline-block;
}

.thumb-xs {
    width: 20px;
    height: 20px;
    display: inline-block;
}

@media (min-width: 768px) {
    /* Nothing to change here */
}

@media (min-width: 992px) {
    .thumb-lg {
        width: 120px;
        height: 120px;
        display: inline-block;
    }

    .thumb-md {
        width: 56px;
        height: 56px;
        display: inline-block;
    }

    .thumb-sm {
        width: 32px;
        height: 32px;
        display: inline-block;
    }

    .thumb-xs {
        width: 24px;
        height: 24px;
        display: inline-block;
    }
}

@media (min-width: 1200px) {
    .thumb-lg {
        width: 120px;
        height: 120px;
        display: inline-block;
    }

    .thumb-md {
        width: 56px;
        height: 56px;
        display: inline-block;
    }

    .thumb-sm {
        width: 32px;
        height: 32px;
        display: inline-block;
    }

    .thumb-xs {
        width: 24px;
        height: 24px;
        display: inline-block;
    }
}

@media (min-width: 1400px) {
    .thumb-lg {
        width: 128px;
        height: 128px;
        display: inline-block;
    }

    .thumb-md {
        width: 64px;
        height: 64px;
        display: inline-block;
    }

    .thumb-sm {
        width: 40px;
        height: 40px;
        display: inline-block;
    }

    .thumb-xs {
        width: 32px;
        height: 32px;
        display: inline-block;
    }
}

.thumb img,
.thumb-xs img,
.thumb-sm img,
.thumb-md img,
.thumb-lg img,
.thumb-btn img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.avatar {
    position: relative;
    border-radius: 50%;
    border: 2px solid #fff;
    white-space: nowrap;
}

/**
 * Notifications
 */

ul.notificationList {
    margin-top: 10px;
    list-style: none;
    padding-left: 0;
}

ul.notificationList>li {
    padding: 10px;
}

.notificationRow {
    position: relative;
    height: 100%;
    width: 100%;
    font-weight: 300;
    color: #ababab;
    padding: 0 10px 10px 0;
}

.notificationRow {
    display: table;
    border-bottom: 1px solid #e7e7e7;
}

.notificationRow>div {
    display: table-cell;
    vertical-align: middle;
}

.notificationRow>.icon {
    width: 50px;
    padding-right: 0;
}

.notIcon {
    font-size: 1.4em;
    color: #192934;
}

.notIcon .icon {
    color: #fff;
}

.notIcon.AOG {
    color: rgba(239, 82, 101, 1)
}

.notIcon.AOGReady {
    color: #192934;
}

.notIcon.Delay {
    color: rgb(255, 187, 51)
}

@media (min-width: 768px) {
    .notificationIcon {
        font-size: 1.4em;
    }
}

@media (min-width: 992px) {
    .notificationIcon {
        font-size: 1.8em;
    }
}

@media (min-width: 1200px) {
    .notificationIcon {
        font-size: 1.8em;
    }
}

@media (min-width: 1400px) {
    .notificationIcon {
        font-size: 1.4em;
    }
}

.notificationText {
    display: table-row;
    height: 100%;
}

.notificationTitle {
    display: inline;
    font-weight: 300;
    color: #555;
}

.notificationTitle h4 {
    white-space: normal;
}

.notificationTime {
    float: right;
    min-width: 75px;
    max-width: 75px;
    font-size: 11px;
    font-weight: 300;
    opacity: .7;
    filter: alpha(opacity=70);
    text-align: center;
    padding: 5px;
    background: #f1f1f1;
}

.notificationList-Count {
    font-weight: 500;
}

/* Font Awesome */
.fa-rotate-45 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* Font Awesome Icon Badge */
.btn.btn-white .badge {
    font-weight: 400;
    background-color: #192934;
}

.badge {
    font-size: 11px !important;
    font-weight: 300;
    height: 18px;
    color: #fff;
    padding: 3px 6px;
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    border-radius: 12px !important;
    text-shadow: none !important;
    text-align: center;
    vertical-align: middle;
}

.badge.badge-danger {
    color: #fff;
    background-color: #dc3545;
}

.fa .badge {
    font-family: "Open Sans", sans-serif;
    position: absolute;
    top: -10px;
    left: 0.7rem;
    font-weight: 500;
    padding: 3px 6px;
    color: #fff;
    /* background: rgba(0, 156, 119, 1); */
    background: #EF0237;
}

/* Font Awesome Animations */

.fa-pulse {
    display: inline-block;
    -moz-animation: pulse 2s infinite linear;
    -o-animation: pulse 2s infinite linear;
    -webkit-animation: pulse 2s infinite linear;
    animation: pulse 2s infinite linear;
}

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

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes pulse {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes pulse {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes pulse {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

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

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


/** Dropdown **/
.dropdown-menu {
    font-size: 12px;
}

.dropdown-menu.topbar-menu {
    font-size: 14px;
}

.dropdown>.dropdown-menu .divider {
    margin: 0;
}

.dropdown>.dropdown-menu.topbar-menu>li>div,
.dropdown>.dropdown-menu>li>a {
    padding: 10px;

    -webkit-transition: all 80ms ease-in-out;
    -moz-transition: all 80ms ease-in-out;
    -o-transition: all 80ms ease-in-out;
    -ms-transition: all 80ms ease-in-out;
    transition: all 80ms ease-in-out;
}

.dropdown>.dropdown-menu.topbar-menu>li>div {
    background-color: #ececec;
}

.dropdown>.dropdown-menu>li>a.btn {
    padding: 3px 20px;
}

.dropdown>.dropdown-menu>li>a:hover {
    border-left: 2px solid #192934;
}

.dropdown>.dropdown-menu>li>a.selected {
    border-left: 2px solid #EF0237;
    font-weight: 700;
}

/* MultiRow Dropdown Items */
.dropdown-list label.mainText {
    color: #333;
    min-width: 150px;
}

.dropdown-list label.subText,
.dropdown-list span.subText {
    font-weight: 100;
    color: #979797;
}

/* Navbar dropdown */
.navbar-nav>.dropdown>.dropdown-menu {
    min-width: 160px;
    max-width: 375px;
    width: 200px;
    padding: 0;
    z-index: 9995;
}

.navbar-nav>.dropdown>.dropdown-menu .divider {
    margin: 0;
}

.navbar-nav>.dropdown>.dropdown-menu>li>a {
    padding: 10px;
}

.navbar-nav>.dropdown>.dropdown-menu>li>a.btn {
    padding: 3px 20px;
}

.navbar-nav>.dropdown>.dropdown-menu>li>a:hover {
    border-left: 2px solid #192934;
}

.dropdown-menu>li.header {
    background-color: #f6f6f6;
    display: block;
    overflow: hidden;
    padding: 15px;
    letter-spacing: .5px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.dropdown-menu>li.header>h3 {
    font-size: 1.5rem;
    margin: 0;
    padding: 0;
    float: left;
    display: inline-block
}

.dropdown-menu>li.header>a {
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
    position: absolute;
    right: 10px;
    top: 10px;
}

.navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list {
    padding-right: 0 !important;
    padding-left: 0;
    list-style: none
}

.navbar.navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list>li>a {
    display: block;
    clear: both;
    font-weight: 300;
    line-height: 20px;
    white-space: normal;
    font-size: 13px;
    padding: 16px 15px 18px;
    text-shadow: none
}

.navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list>li>a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    text-decoration: none
}

.navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list>li:first-child a {
    border-top: none
}

.navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li a .details {
    overflow: hidden
}

.navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li a .details .label-icon {
    margin-right: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li a .details .label-icon i {
    margin-right: 2px;
    margin-left: 1px
}

.navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li a .details .label-icon .badge {
    right: 15px
}

.navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li a .time {
    float: right;
    max-width: 75px;
    font-size: 11px;
    font-weight: 400;
    opacity: .7;
    filter: alpha(opacity=70);
    text-align: right;
    padding: 1px 5px
}

.navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .photo {
    float: left;
    margin: 0 6px 6px 0
}

.navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .photo img {
    height: 40px;
    width: 40px;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    -o-border-radius: 50% !important;
    border-radius: 50% !important
}

.navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .subject {
    display: block;
    margin-left: 46px
}

.navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .subject .from {
    font-size: 13px;
    font-weight: 600
}

.navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .subject .time {
    font-size: 12px;
    font-weight: 400;
    opacity: .5;
    filter: alpha(opacity=50);
    float: right
}

.navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .message {
    display: block !important;
    font-size: 12px;
    line-height: 1.3;
    margin-left: 46px
}

.navbar-nav>li.dropdown-tasks .dropdown-menu .dropdown-menu-list>li .task {
    margin-bottom: 5px
}

.navbar-nav>li.dropdown-tasks .dropdown-menu .dropdown-menu-list>li .task .desc {
    font-size: 13px;
    font-weight: 300
}

.navbar-nav>li.dropdown-tasks .dropdown-menu .dropdown-menu-list>li .task .percent {
    float: right;
    font-weight: 600;
    display: inline-block
}

.navbar-nav>li.dropdown-tasks .dropdown-menu .dropdown-menu-list>li .progress {
    display: block;
    height: 8px;
    margin: 8px 0 2px
}

.navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list>li>a {
    border-bottom: 1px solid #EFF2F6 !important;
    color: #888
}

.navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list>li>a:hover {
    background: #f8f9fa
}

.navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li>a .time {
    /*background: #f1f1f1*/
}

.navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li>a:hover .time {
    /*background: #e4e4e4*/
}

.navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list {
    padding-right: 0 !important;
    padding-left: 0;
    list-style: none
}

.navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list>li>a {
    display: block;
    clear: both;
    font-weight: 300;
    line-height: 20px;
    white-space: normal;
    font-size: 13px;
    padding: 16px 15px 18px;
    text-shadow: none
}

.navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list>li>a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    text-decoration: none
}

.navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list>li:first-child a {
    border-top: none
}

.navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li a .details {
    overflow: hidden;
    font-weight: 400;
}

.navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li a .details .label-icon {
    margin-right: 10px;
}

.navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li a .details .label-icon i {
    margin-right: 2px;
    margin-left: 1px
}

.navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li a .details .label-icon .badge {
    right: 15px
}

.navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li a .time {
    float: right;
    max-width: 75px;
    font-size: 11px;
    font-weight: 400;
    opacity: .7;
    filter: alpha(opacity=70);
    text-align: right;
    padding: 1px 5px
}

.navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .photo {
    float: left;
    margin: 0 6px 6px 0
}

.navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .photo img {
    height: 40px;
    width: 40px;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    -o-border-radius: 50% !important;
    border-radius: 50% !important
}

.navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .subject {
    display: block;
    margin-left: 46px
}

.navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .subject .from {
    font-size: 13px;
    font-weight: 600
}

.navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .subject .time {
    font-size: 12px;
    font-weight: 400;
    opacity: .5;
    filter: alpha(opacity=50);
    float: right
}

.navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .message {
    display: block !important;
    font-size: 12px;
    line-height: 1.3;
    margin-left: 46px
}

/** Dropdown Menu **/

.dropdown-menu {
    border: none;
}

/**
 * Colors
 */
.text-red {
    color: #ff4444;
}

.mdb-color.lighten-5 {
    background-color: #D0D6E2 !important;
}

.mdb-color-text.text-lighten-5 {
    color: #D0D6E2 !important;
}

.mdb-color.lighten-4 {
    background-color: #B1BACE !important;
}

.mdb-color-text.text-lighten-4 {
    color: #B1BACE !important;
}

.mdb-color.lighten-3 {
    background-color: #929FBA !important;
}

.mdb-color-text.text-lighten-3 {
    color: #929FBA !important;
}

.mdb-color.lighten-2 {
    background-color: #7283A7 !important;
}

.mdb-color-text.text-lighten-2 {
    color: #7283A7 !important;
}

.mdb-color.lighten-1 {
    background-color: #59698D !important;
}

.mdb-color-text.text-lighten-1 {
    color: #59698D !important;
}

.mdb-color {
    background-color: #45526E !important;
}

.mdb-color-text {
    color: #45526E !important;
}

.mdb-color.darken-1 {
    background-color: #3B465E !important;
}

.mdb-color-text.text-darken-1 {
    color: #3B465E !important;
}

.mdb-color.darken-2 {
    background-color: #2E3951 !important;
}

.mdb-color-text.text-darken-2 {
    color: #2E3951 !important;
}

.mdb-color.darken-3 {
    background-color: #1C2A48 !important;
}

.mdb-color-text.text-darken-3 {
    color: #1C2A48 !important;
}

.mdb-color.darken-4 {
    background-color: #1C2331 !important;
}

.mdb-color-text.text-darken-4 {
    color: #1C2331 !important;
}

.red.lighten-5 {
    background-color: #FFEBEE !important;
}

.red-text.text-lighten-5 {
    color: #FFEBEE !important;
}

.red.lighten-4 {
    background-color: #FFCDD2 !important;
}

.red-text.text-lighten-4 {
    color: #FFCDD2 !important;
}

.red.lighten-3 {
    background-color: #EF9A9A !important;
}

.red-text.text-lighten-3 {
    color: #EF9A9A !important;
}

.red.lighten-2 {
    background-color: #E57373 !important;
}

.red-text.text-lighten-2 {
    color: #E57373 !important;
}

.red.lighten-1 {
    background-color: #EF5350 !important;
}

.red-text.text-lighten-1 {
    color: #EF5350 !important;
}

.red {
    background-color: #F44336 !important;
}

.red-text {
    color: #F44336 !important;
}

.red.darken-1 {
    background-color: #E53935 !important;
}

.red-text.text-darken-1 {
    color: #E53935 !important;
}

.red.darken-2 {
    background-color: #D32F2F !important;
}

.red-text.text-darken-2 {
    color: #D32F2F !important;
}

.red.darken-3 {
    background-color: #C62828 !important;
}

.red-text.text-darken-3 {
    color: #C62828 !important;
}

.red.darken-4 {
    background-color: #B71C1C !important;
}

.red-text.text-darken-4 {
    color: #B71C1C !important;
}

.red.accent-1 {
    background-color: #FF8A80 !important;
}

.red-text.text-accent-1 {
    color: #FF8A80 !important;
}

.red.accent-2 {
    background-color: #FF5252 !important;
}

.red-text.text-accent-2 {
    color: #FF5252 !important;
}

.red.accent-3 {
    background-color: #FF1744 !important;
}

.red-text.text-accent-3 {
    color: #FF1744 !important;
}

.red.accent-4 {
    background-color: #D50000 !important;
}

.red-text.text-accent-4 {
    color: #D50000 !important;
}

.pink.lighten-5 {
    background-color: #fce4ec !important;
}

.pink-text.text-lighten-5 {
    color: #fce4ec !important;
}

.pink.lighten-4 {
    background-color: #f8bbd0 !important;
}

.pink-text.text-lighten-4 {
    color: #f8bbd0 !important;
}

.pink.lighten-3 {
    background-color: #f48fb1 !important;
}

.pink-text.text-lighten-3 {
    color: #f48fb1 !important;
}

.pink.lighten-2 {
    background-color: #f06292 !important;
}

.pink-text.text-lighten-2 {
    color: #f06292 !important;
}

.pink.lighten-1 {
    background-color: #ec407a !important;
}

.pink-text.text-lighten-1 {
    color: #ec407a !important;
}

.pink {
    background-color: #e91e63 !important;
}

.pink-text {
    color: #e91e63 !important;
}

.pink.darken-1 {
    background-color: #d81b60 !important;
}

.pink-text.text-darken-1 {
    color: #d81b60 !important;
}

.pink.darken-2 {
    background-color: #c2185b !important;
}

.pink-text.text-darken-2 {
    color: #c2185b !important;
}

.pink.darken-3 {
    background-color: #ad1457 !important;
}

.pink-text.text-darken-3 {
    color: #ad1457 !important;
}

.pink.darken-4 {
    background-color: #880e4f !important;
}

.pink-text.text-darken-4 {
    color: #880e4f !important;
}

.pink.accent-1 {
    background-color: #ff80ab !important;
}

.pink-text.text-accent-1 {
    color: #ff80ab !important;
}

.pink.accent-2 {
    background-color: #ff4081 !important;
}

.pink-text.text-accent-2 {
    color: #ff4081 !important;
}

.pink.accent-3 {
    background-color: #f50057 !important;
}

.pink-text.text-accent-3 {
    color: #f50057 !important;
}

.pink.accent-4 {
    background-color: #c51162 !important;
}

.pink-text.text-accent-4 {
    color: #c51162 !important;
}

.purple.lighten-5 {
    background-color: #f3e5f5 !important;
}

.purple-text.text-lighten-5 {
    color: #f3e5f5 !important;
}

.purple.lighten-4 {
    background-color: #e1bee7 !important;
}

.purple-text.text-lighten-4 {
    color: #e1bee7 !important;
}

.purple.lighten-3 {
    background-color: #ce93d8 !important;
}

.purple-text.text-lighten-3 {
    color: #ce93d8 !important;
}

.purple.lighten-2 {
    background-color: #ba68c8 !important;
}

.purple-text.text-lighten-2 {
    color: #ba68c8 !important;
}

.purple.lighten-1 {
    background-color: #ab47bc !important;
}

.purple-text.text-lighten-1 {
    color: #ab47bc !important;
}

.purple {
    background-color: #9c27b0 !important;
}

.purple-text {
    color: #9c27b0 !important;
}

.purple.darken-1 {
    background-color: #8e24aa !important;
}

.purple-text.text-darken-1 {
    color: #8e24aa !important;
}

.purple.darken-2 {
    background-color: #7b1fa2 !important;
}

.purple-text.text-darken-2 {
    color: #7b1fa2 !important;
}

.purple.darken-3 {
    background-color: #6a1b9a !important;
}

.purple-text.text-darken-3 {
    color: #6a1b9a !important;
}

.purple.darken-4 {
    background-color: #4a148c !important;
}

.purple-text.text-darken-4 {
    color: #4a148c !important;
}

.purple.accent-1 {
    background-color: #ea80fc !important;
}

.purple-text.text-accent-1 {
    color: #ea80fc !important;
}

.purple.accent-2 {
    background-color: #e040fb !important;
}

.purple-text.text-accent-2 {
    color: #e040fb !important;
}

.purple.accent-3 {
    background-color: #d500f9 !important;
}

.purple-text.text-accent-3 {
    color: #d500f9 !important;
}

.purple.accent-4 {
    background-color: #aa00ff !important;
}

.purple-text.text-accent-4 {
    color: #aa00ff !important;
}

.deep-purple.lighten-5 {
    background-color: #ede7f6 !important;
}

.deep-purple-text.text-lighten-5 {
    color: #ede7f6 !important;
}

.deep-purple.lighten-4 {
    background-color: #d1c4e9 !important;
}

.deep-purple-text.text-lighten-4 {
    color: #d1c4e9 !important;
}

.deep-purple.lighten-3 {
    background-color: #b39ddb !important;
}

.deep-purple-text.text-lighten-3 {
    color: #b39ddb !important;
}

.deep-purple.lighten-2 {
    background-color: #9575cd !important;
}

.deep-purple-text.text-lighten-2 {
    color: #9575cd !important;
}

.deep-purple.lighten-1 {
    background-color: #7e57c2 !important;
}

.deep-purple-text.text-lighten-1 {
    color: #7e57c2 !important;
}

.deep-purple {
    background-color: #673ab7 !important;
}

.deep-purple-text {
    color: #673ab7 !important;
}

.deep-purple.darken-1 {
    background-color: #5e35b1 !important;
}

.deep-purple-text.text-darken-1 {
    color: #5e35b1 !important;
}

.deep-purple.darken-2 {
    background-color: #512da8 !important;
}

.deep-purple-text.text-darken-2 {
    color: #512da8 !important;
}

.deep-purple.darken-3 {
    background-color: #4527a0 !important;
}

.deep-purple-text.text-darken-3 {
    color: #4527a0 !important;
}

.deep-purple.darken-4 {
    background-color: #311b92 !important;
}

.deep-purple-text.text-darken-4 {
    color: #311b92 !important;
}

.deep-purple.accent-1 {
    background-color: #b388ff !important;
}

.deep-purple-text.text-accent-1 {
    color: #b388ff !important;
}

.deep-purple.accent-2 {
    background-color: #7c4dff !important;
}

.deep-purple-text.text-accent-2 {
    color: #7c4dff !important;
}

.deep-purple.accent-3 {
    background-color: #651fff !important;
}

.deep-purple-text.text-accent-3 {
    color: #651fff !important;
}

.deep-purple.accent-4 {
    background-color: #6200ea !important;
}

.deep-purple-text.text-accent-4 {
    color: #6200ea !important;
}

.indigo.lighten-5 {
    background-color: #e8eaf6 !important;
}

.indigo-text.text-lighten-5 {
    color: #e8eaf6 !important;
}

.indigo.lighten-4 {
    background-color: #c5cae9 !important;
}

.indigo-text.text-lighten-4 {
    color: #c5cae9 !important;
}

.indigo.lighten-3 {
    background-color: #9fa8da !important;
}

.indigo-text.text-lighten-3 {
    color: #9fa8da !important;
}

.indigo.lighten-2 {
    background-color: #7986cb !important;
}

.indigo-text.text-lighten-2 {
    color: #7986cb !important;
}

.indigo.lighten-1 {
    background-color: #5c6bc0 !important;
}

.indigo-text.text-lighten-1 {
    color: #5c6bc0 !important;
}

.indigo {
    background-color: #3f51b5 !important;
}

.indigo-text {
    color: #3f51b5 !important;
}

.indigo.darken-1 {
    background-color: #3949ab !important;
}

.indigo-text.text-darken-1 {
    color: #3949ab !important;
}

.indigo.darken-2 {
    background-color: #303f9f !important;
}

.indigo-text.text-darken-2 {
    color: #303f9f !important;
}

.indigo.darken-3 {
    background-color: #283593 !important;
}

.indigo-text.text-darken-3 {
    color: #283593 !important;
}

.indigo.darken-4 {
    background-color: #1a237e !important;
}

.indigo-text.text-darken-4 {
    color: #1a237e !important;
}

.indigo.accent-1 {
    background-color: #8c9eff !important;
}

.indigo-text.text-accent-1 {
    color: #8c9eff !important;
}

.indigo.accent-2 {
    background-color: #536dfe !important;
}

.indigo-text.text-accent-2 {
    color: #536dfe !important;
}

.indigo.accent-3 {
    background-color: #3d5afe !important;
}

.indigo-text.text-accent-3 {
    color: #3d5afe !important;
}

.indigo.accent-4 {
    background-color: #304ffe !important;
}

.indigo-text.text-accent-4 {
    color: #304ffe !important;
}

.blue.lighten-5 {
    background-color: #E3F2FD !important;
}

.blue-text.text-lighten-5 {
    color: #E3F2FD !important;
}

.blue.lighten-4 {
    background-color: #BBDEFB !important;
}

.blue-text.text-lighten-4 {
    color: #BBDEFB !important;
}

.blue.lighten-3 {
    background-color: #90CAF9 !important;
}

.blue-text.text-lighten-3 {
    color: #90CAF9 !important;
}

.blue.lighten-2 {
    background-color: #64B5F6 !important;
}

.blue-text.text-lighten-2 {
    color: #64B5F6 !important;
}

.blue.lighten-1 {
    background-color: #42A5F5 !important;
}

.blue-text.text-lighten-1 {
    color: #42A5F5 !important;
}

.blue {
    background-color: #2196F3 !important;
}

.blue-text {
    color: #2196F3 !important;
}

.blue.darken-1 {
    background-color: #1E88E5 !important;
}

.blue-text.text-darken-1 {
    color: #1E88E5 !important;
}

.blue.darken-2 {
    background-color: #1976D2 !important;
}

.blue-text.text-darken-2 {
    color: #1976D2 !important;
}

.blue.darken-3 {
    background-color: #1565C0 !important;
}

.blue-text.text-darken-3 {
    color: #1565C0 !important;
}

.blue.darken-4 {
    background-color: #0D47A1 !important;
}

.blue-text.text-darken-4 {
    color: #0D47A1 !important;
}

.blue.accent-1 {
    background-color: #82B1FF !important;
}

.blue-text.text-accent-1 {
    color: #82B1FF !important;
}

.blue.accent-2 {
    background-color: #448AFF !important;
}

.blue-text.text-accent-2 {
    color: #448AFF !important;
}

.blue.accent-3 {
    background-color: #2979FF !important;
}

.blue-text.text-accent-3 {
    color: #2979FF !important;
}

.blue.accent-4 {
    background-color: #2962FF !important;
}

.blue-text.text-accent-4 {
    color: #2962FF !important;
}

.light-blue.lighten-5 {
    background-color: #e1f5fe !important;
}

.light-blue-text.text-lighten-5 {
    color: #e1f5fe !important;
}

.light-blue.lighten-4 {
    background-color: #b3e5fc !important;
}

.light-blue-text.text-lighten-4 {
    color: #b3e5fc !important;
}

.light-blue.lighten-3 {
    background-color: #81d4fa !important;
}

.light-blue-text.text-lighten-3 {
    color: #81d4fa !important;
}

.light-blue.lighten-2 {
    background-color: #4fc3f7 !important;
}

.light-blue-text.text-lighten-2 {
    color: #4fc3f7 !important;
}

.light-blue.lighten-1 {
    background-color: #29b6f6 !important;
}

.light-blue-text.text-lighten-1 {
    color: #29b6f6 !important;
}

.light-blue {
    background-color: #03a9f4 !important;
}

.light-blue-text {
    color: #03a9f4 !important;
}

.light-blue.darken-1 {
    background-color: #039be5 !important;
}

.light-blue-text.text-darken-1 {
    color: #039be5 !important;
}

.light-blue.darken-2 {
    background-color: #0288d1 !important;
}

.light-blue-text.text-darken-2 {
    color: #0288d1 !important;
}

.light-blue.darken-3 {
    background-color: #0277bd !important;
}

.light-blue-text.text-darken-3 {
    color: #0277bd !important;
}

.light-blue.darken-4 {
    background-color: #01579b !important;
}

.light-blue-text.text-darken-4 {
    color: #01579b !important;
}

.light-blue.accent-1 {
    background-color: #80d8ff !important;
}

.light-blue-text.text-accent-1 {
    color: #80d8ff !important;
}

.light-blue.accent-2 {
    background-color: #40c4ff !important;
}

.light-blue-text.text-accent-2 {
    color: #40c4ff !important;
}

.light-blue.accent-3 {
    background-color: #00b0ff !important;
}

.light-blue-text.text-accent-3 {
    color: #00b0ff !important;
}

.light-blue.accent-4 {
    background-color: #0091ea !important;
}

.light-blue-text.text-accent-4 {
    color: #0091ea !important;
}

.cyan.lighten-5 {
    background-color: #e0f7fa !important;
}

.cyan-text.text-lighten-5 {
    color: #e0f7fa !important;
}

.cyan.lighten-4 {
    background-color: #b2ebf2 !important;
}

.cyan-text.text-lighten-4 {
    color: #b2ebf2 !important;
}

.cyan.lighten-3 {
    background-color: #80deea !important;
}

.cyan-text.text-lighten-3 {
    color: #80deea !important;
}

.cyan.lighten-2 {
    background-color: #4dd0e1 !important;
}

.cyan-text.text-lighten-2 {
    color: #4dd0e1 !important;
}

.cyan.lighten-1 {
    background-color: #26c6da !important;
}

.cyan-text.text-lighten-1 {
    color: #26c6da !important;
}

.cyan {
    background-color: #00bcd4 !important;
}

.cyan-text {
    color: #00bcd4 !important;
}

.cyan.darken-1 {
    background-color: #00acc1 !important;
}

.cyan-text.text-darken-1 {
    color: #00acc1 !important;
}

.cyan.darken-2 {
    background-color: #0097a7 !important;
}

.cyan-text.text-darken-2 {
    color: #0097a7 !important;
}

.cyan.darken-3 {
    background-color: #00838f !important;
}

.cyan-text.text-darken-3 {
    color: #00838f !important;
}

.cyan.darken-4 {
    background-color: #006064 !important;
}

.cyan-text.text-darken-4 {
    color: #006064 !important;
}

.cyan.accent-1 {
    background-color: #84ffff !important;
}

.cyan-text.text-accent-1 {
    color: #84ffff !important;
}

.cyan.accent-2 {
    background-color: #18ffff !important;
}

.cyan-text.text-accent-2 {
    color: #18ffff !important;
}

.cyan.accent-3 {
    background-color: #00e5ff !important;
}

.cyan-text.text-accent-3 {
    color: #00e5ff !important;
}

.cyan.accent-4 {
    background-color: #00b8d4 !important;
}

.cyan-text.text-accent-4 {
    color: #00b8d4 !important;
}

.teal.lighten-5 {
    background-color: #e0f2f1 !important;
}

.teal-text.text-lighten-5 {
    color: #e0f2f1 !important;
}

.teal.lighten-4 {
    background-color: #b2dfdb !important;
}

.teal-text.text-lighten-4 {
    color: #b2dfdb !important;
}

.teal.lighten-3 {
    background-color: #80cbc4 !important;
}

.teal-text.text-lighten-3 {
    color: #80cbc4 !important;
}

.teal.lighten-2 {
    background-color: #4db6ac !important;
}

.teal-text.text-lighten-2 {
    color: #4db6ac !important;
}

.teal.lighten-1 {
    background-color: #26a69a !important;
}

.teal-text.text-lighten-1 {
    color: #26a69a !important;
}

.teal {
    background-color: #009688 !important;
}

.teal-text {
    color: #009688 !important;
}

.teal.darken-1 {
    background-color: #00897b !important;
}

.teal-text.text-darken-1 {
    color: #00897b !important;
}

.teal.darken-2 {
    background-color: #00796b !important;
}

.teal-text.text-darken-2 {
    color: #00796b !important;
}

.teal.darken-3 {
    background-color: #00695c !important;
}

.teal-text.text-darken-3 {
    color: #00695c !important;
}

.teal.darken-4 {
    background-color: #004d40 !important;
}

.teal-text.text-darken-4 {
    color: #004d40 !important;
}

.teal.accent-1 {
    background-color: #a7ffeb !important;
}

.teal-text.text-accent-1 {
    color: #a7ffeb !important;
}

.teal.accent-2 {
    background-color: #64ffda !important;
}

.teal-text.text-accent-2 {
    color: #64ffda !important;
}

.teal.accent-3 {
    background-color: #1de9b6 !important;
}

.teal-text.text-accent-3 {
    color: #1de9b6 !important;
}

.teal.accent-4 {
    background-color: #00bfa5 !important;
}

.teal-text.text-accent-4 {
    color: #00bfa5 !important;
}

.green.lighten-5 {
    background-color: #E8F5E9 !important;
}

.green-text.text-lighten-5 {
    color: #E8F5E9 !important;
}

.green.lighten-4 {
    background-color: #C8E6C9 !important;
}

.green-text.text-lighten-4 {
    color: #C8E6C9 !important;
}

.green.lighten-3 {
    background-color: #A5D6A7 !important;
}

.green-text.text-lighten-3 {
    color: #A5D6A7 !important;
}

.green.lighten-2 {
    background-color: #81C784 !important;
}

.green-text.text-lighten-2 {
    color: #81C784 !important;
}

.green.lighten-1 {
    background-color: #66BB6A !important;
}

.green-text.text-lighten-1 {
    color: #66BB6A !important;
}

.green {
    background-color: #4CAF50 !important;
}

.green-text {
    color: #4CAF50 !important;
}

.green.darken-1 {
    background-color: #43A047 !important;
}

.green-text.text-darken-1 {
    color: #43A047 !important;
}

.green.darken-2 {
    background-color: #388E3C !important;
}

.green-text.text-darken-2 {
    color: #388E3C !important;
}

.green.darken-3 {
    background-color: #2E7D32 !important;
}

.green-text.text-darken-3 {
    color: #2E7D32 !important;
}

.green.darken-4 {
    background-color: #1B5E20 !important;
}

.green-text.text-darken-4 {
    color: #1B5E20 !important;
}

.green.accent-1 {
    background-color: #B9F6CA !important;
}

.green-text.text-accent-1 {
    color: #B9F6CA !important;
}

.green.accent-2 {
    background-color: #69F0AE !important;
}

.green-text.text-accent-2 {
    color: #69F0AE !important;
}

.green.accent-3 {
    background-color: #00E676 !important;
}

.green-text.text-accent-3 {
    color: #00E676 !important;
}

.green.accent-4 {
    background-color: #00C853 !important;
}

.green-text.text-accent-4 {
    color: #00C853 !important;
}

.light-green.lighten-5 {
    background-color: #f1f8e9 !important;
}

.light-green-text.text-lighten-5 {
    color: #f1f8e9 !important;
}

.light-green.lighten-4 {
    background-color: #dcedc8 !important;
}

.light-green-text.text-lighten-4 {
    color: #dcedc8 !important;
}

.light-green.lighten-3 {
    background-color: #c5e1a5 !important;
}

.light-green-text.text-lighten-3 {
    color: #c5e1a5 !important;
}

.light-green.lighten-2 {
    background-color: #aed581 !important;
}

.light-green-text.text-lighten-2 {
    color: #aed581 !important;
}

.light-green.lighten-1 {
    background-color: #9ccc65 !important;
}

.light-green-text.text-lighten-1 {
    color: #9ccc65 !important;
}

.light-green {
    background-color: #8bc34a !important;
}

.light-green-text {
    color: #8bc34a !important;
}

.light-green.darken-1 {
    background-color: #7cb342 !important;
}

.light-green-text.text-darken-1 {
    color: #7cb342 !important;
}

.light-green.darken-2 {
    background-color: #689f38 !important;
}

.light-green-text.text-darken-2 {
    color: #689f38 !important;
}

.light-green.darken-3 {
    background-color: #558b2f !important;
}

.light-green-text.text-darken-3 {
    color: #558b2f !important;
}

.light-green.darken-4 {
    background-color: #33691e !important;
}

.light-green-text.text-darken-4 {
    color: #33691e !important;
}

.light-green.accent-1 {
    background-color: #ccff90 !important;
}

.light-green-text.text-accent-1 {
    color: #ccff90 !important;
}

.light-green.accent-2 {
    background-color: #b2ff59 !important;
}

.light-green-text.text-accent-2 {
    color: #b2ff59 !important;
}

.light-green.accent-3 {
    background-color: #76ff03 !important;
}

.light-green-text.text-accent-3 {
    color: #76ff03 !important;
}

.light-green.accent-4 {
    background-color: #64dd17 !important;
}

.light-green-text.text-accent-4 {
    color: #64dd17 !important;
}

.lime.lighten-5 {
    background-color: #f9fbe7 !important;
}

.lime-text.text-lighten-5 {
    color: #f9fbe7 !important;
}

.lime.lighten-4 {
    background-color: #f0f4c3 !important;
}

.lime-text.text-lighten-4 {
    color: #f0f4c3 !important;
}

.lime.lighten-3 {
    background-color: #e6ee9c !important;
}

.lime-text.text-lighten-3 {
    color: #e6ee9c !important;
}

.lime.lighten-2 {
    background-color: #dce775 !important;
}

.lime-text.text-lighten-2 {
    color: #dce775 !important;
}

.lime.lighten-1 {
    background-color: #d4e157 !important;
}

.lime-text.text-lighten-1 {
    color: #d4e157 !important;
}

.lime {
    background-color: #cddc39 !important;
}

.lime-text {
    color: #cddc39 !important;
}

.lime.darken-1 {
    background-color: #c0ca33 !important;
}

.lime-text.text-darken-1 {
    color: #c0ca33 !important;
}

.lime.darken-2 {
    background-color: #afb42b !important;
}

.lime-text.text-darken-2 {
    color: #afb42b !important;
}

.lime.darken-3 {
    background-color: #9e9d24 !important;
}

.lime-text.text-darken-3 {
    color: #9e9d24 !important;
}

.lime.darken-4 {
    background-color: #827717 !important;
}

.lime-text.text-darken-4 {
    color: #827717 !important;
}

.lime.accent-1 {
    background-color: #f4ff81 !important;
}

.lime-text.text-accent-1 {
    color: #f4ff81 !important;
}

.lime.accent-2 {
    background-color: #eeff41 !important;
}

.lime-text.text-accent-2 {
    color: #eeff41 !important;
}

.lime.accent-3 {
    background-color: #c6ff00 !important;
}

.lime-text.text-accent-3 {
    color: #c6ff00 !important;
}

.lime.accent-4 {
    background-color: #aeea00 !important;
}

.lime-text.text-accent-4 {
    color: #aeea00 !important;
}

.yellow.lighten-5 {
    background-color: #fffde7 !important;
}

.yellow-text.text-lighten-5 {
    color: #fffde7 !important;
}

.yellow.lighten-4 {
    background-color: #fff9c4 !important;
}

.yellow-text.text-lighten-4 {
    color: #fff9c4 !important;
}

.yellow.lighten-3 {
    background-color: #fff59d !important;
}

.yellow-text.text-lighten-3 {
    color: #fff59d !important;
}

.yellow.lighten-2 {
    background-color: #fff176 !important;
}

.yellow-text.text-lighten-2 {
    color: #fff176 !important;
}

.yellow.lighten-1 {
    background-color: #ffee58 !important;
}

.yellow-text.text-lighten-1 {
    color: #ffee58 !important;
}

.yellow {
    background-color: #ffeb3b !important;
}

.yellow-text {
    color: #ffeb3b !important;
}

.yellow.darken-1 {
    background-color: #fdd835 !important;
}

.yellow-text.text-darken-1 {
    color: #fdd835 !important;
}

.yellow.darken-2 {
    background-color: #fbc02d !important;
}

.yellow-text.text-darken-2 {
    color: #fbc02d !important;
}

.yellow.darken-3 {
    background-color: #f9a825 !important;
}

.yellow-text.text-darken-3 {
    color: #f9a825 !important;
}

.yellow.darken-4 {
    background-color: #f57f17 !important;
}

.yellow-text.text-darken-4 {
    color: #f57f17 !important;
}

.yellow.accent-1 {
    background-color: #ffff8d !important;
}

.yellow-text.text-accent-1 {
    color: #ffff8d !important;
}

.yellow.accent-2 {
    background-color: #ffff00 !important;
}

.yellow-text.text-accent-2 {
    color: #ffff00 !important;
}

.yellow.accent-3 {
    background-color: #ffea00 !important;
}

.yellow-text.text-accent-3 {
    color: #ffea00 !important;
}

.yellow.accent-4 {
    background-color: #ffd600 !important;
}

.yellow-text.text-accent-4 {
    color: #ffd600 !important;
}

.amber.lighten-5 {
    background-color: #fff8e1 !important;
}

.amber-text.text-lighten-5 {
    color: #fff8e1 !important;
}

.amber.lighten-4 {
    background-color: #ffecb3 !important;
}

.amber-text.text-lighten-4 {
    color: #ffecb3 !important;
}

.amber.lighten-3 {
    background-color: #ffe082 !important;
}

.amber-text.text-lighten-3 {
    color: #ffe082 !important;
}

.amber.lighten-2 {
    background-color: #ffd54f !important;
}

.amber-text.text-lighten-2 {
    color: #ffd54f !important;
}

.amber.lighten-1 {
    background-color: #ffca28 !important;
}

.amber-text.text-lighten-1 {
    color: #ffca28 !important;
}

.amber {
    background-color: #ffc107 !important;
}

.amber-text {
    color: #ffc107 !important;
}

.amber.darken-1 {
    background-color: #ffb300 !important;
}

.amber-text.text-darken-1 {
    color: #ffb300 !important;
}

.amber.darken-2 {
    background-color: #ffa000 !important;
}

.amber-text.text-darken-2 {
    color: #ffa000 !important;
}

.amber.darken-3 {
    background-color: #ff8f00 !important;
}

.amber-text.text-darken-3 {
    color: #ff8f00 !important;
}

.amber.darken-4 {
    background-color: #ff6f00 !important;
}

.amber-text.text-darken-4 {
    color: #ff6f00 !important;
}

.amber.accent-1 {
    background-color: #ffe57f !important;
}

.amber-text.text-accent-1 {
    color: #ffe57f !important;
}

.amber.accent-2 {
    background-color: #ffd740 !important;
}

.amber-text.text-accent-2 {
    color: #ffd740 !important;
}

.amber.accent-3 {
    background-color: #ffc400 !important;
}

.amber-text.text-accent-3 {
    color: #ffc400 !important;
}

.amber.accent-4 {
    background-color: #ffab00 !important;
}

.amber-text.text-accent-4 {
    color: #ffab00 !important;
}

.orange.lighten-5 {
    background-color: #fff3e0 !important;
}

.orange-text.text-lighten-5 {
    color: #fff3e0 !important;
}

.orange.lighten-4 {
    background-color: #ffe0b2 !important;
}

.orange-text.text-lighten-4 {
    color: #ffe0b2 !important;
}

.orange.lighten-3 {
    background-color: #ffcc80 !important;
}

.orange-text.text-lighten-3 {
    color: #ffcc80 !important;
}

.orange.lighten-2 {
    background-color: #ffb74d !important;
}

.orange-text.text-lighten-2 {
    color: #ffb74d !important;
}

.orange.lighten-1 {
    background-color: #ffa726 !important;
}

.orange-text.text-lighten-1 {
    color: #ffa726 !important;
}

.orange {
    background-color: #ff9800 !important;
}

.orange-text {
    color: #ff9800 !important;
}

.orange.darken-1 {
    background-color: #fb8c00 !important;
}

.orange-text.text-darken-1 {
    color: #fb8c00 !important;
}

.orange.darken-2 {
    background-color: #f57c00 !important;
}

.orange-text.text-darken-2 {
    color: #f57c00 !important;
}

.orange.darken-3 {
    background-color: #ef6c00 !important;
}

.orange-text.text-darken-3 {
    color: #ef6c00 !important;
}

.orange.darken-4 {
    background-color: #e65100 !important;
}

.orange-text.text-darken-4 {
    color: #e65100 !important;
}

.orange.accent-1 {
    background-color: #ffd180 !important;
}

.orange-text.text-accent-1 {
    color: #ffd180 !important;
}

.orange.accent-2 {
    background-color: #ffab40 !important;
}

.orange-text.text-accent-2 {
    color: #ffab40 !important;
}

.orange.accent-3 {
    background-color: #ff9100 !important;
}

.orange-text.text-accent-3 {
    color: #ff9100 !important;
}

.orange.accent-4 {
    background-color: #ff6d00 !important;
}

.orange-text.text-accent-4 {
    color: #ff6d00 !important;
}

.deep-orange.lighten-5 {
    background-color: #fbe9e7 !important;
}

.deep-orange-text.text-lighten-5 {
    color: #fbe9e7 !important;
}

.deep-orange.lighten-4 {
    background-color: #ffccbc !important;
}

.deep-orange-text.text-lighten-4 {
    color: #ffccbc !important;
}

.deep-orange.lighten-3 {
    background-color: #ffab91 !important;
}

.deep-orange-text.text-lighten-3 {
    color: #ffab91 !important;
}

.deep-orange.lighten-2 {
    background-color: #ff8a65 !important;
}

.deep-orange-text.text-lighten-2 {
    color: #ff8a65 !important;
}

.deep-orange.lighten-1 {
    background-color: #ff7043 !important;
}

.deep-orange-text.text-lighten-1 {
    color: #ff7043 !important;
}

.deep-orange {
    background-color: #ff5722 !important;
}

.deep-orange-text {
    color: #ff5722 !important;
}

.deep-orange.darken-1 {
    background-color: #f4511e !important;
}

.deep-orange-text.text-darken-1 {
    color: #f4511e !important;
}

.deep-orange.darken-2 {
    background-color: #e64a19 !important;
}

.deep-orange-text.text-darken-2 {
    color: #e64a19 !important;
}

.deep-orange.darken-3 {
    background-color: #d84315 !important;
}

.deep-orange-text.text-darken-3 {
    color: #d84315 !important;
}

.deep-orange.darken-4 {
    background-color: #bf360c !important;
}

.deep-orange-text.text-darken-4 {
    color: #bf360c !important;
}

.deep-orange.accent-1 {
    background-color: #ff9e80 !important;
}

.deep-orange-text.text-accent-1 {
    color: #ff9e80 !important;
}

.deep-orange.accent-2 {
    background-color: #ff6e40 !important;
}

.deep-orange-text.text-accent-2 {
    color: #ff6e40 !important;
}

.deep-orange.accent-3 {
    background-color: #ff3d00 !important;
}

.deep-orange-text.text-accent-3 {
    color: #ff3d00 !important;
}

.deep-orange.accent-4 {
    background-color: #dd2c00 !important;
}

.deep-orange-text.text-accent-4 {
    color: #dd2c00 !important;
}

.brown.lighten-5 {
    background-color: #efebe9 !important;
}

.brown-text.text-lighten-5 {
    color: #efebe9 !important;
}

.brown.lighten-4 {
    background-color: #d7ccc8 !important;
}

.brown-text.text-lighten-4 {
    color: #d7ccc8 !important;
}

.brown.lighten-3 {
    background-color: #bcaaa4 !important;
}

.brown-text.text-lighten-3 {
    color: #bcaaa4 !important;
}

.brown.lighten-2 {
    background-color: #a1887f !important;
}

.brown-text.text-lighten-2 {
    color: #a1887f !important;
}

.brown.lighten-1 {
    background-color: #8d6e63 !important;
}

.brown-text.text-lighten-1 {
    color: #8d6e63 !important;
}

.brown {
    background-color: #795548 !important;
}

.brown-text {
    color: #795548 !important;
}

.brown.darken-1 {
    background-color: #6d4c41 !important;
}

.brown-text.text-darken-1 {
    color: #6d4c41 !important;
}

.brown.darken-2 {
    background-color: #5d4037 !important;
}

.brown-text.text-darken-2 {
    color: #5d4037 !important;
}

.brown.darken-3 {
    background-color: #4e342e !important;
}

.brown-text.text-darken-3 {
    color: #4e342e !important;
}

.brown.darken-4 {
    background-color: #3e2723 !important;
}

.brown-text.text-darken-4 {
    color: #3e2723 !important;
}

.blue-grey.lighten-5 {
    background-color: #eceff1 !important;
}

.blue-grey-text.text-lighten-5 {
    color: #eceff1 !important;
}

.blue-grey.lighten-4 {
    background-color: #cfd8dc !important;
}

.blue-grey-text.text-lighten-4 {
    color: #cfd8dc !important;
}

.blue-grey.lighten-3 {
    background-color: #b0bec5 !important;
}

.blue-grey-text.text-lighten-3 {
    color: #b0bec5 !important;
}

.blue-grey.lighten-2 {
    background-color: #90a4ae !important;
}

.blue-grey-text.text-lighten-2 {
    color: #90a4ae !important;
}

.blue-grey.lighten-1 {
    background-color: #78909c !important;
}

.blue-grey-text.text-lighten-1 {
    color: #78909c !important;
}

.blue-grey {
    background-color: #607d8b !important;
}

.blue-grey-text {
    color: #607d8b !important;
}

.blue-grey.darken-1 {
    background-color: #546e7a !important;
}

.blue-grey-text.text-darken-1 {
    color: #546e7a !important;
}

.blue-grey.darken-2 {
    background-color: #455a64 !important;
}

.blue-grey-text.text-darken-2 {
    color: #455a64 !important;
}

.blue-grey.darken-3 {
    background-color: #37474f !important;
}

.blue-grey-text.text-darken-3 {
    color: #37474f !important;
}

.blue-grey.darken-4 {
    background-color: #263238 !important;
}

.blue-grey-text.text-darken-4 {
    color: #263238 !important;
}

.grey.lighten-5 {
    background-color: #fafafa !important;
}

.grey-text.text-lighten-5 {
    color: #fafafa !important;
}

.grey.lighten-4 {
    background-color: #f5f5f5 !important;
}

.grey-text.text-lighten-4 {
    color: #f5f5f5 !important;
}

.grey.lighten-3 {
    background-color: #eeeeee !important;
}

.grey-text.text-lighten-3 {
    color: #eeeeee !important;
}

.grey.lighten-2 {
    background-color: #e0e0e0 !important;
}

.grey-text.text-lighten-2 {
    color: #e0e0e0 !important;
}

.grey.lighten-1 {
    background-color: #bdbdbd !important;
}

.grey-text.text-lighten-1 {
    color: #bdbdbd !important;
}

.grey {
    background-color: #9e9e9e !important;
}

.grey-text {
    color: #9e9e9e !important;
}

.grey.darken-1 {
    background-color: #757575 !important;
}

.grey-text.text-darken-1 {
    color: #757575 !important;
}

.grey.darken-2 {
    background-color: #616161 !important;
}

.grey-text.text-darken-2 {
    color: #616161 !important;
}

.grey.darken-3 {
    background-color: #424242 !important;
}

.grey-text.text-darken-3 {
    color: #424242 !important;
}

.grey.darken-4 {
    background-color: #212121 !important;
}

.grey-text.text-darken-4 {
    color: #212121 !important;
}

.shades.black {
    background-color: #000000 !important;
}

.shades-text.text-black {
    color: #000000 !important;
}

.shades.white {
    background-color: #FFFFFF !important;
}

.shades-text.text-white {
    color: #FFFFFF !important;
}

.shades.transparent {
    background-color: transparent !important;
}

.shades-text.text-transparent {
    color: transparent !important;
}

.black {
    background-color: #000000 !important;
}

.black-text {
    color: #000000 !important;
}

.white {
    background-color: #FFFFFF !important;
}

.white-text {
    color: #FFFFFF !important;
}

.transparent {
    background-color: transparent !important;
}

.transparent-text {
    color: transparent !important;
}

.danger-color {
    background-color: #ff4444 !important;
}

.danger-text {
    color: #ff4444 !important;
}

.danger-color-dark {
    background-color: #CC0000 !important;
}

.danger-text-dark {
    color: #CC0000 !important;
}

.warning-color {
    background-color: #ffbb33 !important;
}

.warning-text {
    color: #ffbb33 !important;
}

.warning-color-dark {
    background-color: #FF8800 !important;
}

.warning-text-dark {
    color: #FF8800 !important;
}

.success-color {
    background-color: #00C851 !important;
}

.success-text {
    color: #00C851 !important;
}

.success-color-dark {
    background-color: #007E33 !important;
}

.success-text-dark {
    color: #007E33 !important;
}

.info-color {
    background-color: #33b5e5 !important;
}

.info-text {
    color: #33b5e5 !important;
}

.info-color-dark {
    background-color: #0099CC !important;
}

.info-text-dark {
    color: #0099CC !important;
}

.default-color {
    background-color: #2BBBAD !important;
}

.default-color-dark {
    background-color: #00695c !important;
}

.primary-color {
    background-color: #4285F4 !important;
}

.primary-color-dark {
    background-color: #0d47a1 !important;
}

.secondary-color {
    background-color: #aa66cc !important;
}

.secondary-color-dark {
    background-color: #9933CC !important;
}

.elegant-color {
    background-color: #2E2E2E !important;
}

.elegant-color-dark {
    background-color: #212121 !important;
}

.stylish-color {
    background-color: #4B515D !important;
}

.stylish-color-dark {
    background-color: #3E4551 !important;
}

.special-color {
    background-color: #37474F !important;
}

.special-color-dark {
    background-color: #263238 !important;
}

.unique-color {
    background-color: #3F729B !important;
}

.unique-color-dark {
    background-color: #1C2331 !important;
}

/**
 * Debug Stuff
 */

.debug {
    display: none;
}

/**
 * Global notification
 */

.notifications-wrapper {
    position: fixed;
    z-index: 2;
    height: 0;
    overflow: visible;
    right: 30px;
    top: 70px;
}

.notifications {
    width: 320px;
    margin: 0 auto;
}

.notifications>p {
    height: 60px;
    line-height: 60px;
    color: #2E2E2E;
    text-align: center;
    margin: 0 0 10px;
    position: relative;
    background: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .07), 1px 2px 5px 0 rgba(0, 0, 0, .06);
    -moz-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .07), 1px 2px 5px 0 rgba(0, 0, 0, .06);
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .07), 1px 2px 5px 0 rgba(0, 0, 0, .3);
}

/* TEMP FIXES Bootstrap overrides */

.widget-body>[class*="col-"] {
    padding: 0;
}

.table.normalSpacing [class*="col-"] {
    padding: 10px;
}

.table td.noSpacing[class*="col-"] {
    padding: 10px;
}

[class*="col-"].noSpacing {
    padding: 0;
}

typeahead-container.dropdown>.dropdown-menu {
    left: auto !important;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    background-color: #192934;
}

.widget-body:after,
.widget:after,
.well:after {
    clear: both;
}

.well {
    border: 0;
}

/** Pagination **/

pagination.pagination {
    float: right;
    margin: 0 0 5px;
}

pagination.pagination li a {
    border: none;
    font-size: 13px;
    min-width: 30px;
    min-height: 30px;
    color: #999;
    margin: 0 2px;
    line-height: 30px;
    border-radius: 2px !important;
    text-align: center;
    padding: 0 6px;
    border: none !important;
}

pagination.pagination li a:hover {
    color: #666;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background: #192934;
    border: none !important;
}

pagination.pagination li.active a:hover {
    background: #192934;
}

pagination.pagination li.disabled i {
    color: #ccc;
}

pagination.pagination li i {
    font-size: 16px;
    padding-top: 6px
}

/* .pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #192934;
    border-color: #192934
}

.pagination>li>a,
.pagination>li>span {
    color: #192934;
} */

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    color: #192934;
    border: 0;
    border-bottom: 3px solid #192934;
    background: none;
}

.nav-pills>li>a {
    color: #555;
    border: 0;
    background: none;
    border-radius: 0;
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    color: #192934;
    border: 0;
    border-bottom: 3px solid #192934;
    background: none;
}

.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:hover {
    color: #192934;
    border: 0;
    border-bottom: 3px solid #192934;
    background: none;
}

.nav-tabs.nav-justified>a {
    color: #555;
    border: 0;
    border-bottom: 3px solid transparent;
    background: none;
}

.table-borderless>tbody>tr>td,
.table-borderless>tbody>tr>th,
.table-borderless>tfoot>tr>td,
.table-borderless>tfoot>tr>th,
.table-borderless>thead>tr>td,
.table-borderless>thead>tr>th {
    border: none;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    /* padding: 15px 8px; */
    vertical-align: middle;
}

.table>thead>th {
    padding: 8px;
    padding-right: 0;
    font-size: 0.9em;
}

.table>tbody {
    font-weight: 300;
}

.table>tbody>h5 {
    font-weight: 400;
}

/**
 * Sidebar
 **/

:focus {
    outline: none;
}

.row {
    margin-right: 0;
    margin-left: 0;
}

/*
    Sometimes the sub menus get too large for the page and prevent the menu from scrolling, limiting functionality
    A quick fix is to change .side-menu to

    -> position:absolute

    and uncomment the code below.
    You also need to uncomment

    -> <div class="absolute-wrapper"> </div> in the html file

    you also need to tweek the animation. Just uncomment the code in that section
    --------------------------------------------------------------------------------------------------------------------
    If you want to make it really neat i suggest you look into an alternative like http://areaaperta.com/nicescroll/
    This will allow the menu to say fixed on body scoll and scoll on the side bar if it get to large
*/

/*.absolute-wrapper{
    position: fixed;
    width: 300px;
    height: 100%;
    background-color: #f8f8f8;
    border-right: 1px solid #e7e7e7;
}*/

.side-menu {
    position: fixed;
    width: 300px;
    height: 100%;
    background-color: #f8f8f8;
    border-right: 1px solid #e7e7e7;
    z-index: 1000;
}

.side-menu .navbar {
    border: none;
}

.side-menu .navbar-header {
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
}

.side-menu .navbar-nav .active a {
    background-color: transparent;
    margin-right: -1px;
    border-right: 5px solid #e7e7e7;
}

.side-menu .navbar-nav li {
    display: block;
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
}

.side-menu .navbar-nav li a {
    padding: 15px;
}

.side-menu .navbar-nav li a .glyphicon {
    padding-right: 10px;
}

.side-menu #dropdown {
    border: 0;
    margin-bottom: 0;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
}

.side-menu #dropdown .caret {
    float: right;
    margin: 9px 5px 0;
}

.side-menu #dropdown .indicator {
    float: right;
}

.side-menu #dropdown>a {
    border-bottom: 1px solid #e7e7e7;
}

.side-menu #dropdown .panel-body {
    padding: 0;
    background-color: #f3f3f3;
}

.side-menu #dropdown .panel-body .navbar-nav {
    width: 100%;
}

.side-menu #dropdown .panel-body .navbar-nav li {
    padding-left: 15px;
    border-bottom: 1px solid #e7e7e7;
}

.side-menu #dropdown .panel-body .navbar-nav li:last-child {
    border-bottom: none;
}

.side-menu #dropdown .panel-body .panel>a {
    margin-left: -20px;
    padding-left: 35px;
}

.side-menu #dropdown .panel-body .panel-body {
    margin-left: -15px;
}

.side-menu #dropdown .panel-body .panel-body li {
    padding-left: 30px;
}

.side-menu #dropdown .panel-body .panel-body li:last-child {
    border-bottom: 1px solid #e7e7e7;
}

.side-menu #search-trigger {
    background-color: #f3f3f3;
    border: 0;
    border-radius: 0;
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px 18px;
}

.side-menu .brand-name-wrapper {
    min-height: 50px;
}

.side-menu .brand-name-wrapper .navbar-brand {
    display: block;
}

.side-menu #search {
    position: relative;
    z-index: 1000;
}

.side-menu #search .panel-body {
    padding: 0;
}

.side-menu #search .panel-body .navbar-form {
    padding: 0;
    padding-right: 50px;
    width: 100%;
    margin: 0;
    position: relative;
    border-top: 1px solid #e7e7e7;
}

.side-menu #search .panel-body .navbar-form .form-group {
    width: 100%;
    position: relative;
}

.side-menu #search .panel-body .navbar-form input {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    width: 100%;
    height: 50px;
}

.side-menu #search .panel-body .navbar-form .btn {
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    border-radius: 0;
    background-color: #f3f3f3;
    padding: 15px 18px;
}

/* Main body section */

.side-body {
    margin-left: 310px;
}

/* small screen */

@media (max-width: 1025px) {
    .side-menu {
        position: relative;
        width: 100%;
        height: 0;
        border-right: 0;
        border-bottom: 1px solid #e7e7e7;
    }

    .side-menu .brand-name-wrapper .navbar-brand {
        display: inline-block;
    }

    /* Slide in animation */
    @-moz-keyframes slidein {
        0% {
            left: -300px;
        }

        100% {
            left: 10px;
        }
    }

    @-webkit-keyframes slidein {
        0% {
            left: -300px;
        }

        100% {
            left: 10px;
        }
    }

    @keyframes slidein {
        0% {
            left: -300px;
        }

        100% {
            left: 10px;
        }
    }

    @-moz-keyframes slideout {
        0% {
            left: 0;
        }

        100% {
            left: -300px;
        }
    }

    @-webkit-keyframes slideout {
        0% {
            left: 0;
        }

        100% {
            left: -300px;
        }
    }

    @keyframes slideout {
        0% {
            left: 0;
        }

        100% {
            left: -300px;
        }
    }

    /* Slide side menu*/
    /* Add .absolute-wrapper.slide-in for scrollable menu -> see top comment */
    .side-menu-container>.navbar-nav.slide-in {
        -moz-animation: slidein 300ms forwards;
        -o-animation: slidein 300ms forwards;
        -webkit-animation: slidein 300ms forwards;
        animation: slidein 300ms forwards;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .side-menu-container>.navbar-nav {
        /* Add position:absolute for scrollable menu -> see top comment */
        position: fixed;
        left: -300px;
        width: 300px;
        top: 43px;
        height: 100%;
        border-right: 1px solid #e7e7e7;
        background-color: #f8f8f8;
        -moz-animation: slideout 300ms forwards;
        -o-animation: slideout 300ms forwards;
        -webkit-animation: slideout 300ms forwards;
        animation: slideout 300ms forwards;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    /* Uncomment for scrollable menu -> see top comment */
    /*.absolute-wrapper{
          width:285px;
          -moz-animation: slideout 300ms forwards;
          -o-animation: slideout 300ms forwards;
          -webkit-animation: slideout 300ms forwards;
          animation: slideout 300ms forwards;
          -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
      }*/
    @-moz-keyframes bodyslidein {
        0% {
            left: 0;
        }

        100% {
            left: 300px;
        }
    }

    @-webkit-keyframes bodyslidein {
        0% {
            left: 0;
        }

        100% {
            left: 300px;
        }
    }

    @keyframes bodyslidein {
        0% {
            left: 0;
        }

        100% {
            left: 300px;
        }
    }

    @-moz-keyframes bodyslideout {
        0% {
            left: 300px;
        }

        100% {
            left: 0;
        }
    }

    @-webkit-keyframes bodyslideout {
        0% {
            left: 300px;
        }

        100% {
            left: 0;
        }
    }

    @keyframes bodyslideout {
        0% {
            left: 300px;
        }

        100% {
            left: 0;
        }
    }

    /* Slide side body*/
    .side-body {
        margin-left: 5px;
        margin-top: 70px;
        position: relative;
        -moz-animation: bodyslideout 300ms forwards;
        -o-animation: bodyslideout 300ms forwards;
        -webkit-animation: bodyslideout 300ms forwards;
        animation: bodyslideout 300ms forwards;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .body-slide-in {
        -moz-animation: bodyslidein 300ms forwards;
        -o-animation: bodyslidein 300ms forwards;
        -webkit-animation: bodyslidein 300ms forwards;
        animation: bodyslidein 300ms forwards;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    /* Hamburger */
    .navbar-toggle {
        height: 60px;
        border: 0;
        float: left;
        padding: 18px;
        margin: 0;
        border-radius: 0;
        color: #fff;
        background-color: rgba(0, 0, 0, 0.4);
    }

    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: rgba(255, 255, 255, 0.2);
    }

    /* Search */
    #search .panel-body .navbar-form {
        border-bottom: 0;
    }

    #search .panel-body .navbar-form .form-group {
        margin: 0;
    }

    .navbar-header {
        /* this is probably redundant */
        /*background-color: #f8f8f8;*/
    }

    /* Dropdown tweek */
    #dropdown .panel-body .navbar-nav {
        margin: 0;
    }
}

.navbar .navbar-default {
    position: fixed;
    z-index: 5;
    background-color: #fff;
}

/* Sidebar navigation */

/* Toggle Styles */

.nav-sidebar {
    margin-right: -21px;
    /* 20px padding + 1px border */
    margin-bottom: 20px;
    margin-left: -20px;
}

.nav-sidebar>li>a {
    padding-right: 20px;
    padding-left: 20px;
}

.nav-sidebar>.active>a,
.nav-sidebar>.active>a:hover,
.nav-sidebar>.active>a:focus {
    color: #fff;
    background-color: #428bca;
}

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    overflow: hidden;
}

#wrapper.toggled {
    padding-left: 250px;
    overflow: scroll;
}

#sidebar-wrapper {
    z-index: 900;
    position: fixed;
    top: 60px;
    left: 0;
    width: 50px;
    height: 100%;
    /* overflow-y: auto; */
    background: #000;
    background: #2d353c;
    background: #fff;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.15), 0 3px 1px -2px rgba(0, 0, 0, 0.38);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.15), 0 3px 1px -2px rgba(0, 0, 0, 0.38);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

#wrapper.toggled #sidebar-wrapper {}

#page-content-wrapper {
    position: absolute;
    padding: 15px;
    width: 100%;
    overflow-x: hidden;
}

.xyz {
    min-width: 360px;
}

#wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0px;
}

.fixed-brand {
    width: auto;
}

/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    padding: 0;
    list-style: none;
    margin: 10px 0 0;
    width: 100%;
}

@media(min-width: 1025px) {
    .sidebar-nav {
        margin: 20px 0 0;
        width: 100%;
    }
}

.sidebar-nav.navbar-bottom {
    bottom: 0;
    top: auto;
}

.sidebar-nav li {
    text-indent: 15px;
    line-height: 40px;
    /* padding: 5px 0; */
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #bdbdbd;
    border-left: transparent 4px solid;
    padding: 5px 0;
}

.sidebar-nav li a:hover,
.sidebar-nav li a.active {
    text-decoration: none;
    color: rgba(86, 86, 86, 1);
    background: rgba(0, 0, 0, 0.08);
    border-left: #192934 4px solid;
}

#menu>li>a>span {
    margin-left: -18px;
}

.sidebar-nav .fa-stack .fa {
    font-size: 2em;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav>.sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

.sidebar-nav>.sidebar-brand a {
    color: #999999;
}

.sidebar-nav>.sidebar-brand a:hover {
    color: #fff;
    background: none;
}

.no-margin {
    margin: 0;
}

@media(min-width:1025px) {
    #wrapper {
        padding-left: 250px;
    }

    .fixed-brand {
        max-width: 50vw;
        display: inline;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 250px;
    }

    #wrapper.toggled #sidebar-wrapper {
        /* width: 250px; */
    }

    #wrapper.toggled-2 {
        /*padding-left: 0;*/
    }

    #wrapper.toggled-2 #sidebar-wrapper {
        width: 50px;
    }

    #wrapper.toggled-2 #sidebar-wrapper:hover {
        /* width: 250px; */
    }

    #wrapper.toggled-2 #sidebar-wrapper:focus {
        width: 50px;
    }

    #page-content-wrapper {
        padding: 20px;
        position: relative;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
        padding-left: 250px;
    }

    #wrapper.toggled-2 #page-content-wrapper {
        position: relative;
        margin-right: 0;
        margin-left: -200px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        width: auto;
    }
}

.navbar-nav-right {
    float: right;
}

.navbar-brand {
    padding: 10px;
    height: 60px;
}

.navbar-brand.brand-link {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media(min-width: 768px) {
    .navbar-brand.brand-link {
        position: inherit;
        transform: none;
    }
}

.navbar>.navbar-header>.navbar-brand>img {
    height: 95%;
    width: auto;
    display: inline-block;
}

nav.navbar.navbar-default {
    background-color: #fff;
    background-color: #192934;
    position: fixed;
    z-index: 950;
    width: 100%;
    border: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 -1px 0 rgba(0, 0, 0, .02);
}

/**
 * Pace
 */

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.pace .pace-activity {
    display: block;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 0;
    width: 300px;
    height: 300px;
    background: #29d;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: translateX(100%) translateY(-100%) rotate(45deg);
    transform: translateX(100%) translateY(-100%) rotate(45deg);
    pointer-events: none;
}

.pace.pace-active .pace-activity {
    -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
    transform: translateX(50%) translateY(-50%) rotate(45deg);
}

.pace .pace-activity::before,
.pace .pace-activity::after {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    bottom: 30px;
    left: 50%;
    display: block;
    border: 5px solid #fff;
    border-radius: 50%;
    content: '';
}

.pace .pace-activity::before {
    margin-left: -40px;
    width: 80px;
    height: 80px;
    border-right-color: rgba(0, 0, 0, .2);
    border-left-color: rgba(0, 0, 0, .2);
    -webkit-animation: pace-theme-corner-indicator-spin 3s linear infinite;
    animation: pace-theme-corner-indicator-spin 3s linear infinite;
}

.pace .pace-activity::after {
    bottom: 50px;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    border-top-color: rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .2);
    -webkit-animation: pace-theme-corner-indicator-spin 1s linear infinite;
    animation: pace-theme-corner-indicator-spin 1s linear infinite;
}

@-webkit-keyframes pace-theme-corner-indicator-spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
    }
}

@keyframes pace-theme-corner-indicator-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

/**
 * Charts
 */

.donutchart-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.donutchart-overlay>.text {
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 4rem;
}

div.kint {
    margin-left: 80px;
}

/** Leaflet fixes */

.leaflet-top,
.leaflet-bottom {
    z-index: 500 !important;
}

/**
 * Traffic light
 */

#traffic-light {
    position: absolute;
    display: block;
    right: 20px;
    top: -5px;
    background-color: #acacac;
    width: 33px;
    height: 70px;
    border-radius: 10px;
}

.traffic-single-light>div.active,
.traffic-single-light>i {
    display: inline-block !important;
}

.traffic-single-light>i {
    margin-left: 10px;
}

#traffic-light div.active,
.traffic-single-light div.active {
    -webkit-appearance: none;
    position: relative;
    width: 20px;
    height: 20px;
    margin: 2px 0 !important;
    background-color: grey;
    vertical-align: middle;
    border-radius: 100%;
    display: block;
}

.traffic-single-light div.active {
    -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .07), 1px 2px 5px 0 rgba(0, 0, 0, .06);
    -moz-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .07), 1px 2px 5px 0 rgba(0, 0, 0, .06);
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .07), 1px 2px 5px 0 rgba(0, 0, 0, .06);
}

#color1.active {
    background-color: #d9534f;
}

#color2.active {
    background-color: #FFC914;
}

#color3.active {
    background-color: #192934;
}

#color4.active {
    background-color: #d6d6d6;
}

svg.loader path,
svg.loader rect {
    fill: #192934;
}

.dataLoading {
    min-height: 200px;
}

.filterDisabledOverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 4px;
    margin: -10px;
    z-index: 1;
}

/** Profile Settings **/

.tabset-hidden-nav>.nav-tabs {
    border: none !important;
    display: none;
}

/** Gridster **/

.gridster-item-inner .widget {
    width: 100%;
    height: 100%;
}

/** TrafficLight Indicator **/

.trafficIndicatorContainer {
    background-color: #eee;
    width: 60px;
    height: 20px;
    border-radius: 4px;
    padding: 2px 4px;
}

.trafficIndicatorContainer>.light,
.trafficIndicatorContainer>.light>.red,
.trafficIndicatorContainer>.light>.yellow,
.trafficIndicatorContainer>.light>.green {
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 2px;
    border-radius: 50%;
    background-color: #ccc !important;
}

.trafficIndicatorContainer>.light.red.active {
    background-color: #F44336 !important;
}

.trafficIndicatorContainer>.light.yellow.active {
    background-color: #ffeb3b !important;
}

.trafficIndicatorContainer>.light.green.active {
    background-color: #4CAF50 !important;
}

.trafficIndicatorContainer .light:last-child {
    margin-right: 0;
}

.trendIndicator {
    position: absolute;
}

.trendIndicator.topRight {
    top: 15px;
    right: 15px;
}

/**
    Expandable / Collabsable div
**/

.widget,
.widget-body {
    /* all style changes will ease-in-out for 1s */
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s;
}

.widget.collapsedWidget .widget-body {
    /* overflow set to hidden to hide the expanded text */
    overflow: hidden;
    height: 0;
}

.widget.expanded .widget-body {
    height: auto;
}

/**
    Fontawesome extension
**/

.zmdi-hc-xlg {
    font-size: 1.53em;
    line-height: .75em;
    vertical-align: -15%
}

.spacer {
    height: 20px;
}

.spacer-medium {
    height: 10px;
}

.spacer-small {
    height: 5px;
}

/** Simple Line Icons Extension **/

a>[class*="icon-"],
a:hover>[class*="icon-"] {
    cursor: pointer;
    text-decoration: none;
}

.icon-sm-space-left {
    margin-left: 10px;
}

.chartMessage {
    text-align: center;
    padding-top: 5%;
    color: #717171;
}

.debug-code {
    background-color: #ebebeb;
    padding: 15px;
    border-radius: 4px;
}


/********** Entypo+ **********/

@font-face {
    font-family: 'entypo';
    src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/39377/entypo_copy.eot');
    src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/39377/entypo_copy.eot#iefix') format('embedded-opentype'),
        url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/39377/entypo_copy.ttf') format('truetype'),
        url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/39377/entypo_copy.woff') format('woff'),
        url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/39377/entypo_copy.svg#entypo') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'entypo' !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-address:before {
    content: "\e900";
}

.icon-add-to-list:before {
    content: "\e901";
}

.icon-add-user:before {
    content: "\e902";
}

.icon-adjust:before {
    content: "\e903";
}

.icon-air:before {
    content: "\e904";
}

.icon-aircraft:before {
    content: "\e905";
}

.icon-aircraft-landing:before {
    content: "\e906";
}

.icon-aircraft-take-off:before {
    content: "\e907";
}

.icon-align-bottom:before {
    content: "\ea35";
}

.icon-align-horizontal-middle:before {
    content: "\ea36";
}

.icon-align-left:before {
    content: "\ea37";
}

.icon-align-right:before {
    content: "\ea38";
}

.icon-align-top:before {
    content: "\ea39";
}

.icon-align-vertical-middle:before {
    content: "\ea3a";
}

.icon-archive:before {
    content: "\e908";
}

.icon-area-graph:before {
    content: "\e909";
}

.icon-arrow-bold-down:before {
    content: "\e90a";
}

.icon-arrow-bold-left:before {
    content: "\e90b";
}

.icon-arrow-bold-right:before {
    content: "\e90c";
}

.icon-arrow-bold-up:before {
    content: "\e90d";
}

.icon-arrow-down:before {
    content: "\e90e";
}

.icon-arrow-left:before {
    content: "\e90f";
}

.icon-arrow-long-down:before {
    content: "\e910";
}

.icon-arrow-long-left:before {
    content: "\e911";
}

.icon-arrow-long-right:before {
    content: "\e912";
}

.icon-arrow-long-up:before {
    content: "\e913";
}

.icon-arrow-right:before {
    content: "\e914";
}

.icon-arrow-up:before {
    content: "\e915";
}

.icon-arrow-with-circle-down:before {
    content: "\e916";
}

.icon-arrow-with-circle-left:before {
    content: "\e917";
}

.icon-arrow-with-circle-right:before {
    content: "\e918";
}

.icon-arrow-with-circle-up:before {
    content: "\e919";
}

.icon-attachment:before {
    content: "\e91a";
}

.icon-awareness-ribbon:before {
    content: "\ea3b";
}

.icon-back:before {
    content: "\e91b";
}

.icon-back-in-time:before {
    content: "\e91c";
}

.icon-bar-graph:before {
    content: "\e91d";
}

.icon-battery:before {
    content: "\ea3c";
}

.icon-beamed-note:before {
    content: "\ea3d";
}

.icon-bell:before {
    content: "\ea3e";
}

.icon-blackboard:before {
    content: "\e91e";
}

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

.icon-book:before {
    content: "\e920";
}

.icon-bookmark:before {
    content: "\e921";
}

.icon-bookmarks:before {
    content: "\e922";
}

.icon-bowl:before {
    content: "\ea3f";
}

.icon-box:before {
    content: "\e923";
}

.icon-briefcase:before {
    content: "\e924";
}

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

.icon-brush:before {
    content: "\e926";
}

.icon-bucket:before {
    content: "\e927";
}

.icon-bug:before {
    content: "\e928";
}

.icon-cake:before {
    content: "\e929";
}

.icon-calculator:before {
    content: "\e92a";
}

.icon-calendar:before {
    content: "\e92b";
}

.icon-camera:before {
    content: "\e92c";
}

.icon-ccw:before {
    content: "\e92d";
}

.icon-chat:before {
    content: "\e92e";
}

.icon-check:before {
    content: "\e92f";
}

.icon-chevron-down:before {
    content: "\e930";
}

.icon-chevron-left:before {
    content: "\e931";
}

.icon-chevron-right:before {
    content: "\e932";
}

.icon-chevron-small-down:before {
    content: "\e933";
}

.icon-chevron-small-left:before {
    content: "\e934";
}

.icon-chevron-small-right:before {
    content: "\e935";
}

.icon-chevron-small-up:before {
    content: "\e936";
}

.icon-chevron-thin-down:before {
    content: "\e937";
}

.icon-chevron-thin-left:before {
    content: "\e938";
}

.icon-chevron-thin-right:before {
    content: "\e939";
}

.icon-chevron-thin-up:before {
    content: "\e93a";
}

.icon-chevron-up:before {
    content: "\e93b";
}

.icon-chevron-with-circle-down:before {
    content: "\e93c";
}

.icon-chevron-with-circle-left:before {
    content: "\e93d";
}

.icon-chevron-with-circle-right:before {
    content: "\e93e";
}

.icon-chevron-with-circle-up:before {
    content: "\e93f";
}

.icon-circle:before {
    content: "\e940";
}

.icon-circle-with-cross:before {
    content: "\e941";
}

.icon-circle-with-minus:before {
    content: "\e942";
}

.icon-circle-with-plus:before {
    content: "\e943";
}

.icon-circular-graph:before {
    content: "\e944";
}

.icon-clapperboard:before {
    content: "\e945";
}

.icon-classic-computer:before {
    content: "\e946";
}

.icon-clipboard:before {
    content: "\e947";
}

.icon-clock:before {
    content: "\e948";
}

.icon-cloud:before {
    content: "\e949";
}

.icon-code:before {
    content: "\e94a";
}

.icon-cog:before {
    content: "\e94b";
}

.icon-colours:before {
    content: "\e94c";
}

.icon-compass:before {
    content: "\e94d";
}

.icon-controller-fast-backward:before {
    content: "\e94e";
}

.icon-controller-fast-forward:before {
    content: "\e94f";
}

.icon-controller-jump-to-start:before {
    content: "\e950";
}

.icon-controller-next:before {
    content: "\e951";
}

.icon-controller-paus:before {
    content: "\e952";
}

.icon-controller-play:before {
    content: "\e953";
}

.icon-controller-record:before {
    content: "\e954";
}

.icon-controller-stop:before {
    content: "\e955";
}

.icon-controller-volume:before {
    content: "\e956";
}

.icon-copy:before {
    content: "\e957";
}

.icon-creative-commons:before {
    content: "\ea40";
}

.icon-creative-commons-attribution:before {
    content: "\ea41";
}

.icon-creative-commons-noderivs:before {
    content: "\ea42";
}

.icon-creative-commons-noncommercial-eu:before {
    content: "\e958";
}

.icon-creative-commons-noncommercial-us:before {
    content: "\e959";
}

.icon-creative-commons-public-domain:before {
    content: "\ea43";
}

.icon-creative-commons-remix:before {
    content: "\ea44";
}

.icon-creative-commons-share:before {
    content: "\e95a";
}

.icon-creative-commons-sharealike:before {
    content: "\e95b";
}

.icon-credit:before {
    content: "\e95c";
}

.icon-credit-card:before {
    content: "\e95d";
}

.icon-crop:before {
    content: "\e95e";
}

.icon-cross:before {
    content: "\e95f";
}

.icon-cup:before {
    content: "\e960";
}

.icon-cw:before {
    content: "\e961";
}

.icon-cycle:before {
    content: "\e962";
}

.icon-database:before {
    content: "\e963";
}

.icon-dial-pad:before {
    content: "\e964";
}

.icon-direction:before {
    content: "\e965";
}

.icon-document:before {
    content: "\ea45";
}

.icon-document-landscape:before {
    content: "\ea46";
}

.icon-documents:before {
    content: "\e966";
}

.icon-dot-single:before {
    content: "\e967";
}

.icon-dots-three-horizontal:before {
    content: "\e968";
}

.icon-dots-three-vertical:before {
    content: "\e969";
}

.icon-dots-two-horizontal:before {
    content: "\e96a";
}

.icon-dots-two-vertical:before {
    content: "\e96b";
}

.icon-download:before {
    content: "\e96c";
}

.icon-drink:before {
    content: "\e96d";
}

.icon-drive:before {
    content: "\e96e";
}

.icon-drop:before {
    content: "\e96f";
}

.icon-edit:before {
    content: "\e970";
}

.icon-email:before {
    content: "\e971";
}

.icon-emoji-flirt:before {
    content: "\e972";
}

.icon-emoji-happy:before {
    content: "\e973";
}

.icon-emoji-neutral:before {
    content: "\e974";
}

.icon-emoji-sad:before {
    content: "\e975";
}

.icon-erase:before {
    content: "\e976";
}

.icon-eraser:before {
    content: "\e977";
}

.icon-export:before {
    content: "\e978";
}

.icon-eye:before {
    content: "\e979";
}

.icon-eye-with-line:before {
    content: "\e97a";
}

.icon-feather:before {
    content: "\e97b";
}

.icon-fingerprint:before {
    content: "\e97c";
}

.icon-flag:before {
    content: "\e97d";
}

.icon-flash:before {
    content: "\e97e";
}

.icon-flashlight:before {
    content: "\e97f";
}

.icon-flat-brush:before {
    content: "\e980";
}

.icon-flow-branch:before {
    content: "\e981";
}

.icon-flow-cascade:before {
    content: "\e982";
}

.icon-flower:before {
    content: "\e983";
}

.icon-flow-line:before {
    content: "\e984";
}

.icon-flow-parallel:before {
    content: "\e985";
}

.icon-flow-tree:before {
    content: "\e986";
}

.icon-folder:before {
    content: "\e987";
}

.icon-folder-images:before {
    content: "\e988";
}

.icon-folder-music:before {
    content: "\e989";
}

.icon-folder-video:before {
    content: "\e98a";
}

.icon-forward:before {
    content: "\e98b";
}

.icon-funnel:before {
    content: "\e98c";
}

.icon-game-controller:before {
    content: "\ea47";
}

.icon-gauge:before {
    content: "\e98d";
}

.icon-globe:before {
    content: "\e98e";
}

.icon-graduation-cap:before {
    content: "\e98f";
}

.icon-grid:before {
    content: "\e990";
}

.icon-hair-cross:before {
    content: "\e991";
}

.icon-hand:before {
    content: "\e992";
}

.icon-heart:before {
    content: "\e993";
}

.icon-heart-outlined:before {
    content: "\e994";
}

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

.icon-help-with-circle:before {
    content: "\e996";
}

.icon-house:before {
    content: "\e997";
}

.icon-hour-glass:before {
    content: "\e998";
}

.icon-image:before {
    content: "\e999";
}

.icon-image-inverted:before {
    content: "\e99a";
}

.icon-images:before {
    content: "\e99b";
}

.icon-inbox:before {
    content: "\e99c";
}

.icon-infinity:before {
    content: "\e99d";
}

.icon-info:before {
    content: "\e99e";
}

.icon-info-with-circle:before {
    content: "\e99f";
}

.icon-install:before {
    content: "\e9a0";
}

.icon-key:before {
    content: "\e9a1";
}

.icon-keyboard:before {
    content: "\e9a2";
}

.icon-lab-flask:before {
    content: "\e9a3";
}

.icon-landline:before {
    content: "\e9a4";
}

.icon-language:before {
    content: "\ea48";
}

.icon-laptop:before {
    content: "\e9a5";
}

.icon-layers:before {
    content: "\e9a6";
}

.icon-leaf:before {
    content: "\e9a7";
}

.icon-level-down:before {
    content: "\e9a8";
}

.icon-level-up:before {
    content: "\e9a9";
}

.icon-lifebuoy:before {
    content: "\e9aa";
}

.icon-light-bulb:before {
    content: "\e9ab";
}

.icon-light-down:before {
    content: "\e9ac";
}

.icon-light-up:before {
    content: "\e9ad";
}

.icon-line-graph:before {
    content: "\e9ae";
}

.icon-link:before {
    content: "\e9af";
}

.icon-list:before {
    content: "\e9b0";
}

.icon-location:before {
    content: "\e9b1";
}

.icon-location-pin:before {
    content: "\e9b2";
}

.icon-lock:before {
    content: "\e9b3";
}

.icon-lock-open:before {
    content: "\e9b4";
}

.icon-login:before {
    content: "\e9b5";
}

.icon-log-out:before {
    content: "\e9b6";
}

.icon-loop:before {
    content: "\e9b7";
}

.icon-magnet:before {
    content: "\e9b8";
}

.icon-magnifying-glass:before {
    content: "\e9b9";
}

.icon-mail:before {
    content: "\e9ba";
}

.icon-man:before {
    content: "\e9bb";
}

.icon-map:before {
    content: "\e9bc";
}

.icon-mask:before {
    content: "\e9bd";
}

.icon-medal:before {
    content: "\e9be";
}

.icon-megaphone:before {
    content: "\e9bf";
}

.icon-menu:before {
    content: "\e9c0";
}

.icon-merge:before {
    content: "\e9c1";
}

.icon-message:before {
    content: "\e9c2";
}

.icon-mic:before {
    content: "\e9c3";
}

.icon-minus:before {
    content: "\e9c4";
}

.icon-mobile:before {
    content: "\e9c5";
}

.icon-modern-mic:before {
    content: "\e9c6";
}

.icon-moon:before {
    content: "\e9c7";
}

.icon-mouse:before {
    content: "\e9c8";
}

.icon-mouse-pointer:before {
    content: "\e9c9";
}

.icon-music:before {
    content: "\e9ca";
}

.icon-network:before {
    content: "\e9cb";
}

.icon-new:before {
    content: "\e9cc";
}

.icon-new-message:before {
    content: "\e9cd";
}

.icon-news:before {
    content: "\e9ce";
}

.icon-newsletter:before {
    content: "\e9cf";
}

.icon-note:before {
    content: "\e9d0";
}

.icon-notification:before {
    content: "\e9d1";
}

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

.icon-old-mobile:before {
    content: "\e9d3";
}

.icon-old-phone:before {
    content: "\e9d4";
}

.icon-open-book:before {
    content: "\e9d5";
}

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

.icon-paper-plane:before {
    content: "\e9d7";
}

.icon-pencil:before {
    content: "\e9d8";
}

.icon-phone:before {
    content: "\e9d9";
}

.icon-pie-chart:before {
    content: "\e9da";
}

.icon-pin:before {
    content: "\e9db";
}

.icon-plus:before {
    content: "\e9dc";
}

.icon-popup:before {
    content: "\e9dd";
}

.icon-power-plug:before {
    content: "\e9de";
}

.icon-price-ribbon:before {
    content: "\e9df";
}

.icon-price-tag:before {
    content: "\e9e0";
}

.icon-print:before {
    content: "\e9e1";
}

.icon-progress-empty:before {
    content: "\e9e2";
}

.icon-progress-full:before {
    content: "\e9e3";
}

.icon-progress-one:before {
    content: "\e9e4";
}

.icon-progress-two:before {
    content: "\e9e5";
}

.icon-publish:before {
    content: "\e9e6";
}

.icon-quote:before {
    content: "\e9e7";
}

.icon-radio:before {
    content: "\e9e8";
}

.icon-remove-user:before {
    content: "\e9e9";
}

.icon-reply:before {
    content: "\e9ea";
}

.icon-reply-all:before {
    content: "\e9eb";
}

.icon-resize-100:before {
    content: "\e9ec";
}

.icon-resize-full-screen:before {
    content: "\e9ed";
}

.icon-retweet:before {
    content: "\e9ee";
}

.icon-rocket:before {
    content: "\e9ef";
}

.icon-round-brush:before {
    content: "\e9f0";
}

.icon-rss:before {
    content: "\e9f1";
}

.icon-ruler:before {
    content: "\e9f2";
}

.icon-save:before {
    content: "\e9f3";
}

.icon-scissors:before {
    content: "\e9f4";
}

.icon-select-arrows:before {
    content: "\e9f5";
}

.icon-share:before {
    content: "\e9f6";
}

.icon-shareable:before {
    content: "\e9f7";
}

.icon-share-alternative:before {
    content: "\e9f8";
}

.icon-shield:before {
    content: "\e9f9";
}

.icon-shop:before {
    content: "\e9fa";
}

.icon-shopping-bag:before {
    content: "\e9fb";
}

.icon-shopping-basket:before {
    content: "\e9fc";
}

.icon-shopping-cart:before {
    content: "\e9fd";
}

.icon-shuffle:before {
    content: "\e9fe";
}

.icon-signal:before {
    content: "\e9ff";
}

.icon-sound:before {
    content: "\ea00";
}

.icon-sound-mix:before {
    content: "\ea01";
}

.icon-sound-mute:before {
    content: "\ea02";
}

.icon-sports-club:before {
    content: "\ea03";
}

.icon-spreadsheet:before {
    content: "\ea04";
}

.icon-squared-cross:before {
    content: "\ea05";
}

.icon-squared-minus:before {
    content: "\ea06";
}

.icon-squared-plus:before {
    content: "\ea07";
}

.icon-star:before {
    content: "\ea08";
}

.icon-star-outlined:before {
    content: "\ea09";
}

.icon-stopwatch:before {
    content: "\ea0a";
}

.icon-suitcase:before {
    content: "\ea0b";
}

.icon-swap:before {
    content: "\ea0c";
}

.icon-sweden:before {
    content: "\ea0d";
}

.icon-switch:before {
    content: "\ea0e";
}

.icon-tablet:before {
    content: "\ea0f";
}

.icon-tablet-mobile-combo:before {
    content: "\ea10";
}

.icon-tag:before {
    content: "\ea11";
}

.icon-text:before {
    content: "\ea12";
}

.icon-text-document:before {
    content: "\ea13";
}

.icon-text-document-inverted:before {
    content: "\ea14";
}

.icon-thermometer:before {
    content: "\ea15";
}

.icon-thumbs-down:before {
    content: "\ea16";
}

.icon-thumbs-up:before {
    content: "\ea17";
}

.icon-thunder-cloud:before {
    content: "\ea18";
}

.icon-ticket:before {
    content: "\ea19";
}

.icon-time-slot:before {
    content: "\ea1a";
}

.icon-tools:before {
    content: "\ea1b";
}

.icon-traffic-cone:before {
    content: "\ea1c";
}

.icon-trash:before {
    content: "\ea1d";
}

.icon-tree:before {
    content: "\ea1e";
}

.icon-triangle-down:before {
    content: "\ea1f";
}

.icon-triangle-left:before {
    content: "\ea20";
}

.icon-triangle-right:before {
    content: "\ea21";
}

.icon-triangle-up:before {
    content: "\ea22";
}

.icon-trophy:before {
    content: "\ea23";
}

.icon-tv:before {
    content: "\ea24";
}

.icon-typing:before {
    content: "\ea25";
}

.icon-uninstall:before {
    content: "\ea26";
}

.icon-unread:before {
    content: "\ea27";
}

.icon-untag:before {
    content: "\ea28";
}

.icon-upload:before {
    content: "\ea29";
}

.icon-upload-to-cloud:before {
    content: "\ea2a";
}

.icon-user:before {
    content: "\ea2b";
}

.icon-users:before {
    content: "\ea2c";
}

.icon-v-card:before {
    content: "\ea2d";
}

.icon-video:before {
    content: "\ea2e";
}

.icon-video-camera:before {
    content: "\ea2f";
}

.icon-vinyl:before {
    content: "\ea30";
}

.icon-voicemail:before {
    content: "\ea31";
}

.icon-wallet:before {
    content: "\ea32";
}

.icon-warning:before {
    content: "\ea33";
}

.icon-water:before {
    content: "\ea34";
}

.icon-note:before {
    content: '\266a';
}

/* '♪' */
.icon-note-beamed:before {
    content: '\266b';
}

/* '♫' */
.icon-music:before {
    content: '🎵';
}

/* '\1f3b5' */
.icon-search:before {
    content: '🔍';
}

/* '\1f50d' */
.icon-flashlight:before {
    content: '🔦';
}

/* '\1f526' */
.icon-mail:before {
    content: '\2709';
}

/* '✉' */
.icon-heart:before {
    content: '\2665';
}

/* '♥' */
.icon-heart-empty:before {
    content: '\2661';
}

/* '♡' */
.icon-star:before {
    content: '\2605';
}

/* '★' */
.icon-star-empty:before {
    content: '\2606';
}

/* '☆' */
.icon-user:before {
    content: '👤';
}

/* '\1f464' */
.icon-users:before {
    content: '👥';
}

/* '\1f465' */
.icon-user-add:before {
    content: '\e700';
}

/* '' */
.icon-video:before {
    content: '🎬';
}

/* '\1f3ac' */
.icon-picture:before {
    content: '🌄';
}

/* '\1f304' */
.icon-camera:before {
    content: '📷';
}

/* '\1f4f7' */
.icon-layout:before {
    content: '\268f';
}

/* '⚏' */
.icon-menu:before {
    content: '\2630';
}

/* '☰' */
.icon-check:before {
    content: '\2713';
}

/* '✓' */
.icon-cancel:before {
    content: '\2715';
}

/* '✕' */
.icon-cancel-circled:before {
    content: '\2716';
}

/* '✖' */
.icon-cancel-squared:before {
    content: '\274e';
}

/* '❎' */
.icon-plus:before {
    content: '\2b';
}

/* '+' */
.icon-plus-circled:before {
    content: '\2795';
}

/* '➕' */
.icon-plus-squared:before {
    content: '\229e';
}

/* '⊞' */
.icon-minus:before {
    content: '\2d';
}

/* '-' */
.icon-minus-circled:before {
    content: '\2796';
}

/* '➖' */
.icon-minus-squared:before {
    content: '\229f';
}

/* '⊟' */
.icon-help:before {
    content: '\2753';
}

/* '❓' */
.icon-help-circled:before {
    content: '\e704';
}

/* '' */
.icon-info:before {
    content: '\2139';
}

/* 'ℹ' */
.icon-info-circled:before {
    content: '\e705';
}

/* '' */
.icon-back:before {
    content: '🔙';
}

/* '\1f519' */
.icon-home:before {
    content: '\2302';
}

/* '⌂' */
.icon-link:before {
    content: '🔗';
}

/* '\1f517' */
.icon-attach:before {
    content: '📎';
}

/* '\1f4ce' */
.icon-lock:before {
    content: '🔒';
}

/* '\1f512' */
.icon-lock-open:before {
    content: '🔓';
}

/* '\1f513' */
.icon-eye:before {
    content: '\e70a';
}

/* '' */
.icon-tag:before {
    content: '\e70c';
}

/* '' */
.icon-bookmark:before {
    content: '🔖';
}

/* '\1f516' */
.icon-bookmarks:before {
    content: '📑';
}

/* '\1f4d1' */
.icon-flag:before {
    content: '\2691';
}

/* '⚑' */
.icon-thumbs-up:before {
    content: '👍';
}

/* '\1f44d' */
.icon-thumbs-down:before {
    content: '👎';
}

/* '\1f44e' */
.icon-download:before {
    content: '📥';
}

/* '\1f4e5' */
.icon-upload:before {
    content: '📤';
}

/* '\1f4e4' */
.icon-upload-cloud:before {
    content: '\e711';
}

/* '' */
.icon-reply:before {
    content: '\e712';
}

/* '' */
.icon-reply-all:before {
    content: '\e713';
}

/* '' */
.icon-forward:before {
    content: '\27a6';
}

/* '➦' */
.icon-quote:before {
    content: '\275e';
}

/* '❞' */
.icon-code:before {
    content: '\e714';
}

/* '' */
.icon-export:before {
    content: '\e715';
}

/* '' */
.icon-pencil:before {
    content: '\270e';
}

/* '✎' */
.icon-feather:before {
    content: '\2712';
}

/* '✒' */
.icon-print:before {
    content: '\e716';
}

/* '' */
.icon-retweet:before {
    content: '\e717';
}

/* '' */
.icon-keyboard:before {
    content: '\2328';
}

/* '⌨' */
.icon-comment:before {
    content: '\e718';
}

/* '' */
.icon-chat:before {
    content: '\e720';
}

/* '' */
.icon-bell:before {
    content: '🔔';
}

/* '\1f514' */
.icon-attention:before {
    content: '\26a0';
}

/* '⚠' */
.icon-alert:before {
    content: '💥';
}

/* '\1f4a5' */
.icon-vcard:before {
    content: '\e722';
}

/* '' */
.icon-address:before {
    content: '\e723';
}

/* '' */
.icon-location:before {
    content: '\e724';
}

/* '' */
.icon-map:before {
    content: '\e727';
}

/* '' */
.icon-direction:before {
    content: '\27a2';
}

/* '➢' */
.icon-compass:before {
    content: '\e728';
}

/* '' */
.icon-cup:before {
    content: '\2615';
}

/* '☕' */
.icon-trash:before {
    content: '\e729';
}

/* '' */
.icon-doc:before {
    content: '\e730';
}

/* '' */
.icon-docs:before {
    content: '\e736';
}

/* '' */
.icon-doc-landscape:before {
    content: '\e737';
}

/* '' */
.icon-doc-text:before {
    content: '📄';
}

/* '\1f4c4' */
.icon-doc-text-inv:before {
    content: '\e731';
}

/* '' */
.icon-newspaper:before {
    content: '📰';
}

/* '\1f4f0' */
.icon-book-open:before {
    content: '📖';
}

/* '\1f4d6' */
.icon-book:before {
    content: '📕';
}

/* '\1f4d5' */
.icon-folder:before {
    content: '📁';
}

/* '\1f4c1' */
.icon-archive:before {
    content: '\e738';
}

/* '' */
.icon-box:before {
    content: '📦';
}

/* '\1f4e6' */
.icon-rss:before {
    content: '\e73a';
}

/* '' */
.icon-phone:before {
    content: '📞';
}

/* '\1f4de' */
.icon-cog:before {
    content: '\2699';
}

/* '⚙' */
.icon-tools:before {
    content: '\2692';
}

/* '⚒' */
.icon-share:before {
    content: '\e73c';
}

/* '' */
.icon-shareable:before {
    content: '\e73e';
}

/* '' */
.icon-basket:before {
    content: '\e73d';
}

/* '' */
.icon-bag:before {
    content: '👜';
}

/* '\1f45c' */
.icon-calendar:before {
    content: '📅';
}

/* '\1f4c5' */
.icon-login:before {
    content: '\e740';
}

/* '' */
.icon-logout:before {
    content: '\e741';
}

/* '' */
.icon-mic:before {
    content: '🎤';
}

/* '\1f3a4' */
.icon-mute:before {
    content: '🔇';
}

/* '\1f507' */
.icon-sound:before {
    content: '🔊';
}

/* '\1f50a' */
.icon-volume:before {
    content: '\e742';
}

/* '' */
.icon-clock:before {
    content: '🕔';
}

/* '\1f554' */
.icon-hourglass:before {
    content: '\23f3';
}

/* '⏳' */
.icon-lamp:before {
    content: '💡';
}

/* '\1f4a1' */
.icon-light-down:before {
    content: '🔅';
}

/* '\1f505' */
.icon-light-up:before {
    content: '🔆';
}

/* '\1f506' */
.icon-adjust:before {
    content: '\25d1';
}

/* '◑' */
.icon-block:before {
    content: '🚫';
}

/* '\1f6ab' */
.icon-resize-full:before {
    content: '\e744';
}

/* '' */
.icon-resize-small:before {
    content: '\e746';
}

/* '' */
.icon-popup:before {
    content: '\e74c';
}

/* '' */
.icon-publish:before {
    content: '\e74d';
}

/* '' */
.icon-window:before {
    content: '\e74e';
}

/* '' */
.icon-arrow-combo:before {
    content: '\e74f';
}

/* '' */
.icon-down-circled:before {
    content: '\e758';
}

/* '' */
.icon-left-circled:before {
    content: '\e759';
}

/* '' */
.icon-right-circled:before {
    content: '\e75a';
}

/* '' */
.icon-up-circled:before {
    content: '\e75b';
}

/* '' */
.icon-down-open:before {
    content: '\e75c';
}

/* '' */
.icon-left-open:before {
    content: '\e75d';
}

/* '' */
.icon-right-open:before {
    content: '\e75e';
}

/* '' */
.icon-up-open:before {
    content: '\e75f';
}

/* '' */
.icon-down-open-mini:before {
    content: '\e760';
}

/* '' */
.icon-left-open-mini:before {
    content: '\e761';
}

/* '' */
.icon-right-open-mini:before {
    content: '\e762';
}

/* '' */
.icon-up-open-mini:before {
    content: '\e763';
}

/* '' */
.icon-down-open-big:before {
    content: '\e764';
}

/* '' */
.icon-left-open-big:before {
    content: '\e765';
}

/* '' */
.icon-right-open-big:before {
    content: '\e766';
}

/* '' */
.icon-up-open-big:before {
    content: '\e767';
}

/* '' */
.icon-down:before {
    content: '\2b07';
}

/* '⬇' */
.icon-left:before {
    content: '\2b05';
}

/* '⬅' */
.icon-right:before {
    content: '\27a1';
}

/* '➡' */
.icon-up:before {
    content: '\2b06';
}

/* '⬆' */
.icon-down-dir:before {
    content: '\25be';
}

/* '▾' */
.icon-left-dir:before {
    content: '\25c2';
}

/* '◂' */
.icon-right-dir:before {
    content: '\25b8';
}

/* '▸' */
.icon-up-dir:before {
    content: '\25b4';
}

/* '▴' */
.icon-down-bold:before {
    content: '\e4b0';
}

/* '' */
.icon-left-bold:before {
    content: '\e4ad';
}

/* '' */
.icon-right-bold:before {
    content: '\e4ae';
}

/* '' */
.icon-up-bold:before {
    content: '\e4af';
}

/* '' */
.icon-down-thin:before {
    content: '\2193';
}

/* '↓' */
.icon-left-thin:before {
    content: '\2190';
}

/* '←' */
.icon-right-thin:before {
    content: '\2192';
}

/* '→' */
.icon-up-thin:before {
    content: '\2191';
}

/* '↑' */
.icon-ccw:before {
    content: '\27f2';
}

/* '⟲' */
.icon-cw:before {
    content: '\27f3';
}

/* '⟳' */
.icon-arrows-ccw:before {
    content: '🔄';
}

/* '\1f504' */
.icon-level-down:before {
    content: '\21b3';
}

/* '↳' */
.icon-level-up:before {
    content: '\21b0';
}

/* '↰' */
.icon-shuffle:before {
    content: '🔀';
}

/* '\1f500' */
.icon-loop:before {
    content: '🔁';
}

/* '\1f501' */
.icon-switch:before {
    content: '\21c6';
}

/* '⇆' */
.icon-play:before {
    content: '\25b6';
}

/* '▶' */
.icon-stop:before {
    content: '\25a0';
}

/* '■' */
.icon-pause:before {
    content: '\2389';
}

/* '⎉' */
.icon-record:before {
    content: '\26ab';
}

/* '⚫' */
.icon-to-end:before {
    content: '\23ed';
}

/* '⏭' */
.icon-to-start:before {
    content: '\23ee';
}

/* '⏮' */
.icon-fast-forward:before {
    content: '\23e9';
}

/* '⏩' */
.icon-fast-backward:before {
    content: '\23ea';
}

/* '⏪' */
.icon-progress-0:before {
    content: '\e768';
}

/* '' */
.icon-progress-1:before {
    content: '\e769';
}

/* '' */
.icon-progress-2:before {
    content: '\e76a';
}

/* '' */
.icon-progress-3:before {
    content: '\e76b';
}

/* '' */
.icon-target:before {
    content: '🎯';
}

/* '\1f3af' */
.icon-palette:before {
    content: '🎨';
}

/* '\1f3a8' */
.icon-list:before {
    content: '\e005';
}

/* '' */
.icon-list-add:before {
    content: '\e003';
}

/* '' */
.icon-signal:before {
    content: '📶';
}

/* '\1f4f6' */
.icon-trophy:before {
    content: '🏆';
}

/* '\1f3c6' */
.icon-battery:before {
    content: '🔋';
}

/* '\1f50b' */
.icon-back-in-time:before {
    content: '\e771';
}

/* '' */
.icon-monitor:before {
    content: '💻';
}

/* '\1f4bb' */
.icon-mobile:before {
    content: '📱';
}

/* '\1f4f1' */
.icon-network:before {
    content: '\e776';
}

/* '' */
.icon-cd:before {
    content: '💿';
}

/* '\1f4bf' */
.icon-inbox:before {
    content: '\e777';
}

/* '' */
.icon-install:before {
    content: '\e778';
}

/* '' */
.icon-globe:before {
    content: '🌎';
}

/* '\1f30e' */
.icon-cloud:before {
    content: '\2601';
}

/* '☁' */
.icon-cloud-thunder:before {
    content: '\26c8';
}

/* '⛈' */
.icon-flash:before {
    content: '\26a1';
}

/* '⚡' */
.icon-moon:before {
    content: '\263d';
}

/* '☽' */
.icon-flight:before {
    content: '\2708';
}

/* '✈' */
.icon-paper-plane:before {
    content: '\e79b';
}

/* '' */
.icon-leaf:before {
    content: '🍂';
}

/* '\1f342' */
.icon-lifebuoy:before {
    content: '\e788';
}

/* '' */
.icon-mouse:before {
    content: '\e789';
}

/* '' */
.icon-briefcase:before {
    content: '💼';
}

/* '\1f4bc' */
.icon-suitcase:before {
    content: '\e78e';
}

/* '' */
.icon-dot:before {
    content: '\e78b';
}

/* '' */
.icon-dot-2:before {
    content: '\e78c';
}

/* '' */
.icon-dot-3:before {
    content: '\e78d';
}

/* '' */
.icon-brush:before {
    content: '\e79a';
}

/* '' */
.icon-magnet:before {
    content: '\e7a1';
}

/* '' */
.icon-infinity:before {
    content: '\221e';
}

/* '∞' */
.icon-erase:before {
    content: '\232b';
}

/* '⌫' */
.icon-chart-pie:before {
    content: '\e751';
}

/* '' */
.icon-chart-line:before {
    content: '📈';
}

/* '\1f4c8' */
.icon-chart-bar:before {
    content: '📊';
}

/* '\1f4ca' */
.icon-chart-area:before {
    content: '🔾';
}

/* '\1f53e' */
.icon-tape:before {
    content: '\2707';
}

/* '✇' */
.icon-graduation-cap:before {
    content: '🎓';
}

/* '\1f393' */
.icon-language:before {
    content: '\e752';
}

/* '' */
.icon-ticket:before {
    content: '🎫';
}

/* '\1f3ab' */
.icon-water:before {
    content: '💦';
}

/* '\1f4a6' */
.icon-droplet:before {
    content: '💧';
}

/* '\1f4a7' */
.icon-air:before {
    content: '\e753';
}

/* '' */
.icon-credit-card:before {
    content: '💳';
}

/* '\1f4b3' */
.icon-floppy:before {
    content: '💾';
}

/* '\1f4be' */
.icon-clipboard:before {
    content: '📋';
}

/* '\1f4cb' */
.icon-megaphone:before {
    content: '📣';
}

/* '\1f4e3' */
.icon-database:before {
    content: '\e754';
}

/* '' */
.icon-drive:before {
    content: '\e755';
}

/* '' */
.icon-bucket:before {
    content: '\e756';
}

/* '' */
.icon-thermometer:before {
    content: '\e757';
}

/* '' */
.icon-key:before {
    content: '🔑';
}

/* '\1f511' */
.icon-flow-cascade:before {
    content: '\e790';
}

/* '' */
.icon-flow-branch:before {
    content: '\e791';
}

/* '' */
.icon-flow-tree:before {
    content: '\e792';
}

/* '' */
.icon-flow-line:before {
    content: '\e793';
}

/* '' */
.icon-flow-parallel:before {
    content: '\e794';
}

/* '' */
.icon-rocket:before {
    content: '🚀';
}

/* '\1f680' */
.icon-gauge:before {
    content: '\e7a2';
}

/* '' */
.icon-traffic-cone:before {
    content: '\e7a3';
}

/* '' */
.icon-cc:before {
    content: '\e7a5';
}

/* '' */
.icon-cc-by:before {
    content: '\e7a6';
}

/* '' */
.icon-cc-nc:before {
    content: '\e7a7';
}

/* '' */
.icon-cc-nc-eu:before {
    content: '\e7a8';
}

/* '' */
.icon-cc-nc-jp:before {
    content: '\e7a9';
}

/* '' */
.icon-cc-sa:before {
    content: '\e7aa';
}

/* '' */
.icon-cc-nd:before {
    content: '\e7ab';
}

/* '' */
.icon-cc-pd:before {
    content: '\e7ac';
}

/* '' */
.icon-cc-zero:before {
    content: '\e7ad';
}

/* '' */
.icon-cc-share:before {
    content: '\e7ae';
}

/* '' */
.icon-cc-remix:before {
    content: '\e7af';
}

/* '' */
.icon-github:before {
    content: '\f300';
}

/* '' */
.icon-github-circled:before {
    content: '\f301';
}

/* '' */
.icon-flickr:before {
    content: '\f303';
}

/* '' */
.icon-flickr-circled:before {
    content: '\f304';
}

/* '' */
.icon-vimeo:before {
    content: '\f306';
}

/* '' */
.icon-vimeo-circled:before {
    content: '\f307';
}

/* '' */
.icon-twitter:before {
    content: '\f309';
}

/* '' */
.icon-twitter-circled:before {
    content: '\f30a';
}

/* '' */
.icon-facebook:before {
    content: '\f30c';
}

/* '' */
.icon-facebook-circled:before {
    content: '\f30d';
}

/* '' */
.icon-facebook-squared:before {
    content: '\f30e';
}

/* '' */
.icon-gplus:before {
    content: '\f30f';
}

/* '' */
.icon-gplus-circled:before {
    content: '\f310';
}

/* '' */
.icon-pinterest:before {
    content: '\f312';
}

/* '' */
.icon-pinterest-circled:before {
    content: '\f313';
}

/* '' */
.icon-tumblr:before {
    content: '\f315';
}

/* '' */
.icon-tumblr-circled:before {
    content: '\f316';
}

/* '' */
.icon-linkedin:before {
    content: '\f318';
}

/* '' */
.icon-linkedin-circled:before {
    content: '\f319';
}

/* '' */
.icon-dribbble:before {
    content: '\f31b';
}

/* '' */
.icon-dribbble-circled:before {
    content: '\f31c';
}

/* '' */
.icon-stumbleupon:before {
    content: '\f31e';
}

/* '' */
.icon-stumbleupon-circled:before {
    content: '\f31f';
}

/* '' */
.icon-lastfm:before {
    content: '\f321';
}

/* '' */
.icon-lastfm-circled:before {
    content: '\f322';
}

/* '' */
.icon-rdio:before {
    content: '\f324';
}

/* '' */
.icon-rdio-circled:before {
    content: '\f325';
}

/* '' */
.icon-spotify:before {
    content: '\f327';
}

/* '' */
.icon-spotify-circled:before {
    content: '\f328';
}

/* '' */
.icon-qq:before {
    content: '\f32a';
}

/* '' */
.icon-instagram:before {
    content: '\f32d';
}

/* '' */
.icon-dropbox:before {
    content: '\f330';
}

/* '' */
.icon-evernote:before {
    content: '\f333';
}

/* '' */
.icon-flattr:before {
    content: '\f336';
}

/* '' */
.icon-skype:before {
    content: '\f339';
}

/* '' */
.icon-skype-circled:before {
    content: '\f33a';
}

/* '' */
.icon-renren:before {
    content: '\f33c';
}

/* '' */
.icon-sina-weibo:before {
    content: '\f33f';
}

/* '' */
.icon-paypal:before {
    content: '\f342';
}

/* '' */
.icon-picasa:before {
    content: '\f345';
}

/* '' */
.icon-soundcloud:before {
    content: '\f348';
}

/* '' */
.icon-mixi:before {
    content: '\f34b';
}

/* '' */
.icon-behance:before {
    content: '\f34e';
}

/* '' */
.icon-google-circles:before {
    content: '\f351';
}

/* '' */
.icon-vkontakte:before {
    content: '\f354';
}

/* '' */
.icon-smashing:before {
    content: '\f357';
}

/* '' */
.icon-sweden:before {
    content: '\f601';
}

/* '' */
.icon-db-shape:before {
    content: '\f600';
}

/* '' */
.icon-logo-db:before {
    content: '\f603';
}

/* '' */



.container-table100 {
    width: 100%;
    min-height: 100vh;
    background: #c850c0;
    background: -webkit-linear-gradient(45deg, #4158d0, #c850c0);
    background: -o-linear-gradient(45deg, #4158d0, #c850c0);
    background: -moz-linear-gradient(45deg, #4158d0, #c850c0);
    background: linear-gradient(45deg, #4158d0, #c850c0);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 33px 30px
}

.wrap-table100 {
    width: 1170px
}

.table100 {
    border-spacing: 1;
    border-collapse: collapse;
    background: #fff;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    position: relative
}

.table100 * {
    position: relative
}

.table100 td,
.table100 th {
    padding-left: 8px
}

.table100 thead tr {
    /* height: 60px; */
    background: #36304a;
    background: #4b4b4e;
}

.table100 tbody tr {
    height: 40px
}

.table100 tbody tr:last-child {
    border: 0
}

.table100 td,
.table100 th {
    text-align: left
}

.table100 td.l,
.table100 th.l {
    text-align: right
}

.table100 td.c,
.table100 th.c {
    text-align: center
}

.table100 td.r,
.table100 th.r {
    text-align: center
}

.table100 th {
    font-size: 12px;
    color: #fff;
    line-height: 1.2;
    font-weight: unset
}

tbody tr:nth-child(even) {
    /* background-color: #fafafa */
}

tbody tr.active {
    background-color: #19293473;
}

tbody tr:hover {
    background-color: #f5f5f5
}

tbody tr {
    font-size: 12px;
    color: gray;
    line-height: 1.2;
    font-weight: unset
}

tbody tr:hover {
    color: #555;
    background-color: #f5f5f5;
    cursor: pointer
}

.column1 {
    width: 260px;
    padding-left: 40px
}

.column2 {
    width: 160px
}

.column3 {
    width: 245px
}

.column4 {
    width: 110px;
    text-align: right
}

.column5 {
    width: 170px;
    text-align: right
}

.column6 {
    width: 222px;
    text-align: right;
    padding-right: 62px
}

@media screen and (max-width:992px) {
    .table100 {
        display: block
    }

    .table100>*,
    .table100 tr,
    .table100 td,
    .table100 th {
        display: block
    }

    .table100 thead {
        display: none
    }

    .table100 tbody tr {
        height: auto;
        padding: 37px 0
    }

    .table100 tbody tr td {
        padding-left: 40% !important;
        margin-bottom: 24px
    }

    .table100 tbody tr td:last-child {
        margin-bottom: 0
    }

    .table100 tbody tr td:before {
        font-size: 12px;
        color: #999;
        line-height: 1.2;
        font-weight: unset;
        position: absolute;
        width: 40%;
        left: 30px;
        top: 0
    }

    .column4,
    .column5,
    .column6 {
        text-align: left
    }

    .column4,
    .column5,
    .column6,
    .column1,
    .column2,
    .column3 {
        width: 100%
    }

    tbody tr {
        font-size: 12px
    }
}

@media(max-width:576px) {
    .container-table100 {
        padding-left: 15px;
        padding-right: 15px
    }
}



/* Angular Material Overwrite */
/* TODO: Create own material theme */
.mat-tab-label,
.mat-tab-link {
    color: #333 !important;
}



/*TODO: Fix error that select-all is shown in multiselect dropdown */
/*TODO: Requested by Maik Thoma to show "select all filtetered resutls" again
    in Email: "AW: Filter im Reporting Module fehlerhaft"
    2024-11-04
*/
.filter-select-all {
    /* display: none; */
}

.filterbar .form-control,
.form-control {
    font-size: 1em;
    padding: 6px;
    height: 30px;
}

.vl {
    border-left: 1px solid #D8D8D8;
    height: 100%;
    margin-left: 2px;
    margin-right: 5px;
}

/* Workorder State */
.state-open {
    /* background-color: rgba(218,54,51,0.1);
    border: 1px solid rgba(218,54,51,0.4); */
    color: #f85149;
    border-radius: 20px;
    padding: 5px 15px;
}

.state-close {
    /* background-color: rgba(63,185,80,0.1);
    border: 1px solid rgba(63,185,80,0.4); */
    color: #3fb950;
    border-radius: 20px;
    padding: 5px 15px;
}

.state-draft {
    /* background-color: rgb(0, 132, 255, 0.1);
    border: 1px solid rgb(0, 132, 255); */
    color: rgb(0, 132, 255);
    border-radius: 20px;
    padding: 5px 15px;
}

.state-transfer {
    /* background-color: rgb(255, 208, 0, 0.1);
    border: 1px solid rgb(255, 208, 0.4); */
    color: rgb(255, 208, 0.4);
    border-radius: 20px;
    padding: 5px 15px;
}

.border-left.warning {
    border-left: 4px solid;
    border-color: rgb(255, 208, 0.4);
}

.border-left.danger {
    border-left: 4px solid;
    /* border-color: #f85149; */
    border-color: #fd0233;
}

.border-left.info {
    border-left: 4px solid;
    border-color: rgb(0, 132, 255);
    ;
}

.border-left.good {
    border-left: 4px solid;
    border-color: #3fb950;
}

blockquote.warning {
    border-color: rgb(255, 208, 0.4);
}

blockquote.danger {
    border-color: #f85149;
}

blockquote.info {
    border-color: rgb(0, 132, 255);
    ;
}

blockquote.good {
    border-color: #3fb950;
}

/* Empty state */
.empty-state-container {
    color: #aaa;
    text-align: center;
    margin: 40px;
}

.empty-state-header {
    font-weight: 300;
}

.empty-state-header-icon {
    font-size: 3em;
}

.empty-state-header-text {
    font-size: 1.5em;
    color: #aaa;
    margin-top: 20px;
}

.empty-state-header-title {
    font-weight: 400;
}

.empty-state-header-body {
    font-size: 0.8em;
}

.empty-state-action {
    text-align: center;
    margin-top: 30px;
}

/** Workorder State Classes **/
.state-open {
    background-color: rgba(218, 54, 51, 0.1);
    border: 1px solid rgba(218, 54, 51, 0.4);
    color: #f85149;
    border-radius: 20px;
    padding: 5px 15px;
}

.state-close {
    background-color: rgba(63, 185, 80, 0.1);
    border: 1px solid rgba(63, 185, 80, 0.4);
    color: #3fb950;
    border-radius: 20px;
    padding: 5px 15px;
}

.state-draft {
    /* background-color: #f1e20483;
    border: 1px solid #f1e20483;
    color: #f1e104bb; */
    background-color: rgb(0, 132, 255, 0.1);
    border: 1px solid rgb(0, 132, 255, 0.4);
    color: rgb(0, 132, 255, 0.4);
    border-radius: 20px;
    padding: 5px 15px;
}

.state-canceled {
    /* background-color: #f1e20483;
    border: 1px solid #f1e20483;
    color: #f1e104bb; */
    background-color: rgba(77, 77, 77, 0.1);
    border: 1px solid rgba(77, 77, 77, 0.4);
    color: rgb(77, 77, 77, 0.4);
    border-radius: 20px;
    padding: 5px 15px;
}

.highlighted-text {
    background-color: #ff0
}


/** BOOTSTRAP FIXES **/
@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }

    th.hidden-xs {
        display: none !important;
    }
}

.icon-margin22 {
    margin-left: -22px !important;
}

.icon-margin16 {
    margin-left: -16px !important;
}

.icon-margin17 {
    margin-left: -17px !important;
}

/** Bootstrap 5 - vr - Vertical Line class **/
.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentColor;
    opacity: .25;
}


.table-light thead {
    background-color: #f2f2f2;
    border-radius: 0.4rem;
}

/* Icon overrides for Home Component Layout */
.icon-fixed-size>i {
    font-size: 1em !important;
}

.icon-fixed-size>.icon-margin16,
.icon-fixed-size>.icon-margin17,
.icon-fixed-size>.icon-margin22 {
    margin: 0 !important;
}