@import url('https://fonts.googleapis.com/css?family=Roboto:100');
@import url('https://fonts.googleapis.com/css?family=Roboto:300');
@import url('https://fonts.googleapis.com/css?family=Roboto:400');
@import url('https://fonts.googleapis.com/css?family=Roboto:500');
@import url('https://fonts.googleapis.com/css?family=Roboto:700');
@import url('lib/toastr/toastr.min.css');

body {
    background-color: #FFFFFF;
    font-family: Inter, sans-serif !important;
    overflow: hidden;
}

div[data-testid=tag-wizard-horizontal-modal__dialog] {
    overflow-y: auto !important;
}

.server-error { padding: 21px 0; margin:0; text-align: center; display: block; line-height: 20px; border: 0; border-top: 1px solid #DBE0E5; color: #4C4F53; }
.server-error i { margin-right: 8px; vertical-align: middle; position: relative; top: -1px; color: #53B8B4; font-size: 20px !important; }

.auto-scroll {
    overflow: auto;
}

.inline-block {
    display: inline-block;
}

.medium-header {
    height: 10%;
}

.hide-no-space {
    display: none;
}

.red-warning {
    color: #ff3333;
    margin-right: 15px;
    padding-top: 5px;
}

.red-border {
    border-color: red !important;
}

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

.align-child-block-center {
    text-align: center;
}

.align-child-block-center > div {
    margin-left: auto;
    margin-right: auto;
}

.mid-size {
    width: 50%;
    height: 50%;
}

.slim-line-height {
    line-height: 1em;
}

.small-icon > .icon {
    font-size: 18px;
}

.sidebar-margin {
    margin-right: 7px !important;
    margin-top: 3px !important;
    margin-bottom: 6px !important;
    margin-left: 2px !important;
    border-radius: 4px;
}

.zero-top {
    top: 0 !important;
}

.small-left-gap {
    margin-left: 8px;
}

.medium-margin {
    margin: 10px;
}

.medium-left-gap {
    margin-left: 15px !important;
}

.medium-right-gap {
    margin-right: 15px;
}

.small-right-gap {
    margin-right: 7px;
}

.medium-top-spacing {
    margin-top: 10px;
}

.medium-top-padding {
    padding-top: 10px;
}

.medium-padding {
    padding-left: 6px !important;
}

.tiny-all-padding {
    padding: 3px;
}

.medium-all-padding {
    padding: 10px;
}

.small-negative-margin {
    margin-top: -3px;
}

.medium-content-padding {
    padding-top: 10px;
}

.small-bottom-margin {
    margin-bottom: 2px;
}

.small-spacing {
    margin: 3px;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-top-9 {
    margin-top: 9px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}


#content {
    padding: 0px;
    background-color: #F7F8Fa;
    height: calc(100vh - 40px);
    overflow: hidden;
    position: relative;
}

#embedroot #content {
    height: 100vh;
}

#content > .row {
    padding-bottom: 45px;
}

#sidebar-menu div.divider {
    margin-top: 10px;
    margin-bottom: 10px;
}

#sidebar-menu ul.white-bg {
    background-color: white;
}

.brand-logo {
    margin-left: 15px;
}

.access-logo {
    margin-left: -23px;
}

.smaller-logo {
    transform: scale(0.60);
}

.search-box {
    margin-left: auto;
    margin-right: auto;
    width: 60%;
    font-size: 1.8rem;
}

.name-box {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    font-size: 1rem;
}

.name-box .col {
    padding: 0;
}

.search-box input {
    font-size: 1.2rem !important;
    width: 80%;
    height: 2.3rem;
    border: 1px solid #F3AEA9; /*rgba(255, 255, 255, 0.5);*/
    border-radius: 3px;
    color: #FFFFFF;
    margin-bottom: 0px;
    margin-left: 3px;
    background-color: #EF938D;
    padding-left: 5px;
    vertical-align: super;
}

#name-box input {
    width: auto;
    display: inline-block;
    margin-left: 5px;
    padding: 3px 4px;
    border: 1px solid #cccccc;
    /*
    font-size: 1.2rem !important;
    width: 75%;
    height: 2.1rem;
    border: 1px solid #F3AEA9;
    border-radius: 3px;
    color: #FFFFFF;
    margin-bottom: 0px;
    margin-left: 3px;
    background-color: #EF938D;
    padding-left: 5px;
    vertical-align: super;*/
}

.main-border-color {
    border: 1px solid #cecece;
}

.connection-search {
    color: #888888;
    border: 1px solid #888888;
    border-radius: 3px;
}

.connection-search .icon {
    vertical-align: sub;
    margin-left: 2px;
}

.connection-search input {
    border: 1px solid #cccccc;
    border-radius: 1px;
    color: #666666;
    margin-bottom: 3px;
    margin-top: 3px;
    margin-left: 3px;
    margin-right: 3px;
    background-color: #ffffff;
    height: 1.8rem;
    width: 76%;
    padding-left: 5px;
}

.name-box input {
    vertical-align: inherit;
}

.search-box i {
    display: inline !important;
}

/*nav {
    background-color: #e5173F;
}*/

nav .dropdown-button .icon {
    display: inline-block;
}

.navbar-sidebar .active-item-display {
    white-space: nowrap;
    width: 72%;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
}

.navbar-sidebar .org-item-display {
    white-space: nowrap;
    width: 77%;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
}

.side-bar-tag-icon {
    margin-right: 21px;
    padding-left: 1px;
    min-width: 22px;
    display: inline-block;
}

.data-view-data-connections-icon {
    margin-right: 7px;
    position: relative;
    top: -2px;
    left: 2px;
    opacity: 0.6;
}

li.dragging {
    box-shadow: 5px 5px 10px #cccccc;
}

.drop-highlight {
    box-shadow: 0px 0px 1px 1px green;
}

.sidebarTransition {
  /*opacity: 0.01;*/
    transform: translate(-100%);
  transition: transform 1s ease-in;
}

.sidebarTransition-enter {
  /*opacity: 1;*/
    transform: translate(100%);
  transition: transform 1s ease-in;
}

.sidebarTransition-enter.sidebarTransition-enter-active {
  /*opacity: 1;*/
    transform: translate(0%);
}

.sidebarTransition-leave {
  /*opacity: 1;*/
    transform: translate(0%);
  transition: transform 1s ease-in;
}

.sidebarTransition-leave.sidebarTransition-leave-active {
  /*opacity: 0.01;*/
    transform: translate(-100%);
}

.sidebarTransition-appear {
  /*opacity: 0.01;*/
    transform: translate(-100%);
}

.sidebarTransition-appear.sidebarTransition-appear-active {
  /*opacity: 1;*/
    transform: translate(0%);
  transition: transform .5s ease-in;
}

#fullSizeContentContainer {
    visibility: collapse;
    position: absolute;
    width: calc(100% - 230px);
    z-index: 20;
    height: calc(100vh - 49px);
    overflow: hidden;
}

.full-screen-content-animation-el {
    width: 100%;
    height: calc(100%);
}

.full-screen-content-animation-el-dataset-editor {
    height: 100%;
}

#fullSizeContentContainer.noSidebar {
    visibility: collapse;
    position: absolute;
    width: 99%;
    z-index: 20;
    height: calc(100vh - 49px);
    overflow: hidden;
}

#embedroot #fullSizeContentContainer {
    height: 100vh;
}

#fullSizeContentContainer .animation > div {
    height: 100%;
    margin: 0px;
    padding: 0px;
}

#fullSizeContentContainer .card {
    margin: 0px 0px;
    padding: 4px;
    height: 100%;
    border-radius: 4px;
    background-color: #fdfdfd;
}

#fullSizeContentContainer .card .card-title i.right {
    cursor: pointer;
}

.card .card-image .card-title {
    cursor: pointer;
}

.form-content label {
    font-size: 1.3em;
}

.form-content textarea {
    height: auto;
}

.report-container textarea {
    background-color: white;
}

#fab-button {
     bottom: 35px;
    right: 24px;
    z-index: 15 !important;
}

.ReactModalPortal > div {
    opacity: 0;
}

.ReactModalPortal .ReactModal__Overlay {
    transition: opacity 350ms ease-in;
}

.ReactModalPortal .ReactModal__Overlay--after-open {
     opacity: 1;
}

.ReactModalPortal .ReactModal__Overlay--before-close {
     opacity: 1;
}

.ReactModal__Overlay {
    z-index: 999;
    background-color: rgba(150, 150, 150, 0.8) !important;
}

.ReactModalPortal .ReactModal__Content {
    position: static !important;
    width: 650px;
    top: 10% !important;
    height: 90%;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 20px !important;
    overflow: hidden !important;
    padding: 0 !important;
    border-width: 0px !important;
    background: white !important;
    transition: width 200ms ease-in;
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

.ReactModal__Content .card {
    padding: 8px;
    background-color: #ffffff;
}

.ReactModalPortalLogout .ReactModal__Content {
    position: static !important;
    width: 460px;
    top: 10% !important;
    height: 140px;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 20px !important;
    overflow: hidden !important;
    padding: 0 !important;
    border-width: 0px !important;
    background: white !important;
    transition: width 200ms ease-in;
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

div[data-testid^=tag-date-picker__portal], div[data-testid^=tag-dropdown-flex__portal], div[data-testid^=tag-menu-button__portal], div[data-testid^=tag-menu__portal], div[data-testid^=tag-menu__portal__popover] {
    z-index: 999999;
}

div[data-testid=tag-modal__overlay] {
    position: fixed;
    z-index: 9999;  
}

div[data-testid=tag-toast-container] {
    z-index: 99999;
}

.import-export-dlg {
    padding: 15px;
    background-color: #ffffff;
}

.import-export-dlg .crud-title-header {
    top: 0;
    margin-left: 0;
    width: 80%;
}

.import-export-dlg ul.nav.nav-tabs a {
    font-weight: bold;
}

.import-export-dlg .tab-content.remaining-height {
    height: calc(100% - 74px);
}

.import-export-dlg .tab-content {
    padding: 10px;
}

.import-export-dlg .tab-content .react-bs-table-container {
    height: 60%;
}

.import-export-dlg .react-bs-container-body {
    height: calc(100% - 40px) !important;
}

.scrollable-y {
    overflow-y: scroll;
}

.import-export-dlg #exporttab, .import-export-dlg #importtab {
    height: 100%;
}

.import-export-dlg #exporttab textarea, .import-export-dlg #importtab textarea {
    margin-top: 10px;
    resize: none;
}

.large-dialog-padding {
    padding: 30px;
    font-size: 18px;
}

.large-upper-margin {
    margin-top: 25px;
}

.left-padded {
    padding-left: 5px;
}

.wide-header {
    height: 10%;
    width: 105%;
    position: relative;
    left: -15px;
    top: -10px;
}

.small-wide-header {
    height: 45px;
    width: 110%;
    position: relative;
    left: -10px;
    top: -17px;
    text-align: center;
}

.wide-header.smaller-size {
    height: 48px;
}

.larger-font-pc {
    font-size: 150%;
}

.larger-font {
    font-size: 1.3rem;
}

.larger-font-fix {
    font-size: 18px;
}

.large-header {
    height: 110px;
}

.less-height {
    height: 60%;
}

.lesser-height {
    height: 80%;
}

.top-meduim-spacing {
    margin-top: 5px;
}

.right-medium-spacing {
    margin-right: 8px;
}

.report-type-block {
    height: 45px;
}

.main-chart-container .editor-preview {
    padding: 17px;
}

.widget-title-bar:not(.hide-no-space) + .report .floating-back-button {
    top: 1px;
    right: 8px;
    left: auto;
}

.widget-title-bar:not(.hide-no-space) + .report .floating-back-button-edit {
    top: 1px;
    right: 16px;
    left: auto;
}

.react-grid-item-active-context-menu {
    z-index: 10;
}

.report-options-container {
    position: absolute;
    border-radius: 3px;
    padding-top: 0px;
    padding-left: 2px;
    top: 35px;
    right: 2px;
    height: auto;
    width: 105px;
    background-color: #fff;
    border: 1px solid #dbe0e5;
    z-index: 110;
    opacity: 1;
}

.widget-title-bar:not(.hide-no-space) + .report .report-options-container {
    top: 32px;
    right: 4px;
    left: auto;
}

.maximized-widget {
    width: calc(100% - 16px) !important;
    height: calc(100% - 16px) !important;
    left: 8px !important;
    top: 8px !important;
    z-index: 3 !important;
}

.hidden-widget {
    display: none;
}

.report-options-list,
.report-options-list-urllink-submenu {
    position: absolute;
    top: -1px;
    padding: 5px;
    min-width: 150px;
    max-width: 350px;
    border: 1px solid #dbe0e5;
    border-radius: 3px;
    background: #fff;
    max-height: 200px;
    overflow-y: auto;
}

.report-options-list-left {
    right: 105px;
}

.report-options-list-right {
    left: 105px;
}

.report-options-list > div:not(.report-options-list) {
    cursor: pointer;
    padding: 2px 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.report-options-list > div:hover {
    background-color: #099;
    color: #fff;
}

.report-options-list-urllink > .report-options-list {
    right: 150px;
    color: #7e7e81;
}

.report-options-list-urllink.selected {
    background-color: #099;
    color: #fff;
}

.report-options-panel {
    color: #4c4f53;
}

.report-options-panel > div {
    height: 25px;
    margin-bottom: 2px;
    margin-top: 4px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}

.report-options-panel .icon-container svg {
    fill: #4c4f53 !important;
}

.report-options-panel .icon-container .remove-filter-icon {
    fill: red !important;
    position: absolute;
    top: -1px;
    left: -3px;
}

.report-options-panel > div:not(.report-options-panel-disabled-option):hover {
    background-color: #099;
    color: #fff;
}

.report-options-panel > div:not(.report-options-panel-disabled-option):hover * {
    color: #fff;
    fill: #fff;
}

.report-options-panel > div.report-options-panel-disabled-option {
    opacity: 0.5;
}

.report-options-panel > div span.icon-container {
    font-size: 20px;
    vertical-align: middle;
    margin-right: 4px;
    margin-left: 1px;
    color: #4c4f53;
}

.report-options-label {
    vertical-align: middle;
    line-height: 25px;
    display: inline-block;
    font-size: 12.5px;
    width: 76px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #4c4f53;
}

.report-options-panel > div.btnSelected {
    background-color: #009999;
    color: #eef0f2;
}

.report-options-panel > div.btnSelected * {
    color: #eef0f2;
}

.widget .report-options-container {
    visibility: collapse;
}

.widget:hover .report-options-container {
    visibility: visible;
}

.report-options-panel .close-btn {
    position: absolute;
    cursor: pointer;
    right: 3px;
}

.report-options-list a {
    cursor: pointer;
    color: #036d83;
    font-size: 12px;
}

.report-options-list h2 {
    font-size: 14px;
}

.report-options-panel span i {
    font-size: 2rem;
}

.report-options-panel span i.icon-overlay{
    position: absolute;
    font-size: 2.8rem;
    color: red;
    margin-top: -5px;
    margin-left: -4px;
}

.report-options-panel.shown {
    margin-top: 0;
}

.nested-drill-down {
    background-color: white;
    border-radius: 3px;
}

.floating-back-button {
    position: absolute;
    top: 3px;
    right: 7px;
    z-index: 120;
    cursor: pointer;
    background: transparent;
    width: 70px;
    text-align: right;
}

.floating-back-button.title-inset {
    right: 11px;
}


.floating-back-button-edit.title-inset {
    right: 11px;
}

.floating-back-button-edit {
    position: absolute;
    top: 3px;
    right: 17px;
    z-index: 102;
    cursor: pointer;
    background: #fff;
}

.chart-down-btn {
    color: #b3b3b3;
}

.floating-back-button > span {
    opacity: 0.8;
}

.floating-back-button-edit > span {
    opacity: 0.8;
}

.floating-back-button i {
    font-size: 18px;
}

.floating-back-button-edit i {
    font-size: 18px;
}

.floating-back-button > span:hover {
    opacity: 1;
}

.floating-back-button-edit > span:hover {
    opacity: 1;
}


.widget .floating-back-button {
    visibility: hidden;
}

.widget:hover .floating-back-button {
    visibility: visible;
}

.widget .floating-back-button-edit {
    visibility: hidden;
}

.widget:hover .floating-back-button-edit {
    visibility: visible;
}

.widget .floating-back-button.title-inset {
    top: 14px;
    height: 20px;
}

.widget .floating-back-button-edit.title-inset {
    top: 18px;
    height: 20px;
}

.filter-single-reset {
    margin-right: 19px;
    margin-top: 2px;
}

.filter-reset-link {
    font-size: 13px;
    font-weight: normal;
    color: inherit !important;
    margin-right: 5px;
    margin-top: 4px;
    text-decoration: none !important;
    cursor: pointer;
}

.filter-reset-link i {
    vertical-align: sub;
    font-size: 23px;
    margin-right: 8px;
    color: #4c4f53;
}

span.filter-required {
    padding-left: 20px;
    font-size: 11px;
    color: #E37086;
    display: block;
}

.filter-padding {
    padding-top: 2px;
}

div.collapsible-header[aria-expanded="true"] h3 i.icon:before {
    content: "\e9f1";
}

.slider-text-top-margin {
    margin-top: -40px;
}

.fixed-dropdown-height > div {
    display: block !important;
}

.fixed-dropdown-height > div > div > div:nth-child(2) {
    height: 48px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
}

.filter-date-picker input {
    text-align: center;
    font-size: 16px;
}

.filter-date-picker > div {
    font-size: inherit;
}

.filter-apply-button {
    position: absolute;
    top: 2px;
    color: #4c4f53;
    right: 28px;
    z-index: 3;
}

.filter-apply-button:hover {
    text-shadow: 2px 2px 3px #bcbcbc;
}

.filter-reset-button:hover {
    text-shadow: 2px 2px 3px #bcbcbc;
}

.filter-reset-button {
    position: absolute;
    top: 2px;
    color: #4c4f53;
    right: 7px;
    z-index: 3;
}

.filter-count-button {
    position: absolute;
    top: 6px;
    right: 53px;
    z-index: 3;
    border: 1px solid #4c4f53;
    padding: 0px 4px 0px 4px;
    height: 17px;
    border-radius: 4px;
    font-size: 10px;
    background: #4c4f53;
    color: #fff;
}

.filter-count-button span {
    position: relative;
    top: -1px;
}

.filter-apply-button .icon, .filter-reset-button .icon {
    font-size: 2.5rem;
}

.widget .dash-editor .filter-apply-button, .widget .dash-editor .filter-reset-button {
    display: none;
}

.filter-title {
    /* position: absolute; */
    /* top: 0; */
    /*width: 100%;*/
    font-size: 110%;
    font-weight: bold;
}

.fixed-body .crud-body {
    height: calc(100% - 56px);
    overflow-y: auto;
    overflow-x: hidden;
    margin-right: 15px;
    margin-left: 15px;
    margin-top: -7px;
}

.fixed-body .crud-body.inline-edit {
    height: calc(100% - 100px);
}

.scrolled-content .crud-body {
    height: calc(100% - 167px);
    overflow-y: auto;
    overflow-x: hidden;
    margin-right: 15px;
    margin-left: 15px;
    margin-top: -7px;
}

.scrolled-content .crud-body.full-height {
    height: calc(100% - 100px);
}

.crud-content {

}

.crud-content-fixed {
    height: calc(100% - 30px);
}

.crud-footer {
    height: 56px;
    position: absolute;
    bottom: 5px;
    width: 100%;
    left: 0px;
    border-top: 1px solid #dddddd;
}

.crud-img {
    height: 90px;
    width: auto;
}

.crud-title {
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 10px;
    font-size: 120%;
}

.crud-title-header {
    margin-left: 10px;
    font-size: 120%;
    position: relative;
    top: -12px;
}

.crud-content-fixed .crud-title {
    margin-bottom: 17px;
    height: 15px;
    font-size: 110%;
    margin-left: 5px;
    padding-top: 2px;
}

.crud-form-text {
    color: #666666;
    padding-left: 15px;
}

.crud-table.data-table {
    height: calc(100% - 95px);
}

.crud-table.edit-table {
    height: 100%;
    margin-top: 10px;
}

.crud-smaller-img {
    height: 40px;
    width: auto;
}

.icon-img {
    width: 24px;
    height: auto;
    max-height: 24px;
    filter: grayscale(100%);
}

#sidebar-menu .collapsible-header {
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: transparent;
}

#sidebar-menu ul .collapsible {
    box-shadow: none;
    border-width: 0;
    padding: 0 0 0 14px;
}

#sidebar-menu > ul.collapsible{
    padding: 0 1rem;
    box-shadow: none;
}

#sidebar-menu .collapsible-body {
    border-bottom: 0px solid #ddd;
}

#sidebar-menu .collapsible-body.max-height {
    border-bottom: 2px solid #ddd;
}

.collapsible-body ul.collection {
    padding-left: 0.3rem;
}

/*
#sidebar .collapsible .collapsible-header.active {
    background-color: #e5173F;
    color: white;
}*/

.collapsible .collapsible-header i {
    margin-right: 0.6rem;
}

.collapsible .collapsible-header .icon-img {
    margin-right: 0.6rem;
    vertical-align: middle;
}

.collapsible .collapsible-body li .icon-img {
    margin-right: 0.6rem;
    vertical-align: middle;
}

.collapsible-header.level0-indent {
    padding-left: 3px;
    border-top: 1px solid #ddd !important;
}

.collapsible-header.level1-indent .icon {
    line-height: 2.5rem;
}

.collapsible-header.level1-indent {
    padding-left: 3px; /*25px;*/
    font-size: 95%;
    line-height: 2.5rem;
    min-height: 2.5rem;
}

.collapsible-header.level1-indent .icon {
    line-height: 2.5rem;
}

.collapsible-header.level1icon-indent {
    padding-left: 0px; /*25px;*/
    font-size: 95%;
    line-height: 2.5rem;
    min-height: 2.5rem;
}

.collapsible-header.level1icon-indent .icon {
    line-height: 2.5rem;
    margin-right: 10px;
    margin-left: 3px;
}

.collapsible-header.level1-indent .icon {
    line-height: 2.5rem;
}

.collapsible-header.level2-indent {
    padding-left: 3px; /*40px;*/
    font-size: 90%;
    line-height: 2.2rem;
    min-height: 2.2rem;
}

.collapsible-header.level2-indent .icon {
    line-height: 2.2rem;
    font-size: initial;
    margin-right: 0;
}

.collapsible-body .collection-item {
    line-height: 1.5rem;
    min-height: 1.5rem;
    font-size: 12.5px;
    padding: 0 0 0 22px;
    background-color: transparent;
    border-width: 0px;
}

.collapsible-body .collection-item i {
    line-height: 1.5rem;
    font-size: initial;
    vertical-align: middle;
    margin-right: 5px;
}

#DataViewConns .collapsible-body.max-height {
    max-height: calc(100vh - 270px);
}

.crud-block {
    background-color: white;
    border: 0px solid #dddddd;
}

.wide-header.crud-block {
    border-top: 0px;
    border-bottom: 1px solid #dddddd;
}

.crud-preview {
    height: calc(100% - 10px);
}

.crud-form {
    padding-top: 12px;
}

.crud-content-fixed .crud-single-field {
    margin-top: 3px;
    height: 80px;
    overflow-y: hidden;
    padding-top: 13px;
    padding-left: 5px;
    padding-right: 5px;
}

.crud-content-fixed .crud-single-larger-field {
    height: 90px;
    overflow-y: hidden;
    margin-bottom: 15px;
    padding-top: 13px;
    padding-left: 5px;
    padding-right: 5px;
}

.crud-content-fixed .crud-single-field.less-padding {
    padding-top: 8px;
    padding-left: 7px;
}

.crud-content-fixed #fp-embedded-container {
    margin-top: 4px;
    height: 94%;
    background-color: #cccccc;
}

.crud-content-fixed .drop-files {
    background-color: #cccccc;
    border: 2px dashed #333333;
}

.crud-table thead input.column-edit {
    height: 2rem;
    margin-bottom: 7px;
    width: 100%;
    border: 1px solid #cecece;
    padding-left: 3px;
}

.crud-table thead .column-options select {
    border: 1px solid #cecece;
}

.select-wrapper span.caret {
    top: 10px;
}

.select-wrapper input.select-dropdown {
    height: 2rem;
}

.local-worlds-list {
    min-height: 40px;
    max-height: 75px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #cecece;
    margin-right: 4px;
    padding-top: 2px;
}

.local-worlds-list > div {
    padding: 2px 5px;
}

.crud-table table thead th label {
    color: rgba(0,0,0,0.87);
}

.crud-table table thead th, .crud-table table thead, .react-bs-container-header {
    overflow: visible;
}

.crud-table .react-bs-table-container {
    height: 100%;
}

.edit-table .react-bs-table-container {
    height: calc(100% - 38px);
}

.edit-table .react-bs-container-body input[type="text"] {
    height: auto;
    margin-bottom: 0;
}

.react-bs-container-body input[type="checkbox"] {
    position: static !important;
    left: 0 !important;
    opacity: 1 !important;
}

.crud-table thead th .select-wrapper {
    display: inline-block;
    width: calc(100% - 62px);
    margin-left: 12px;
}

.crud-table .react-bs-table {
    margin: 0;
    border-radius: 0;
}

.crud-table .react-bs-container-body {
    height: calc(100% - 65px) !important;
    overflow-y: auto;
    overflow-x: auto;
}

.SchemaForm .row {
    margin-left: 0;
    margin-right: 0;
}

.SchemaForm hr[style] {
    display: none;
}

.SchemaForm input[type="text"], .SchemaForm input[type="password"], .SchemaForm input[type="number"] {
    margin-top: 0px !important;
    margin-bottom: 10px !important;
    /*border-bottom: 1px solid #9c9c9c !important;*/
    height: auto !important;
    /*color: #666666 !important;
    font-size: 16px !important;*/
    background-color: white !important;
}

.SchemaForm input[type="text"] + div + div, .SchemaForm input[type="password"] + div + div, .SchemaForm input[type="number"] + div + div {
    bottom: 8px !important;
}

.SchemaForm label {
    color: #999999 !important;
    font-size: inherit;
    top: 10px !important;
}

.crud-single-larger-field .SchemaForm label {
    font-size: 18px !important;
    top: 15px !important;
}

.SchemaForm input[type="radio"] + div > div + label {
    top: 0px !important;
}

.crud-single-field .SchemaForm label[class="control-lable"] + div > div {
    display: inline-block !important;
    width: 138px !important;
}

.SchemaForm .sf-drop-down > div > div[id] {
    margin-top: -18px !important;
}

.SchemaForm .sf-drop-down > div > div > div[id] {
    margin-top: -18px !important;
}


/*.crud-single-field.less-padding .SchemaForm > span > div > div {

}*/

.SchemaForm .row {
    margin-bottom: 0;
}

.echart-container {
    height: 100%;
    width: 100%;
}

.pointer-cursor {
    cursor: pointer;
}

.default-cursor {
    cursor: default;
}

.full-height {
    height: 100%;
}

.full-width {
    width: 100%;
}

.half-width {
    width: 50%;
}

.nearly-full-width {
    width: 80% !important;
}

.right-corner {
    position: absolute;
    z-index: 102;
    right: 2px;
    top: 2px;
    cursor: pointer;
}

.right-outside-corner {
    position: absolute;
    z-index: 2;
    right: 7px;
    top: -2px;
    cursor: pointer;
}

.smaller-font {
    font-size: 15px;
}

.medium-font {
    font-size: 18px;
}

.highlight-red:hover {
    color: red;
}

.highlight-grey:hover {
    color: #666666;
}

.table-like {
    display: table;
    width: 100%;
}

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

.report-container {
    /*display: table;*/
    width: 100%;
}

.report-container > .card-title {
    display: table-row;
    height: 30px;
}

.report-container > .echart-container {
    display: table-row;
}

.dash-viewer .chart-wrapper {
    padding: 10px;
}

.dash-viewer .chart-wrapper-with-error {
    padding: 0px;
}

/*.echart-container {
    overflow: hidden;
}*/

.dashboard .report {
    background-color: white;
    height: calc(100% - 22px);
}

.dashboard .widget-title-bar.hide-no-space + .report {
    height: 100%;
    border-radius: 3px;
}

.dashboard .widget-title-bar:not(.hide-no-space) + .report {
    height: calc(100% - 33px);
    border-radius: 0px 0px 3px 3px;
}

#fullSizeContentContainer > .animation > .col > .card {
    background-color: #fbfbfb;
}

#embedroot #fullSizeContentContainer > .animation > .col > .card {
    background-color: #ffffff;
    border-radius: 0;
    border: 0px;
}

.dashboard .react-grid-item {
    /*overflow: hidden;*/
    border: 1px solid #dbe0e5;
    border-radius: 3px;
}

.react-grid-item .widget {
    border-radius: 3px;
}

.widget-title-bar {
    height: 32px;
    background-color: #fafafa;
    color: #333333;
    vertical-align: middle;
    font-size: 11px;
    font-weight: bold;
    padding-left: 5px;
    padding-top: 2px;
    border-bottom: 1px solid #d0d0d0;
    border-radius: 4px 4px 0px 0px;
}

.widget-title-bar span {
    line-height: 30px;
}

.query-editor-section {
    height: 100%;
    min-height: 25px;
    margin-bottom: 5px;
}

.query-results-section {
    height: 100%;
    margin-bottom: 3px;
}

.query-results-section .react-bs-table-container {
    height: 100%;
}

.viewer .mid-size-preview, .editor-preview.mid-size-preview {
    height: 60%;
    width: 60%;
    margin: auto;
}

.report:not(.viewer) > .mid-size-preview {
    height: 100%;
    width: 100%;
}

.editor-preview {
    border: 1px dashed;
}

.editor-preview .react-bs-table-container {
    height: 100%;
}

.editor-preview .react-bs-container-body {
    height: calc(100% - 40px) !important;
}

.report.viewer .mid-size-preview {
    border: 1px solid #66868d;
}

/*.report.dash-viewer > div {
    overflow: hidden;
}*/

.react-bs-container-header {
    position: relative;
}

.react-bs-table {
    color: #7E7E81;
}

.react-bs-table .table-bordered {
    border: 1px solid #DBE0E5;
}

.react-bs-table .selected-row-hilite {
    background-color: #01414e !important;
    color: #ffffff !important;
}

.react-bs-table .subtotal-hilite {
    background-color: #eff1f2 !important;
    color: #4c4453 !important;
}

.react-bs-table .total-hilite {
    background-color: #e9ecee !important;
    color: #4c4453 !important;
    font-weight: bold;
    font-size: 110%;
}

.react-bs-table .total-hilite td, .react-bs-table .subtotal-hilite td {
    overflow: visible;
}

.dash-viewer .react-bs-table-container.condensed .react-bs-container-body,
.main-chart-container .react-bs-table-container.condensed .react-bs-container-body {
    height: calc(100% - 30px) !important;
}

.report.viewer .main-chart-container .react-bs-table-container.condensed .react-bs-container-body {
    height: calc(100% - 80px) !important;
}

.dash-viewer .react-bs-table-container:not(.condensed) .react-bs-container-body,
.main-chart-container .react-bs-table-container:not(.condensed) .react-bs-container-body {
    height: calc(100% - 24px) !important;
}

.table-bordered>thead>tr>td, .table-bordered>thead>tr>th, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th {
    border: 0px solid #ddd;
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th {
    border-bottom: 1px solid #DBE0E5;
}

.viewer .react-bs-container-body .table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #fbfbfb;
}

.dash-viewer .react-bs-container-body .table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #fbfbfb;
}

.editor-preview .react-bs-container-body .table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #fbfbfb;
}

.editor-preview .react-bs-container-body .table-hover > tbody > tr:hover {
    background-color: #f4f4f4;
}

.viewer .react-bs-container-body .table-hover > tbody > tr:hover {
    background-color: #f4f4f4;
}

.dash-viewer .react-bs-container-body .table-hover > tbody > tr:hover {
    background-color: #f4f4f4;
}

.viewer .react-bs-container-header tr, .dash-viewer .react-bs-container-header tr, .editor-preview .react-bs-container-header tr {
    background-color: #fff;
    font-weight: bold;
}

.dash-viewer .react-bs-container-body::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.dash-viewer .react-bs-container-body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.dash-viewer .react-bs-container-body::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(200,200,200,0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

.metric-main-body {
    height: 85%;
}

.metric-smaller-body {
    height: 42.5%;
}

.metric-smaller-body .full-width svg {
    margin-left: -10px;
}

.metric-left-half-section {
    width: 50%;
    vertical-align: top;
    font-size: 85%;
}

.metric-right-half-section {
    width: 50%;
    vertical-align: top;
    font-size: 110%;
    padding-left: 6px;
}

.metric-left-full-section {
    width: 100%;
    padding-right: 3px;
}

.metric-right-empty-section {
    width: 0%;
}

.metric-main-number, .metric-main-number-only {
    color: #099;
}

.metric-trend, .metric-trend-only {
    color: #7e7e81;
}
.metric-trend .metric-delta {
    line-height: normal;
}

.metric-history {
    color: #7e7e81;
}

.metric-main-body .metric-main-number {
    font-size: 4em;
}

.metric-main-body .metric-main-number-only {
    font-size: 4.5em;
}

.metric-smaller-body .metric-main-number, .metric-sub-section .metric-main-number{
    font-size: 2.4em;
}

.metric-smaller-body .metric-main-number-only, .metric-sub-section .metric-main-number-only{
    font-size: 2.8em;
}

.metric-smaller-body .metric-trend, .metric-sub-section .metric-trend {
    font-size: 0.75em;
}

.metric-smaller-body .metric-trend-only, .metric-sub-section .metric-trend-only {
    font-size: 0.85em;
}

.metric-main-body .metric-trend-only {
    font-size: 1.4em;
}

.metric-smaller-body .icon.spark-icon, .metric-sub-section .icon.spark-icon, .metric-right-half-section .icon.spark-icon  {
    font-size: 4.5em;
    color: #DBE0E5;
}

.metric-smaller-body .metric-delta,  .metric-sub-section .metric-delta {
    line-height: 1em;
}

.metric-smaller-body .metric-history,  .metric-sub-section .metric-history {
    font-size: 0.5em;
}

.metric-main-body .metric-history {
    font-size: 0.6em;
}

.metric-delta .icon {
    font-size: 1.8em;
    line-height: 0.6em;
    vertical-align: text-bottom;
}

.metric-container-padding {
    padding: 0px 8px;
}

.dash-viewer .metric-container {
    padding: 6px;
}

.report.viewer .metric-container, .report.previewer .metric-container {
    border-top: 1px solid #dbe0e5;
    border-right: 1px solid #dbe0e5;
    border-bottom: 1px solid #dbe0e5;
    border-radius: 3px;
}

.metric-container {
    border-left: 4px solid #099;
}

.metric-container.waiting {
    border-left: 4px solid #F9A411;
}

.metric-container.negative {
    border-left: 4px solid #E5173F;
}

.metric-container.negative .metric-main-number, .metric-container.negative .metric-main-number-only {
    color: #E5173F;
}

.metric-container.waiting .metric-main-number, .metric-container.waiting .metric-main-number-only {
    color: #F9A411;
}

.metric-simple-header {
    height: 15%;
    color: #7E7E81;
    line-height:normal;
}

.metric-sub-section {
    height: 42.5%;
}

.metric-zero-section {
    height: 0%;
}


.report .react-bs-table-container {
    height: 100%;
}

.query-results-section .react-bs-container-body {
    height: calc(100% - 40px) !important
}

.query-editor {
    padding: 0px;
    font-size: 15px;
    resize: none;
    border: 1px solid #cccccc;
    overflow: auto;
    outline: none;
    color: #333;
    text-shadow: 1px 1px 1px #ccc;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 4px;
    height: 100%;
}
.btn {
    padding: 0px 12px;
    height: 32px;
    border: 1px solid;
    border-radius: 2px;
    font-size: 13px;
    margin: 0px;
    line-height: 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: color 0.2s, ease, background-color 0.2s ease, border-color 0.2s ease;
    -o-transition: color 0.2s, ease, background-color 0.2s ease, border-color 0.2s ease;
    transition: color 0.2s, ease, background-color 0.2s ease, border-color 0.2s ease;
}
.btn.btn-access {
    background-color: #E5173F;
    border-color: #b71232;
    color: white;
    outline:none;
}
.btn.btn-access:hover {
    background-color: #ea2c51;
    border-color: #ce1539;
}
.btn.btn-access:focus,
.btn.btn-access:active,
.btn.btn-access:active:focus {
    background-color: #b71232;
    border-color: #b71232;
}
.btn.full {
    width:100%;
}

input#username {
    margin-bottom: 8px;
}

/*
input[type="text"]:focus, input[type="password"]:focus {
    border-bottom: 1px solid #ff363a !important;
    box-shadow: 0 1px 0 0 #ff363a !important;
}*/

.dropdown-content li>a, .dropdown-content li>span {
    color: #ff363a;
}

 .padded {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
}

.forgotten-password {
    padding-top: 10px;
    padding-bottom: 3px;
    display: inline-block;
}

.forgotten-password a {
    color: #6197C6 !important;
}

.indent-sm {
    margin-left: 4px;
}

.txt-warning {
    color: #e5173F;
}

.less-top-spacing {
    margin-top: -2px;
}

.extra-bottom-spacing {
    margin-bottom: 5px;
}

.smaller-text {
    font-size: 70%;
}

.slightly-smaller-text {
    font-size: 85%;
}

.small-padding-bottom {
    margin-bottom: 3px;
}
/*
.btn, .btn-large {
    background-color: #e5173F;
}

.btn:hover, .btn-large:hover  {
    background-color: #ff476F;
}

.btn-small {
    padding: 0 0.8rem;
    text-transform: none;
    border-radius: 4px;
}*/

.card .card-image .card-title {
    padding-bottom: 10px;
    width: 100%;
}

/* .wait-loader {
    position:relative;
    margin:auto;
    border: 1px solid #f0f0f0;
    border-radius: 50%;
    border-top: 1px solid #E4193F;
    width: 30px;
    height: 30px;
    -webkit-animation: spinloader 1.1s linear infinite;
    animation: spinloader 1.1s linear infinite;
}

@-webkit-keyframes spinloader {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spinloader {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
} */

.wait-loader {
    background-image: url("images/loader.gif");
    background-size: 40px;
    margin: auto;
    width: 40px;
    height: 40px;
}

/* react grid layout */

.react-grid-layout {
  position: relative;
  overflow: overlay;
}

.react-grid-layout.no-scroll {
    overflow-y: hidden;
}

.react-grid-item {

}
.react-grid-item.cssTransforms {

}
.react-grid-item.resizing {
  z-index: 1;
}

.react-grid-item.react-draggable-dragging {
  transition: none;
  z-index: 3;
}

.react-grid-item.react-grid-placeholder {
  /*background: red;*/
  border: 3px dashed black;
  opacity: 0.2;
  transition-duration: 100ms;
  z-index: 2;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.react-grid-item > .react-resizable-handle {
  position: absolute;
  width: 30px;
  height: 30px;
  z-index: 102;
  bottom: 0;
  right: 0;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4=');
  background-position: bottom right;
  padding: 0 3px 3px 0;
  background-repeat: no-repeat;
  background-origin: content-box;
  box-sizing: border-box;
  cursor: se-resize;
}

/* react splitpane */

.SplitPane.horizontal {
    top: 0px !important;
    left: 0px !important;
}

.Pane.horizontal {
    margin: 3px;
}

.Resizer {
    background: #ffffff;
    opacity: .2;
    z-index: 1;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
}

 .Resizer:hover {
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

 .Resizer.horizontal {
    height: 11px;
    margin: -5px 0;
    border-top: 5px solid rgba(255, 255, 255, 0);
    border-bottom: 5px solid rgba(255, 255, 255, 0);
    cursor: row-resize;
    width: 100%;
}

.Resizer.horizontal:hover {
    border-top: 5px solid rgba(0, 0, 0, 0.5);
    border-bottom: 5px solid rgba(0, 0, 0, 0.5);
}

.Resizer.vertical {
    width: 11px;
    margin: 0 -5px;
    border-left: 5px solid rgba(255, 255, 255, 0);
    border-right: 5px solid rgba(255, 255, 255, 0);
    cursor: col-resize;
}

.Resizer.vertical:hover {
    border-left: 5px solid rgba(0, 0, 0, 0.5);
    border-right: 5px solid rgba(0, 0, 0, 0.5);
}
Resizer.disabled {
  cursor: not-allowed;
}
Resizer.disabled:hover {
  border-color: transparent;
}

.filter-table .react-bs-table td {
    cursor: default;
}

.react-bs-table .table-condensed.smaller-table-font th, .react-bs-table .table-condensed.smaller-table-font td {
    font-size: 85%;
}

/*React-bootstrap-table*/

.react-bs-table-pagination ul.pagination {
    float: none !important;
    margin: 0;
}

.pagination>li>a, .pagination>li>span {
    color: #4c4f53;
    padding: 3px 10px;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background: #009999;
    border-color: #DBE0E5;
}

.react-bs-table-container.paging .react-bs-table {
    height: calc(100% - 35px) !important;
}

.react-bs-table-pagination .row {
    margin-top: -4px !important;
}

.react-bs-table-pagination > div > div:first-child {
    display: none;
}

.react-bs-table-pagination > div > div:nth-child(2) {
    width: 100%;
    padding-right: 9px;
}

.react-bs-table-container .react-bs-table-search-form {
    margin-bottom: 0;
}

.react-bs-table {
    overflow: hidden;
}
/*
.react-bs-table {
    border: 1px solid #ddd;
    border-radius: 5px;
}*/

.react-bs-table table {
    margin-bottom: 0;
    table-layout: fixed;
}

.react-bs-table table td,
.react-bs-table table th {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*
.react-bs-table {
    margin: 5px 10px 5px 10px;
}*/

.react-bs-table-pagination {
    margin: 6px;
}

.react-bs-table-tool-bar {
    margin: 10px 10px 0 10px;
}

.react-bs-container-header {
    /*overflow: hidden;*/
    width: 100%;
}

.react-bs-container-body {
    overflow: auto;
    width: 100%;
    /*border-bottom: 1px solid #ddd;*/
}

.react-bs-table .table-bordered {
    /*border: 0;*/
    border-radius: 3px;
}

.react-bs-table .table-bordered > thead > tr > th,
.react-bs-table .table-bordered > thead > tr > td {
    border-bottom-width: 1px;
}

.react-bs-table .table-bordered > tfoot > tr > th,
.react-bs-table .table-bordered > tfoot > tr > td {
    border-top-width: 1px;
}

.react-bs-table .table-bordered > tfoot > tr > th,
.react-bs-table .table-bordered > tfoot > tr > td {
    border-bottom-width: 0;
}

/*Esquerda*/
.react-bs-table .table-bordered > thead > tr > th:first-child,
.react-bs-table .table-bordered > tbody > tr > th:first-child,
.react-bs-table .table-bordered > tfoot > tr > th:first-child,
.react-bs-table .table-bordered > thead > tr > td:first-child,
.react-bs-table .table-bordered > tbody > tr > td:first-child,
.react-bs-table .table-bordered > tfoot > tr > td:first-child {
    border-left-width: 0;
}

/*Direita*/
.react-bs-table .table-bordered > thead > tr > th:last-child,
.react-bs-table .table-bordered > tbody > tr > th:last-child,
.react-bs-table .table-bordered > tfoot > tr > th:last-child,
.react-bs-table .table-bordered > thead > tr > td:last-child,
.react-bs-table .table-bordered > tbody > tr > td:last-child,
.react-bs-table .table-bordered > tfoot > tr > td:last-child {
    border-right-width: 0;
}

/*Topo*/
.react-bs-table .table-bordered > thead > tr:first-child > th,
.react-bs-table .table-bordered > thead > tr:first-child > td {
    border-top-width: 0;
}

/*Baixo*/
.react-bs-table .table-bordered > tfoot > tr:last-child > th,
.react-bs-table .table-bordered > tfoot > tr:last-child > td {
    border-bottom-width: 0;
}

.react-bs-table .react-bs-container-header > table > thead > tr > th {
    vertical-align: middle;
}

.react-bs-table .react-bs-container-header > table > thead > tr > th .filter{
    font-weight: normal;
}

.react-bs-table .react-bs-container-header > table > thead > tr > th .select-filter option[value=''],
.react-bs-table .react-bs-container-header > table > thead > tr > th .select-filter.placeholder-selected,
.react-bs-table .react-bs-container-header > table > thead > tr > th .filter::-webkit-input-placeholder,
.react-bs-table .react-bs-container-header > table > thead > tr > th .number-filter-input::-webkit-input-placeholder{
    color: lightgrey;
    font-style: italic;
}

.react-bs-table .react-bs-container-header > table > thead > tr > th .select-filter.placeholder-selected option:not([value='']) {
    color: initial;
    font-style: initial;
}

.react-bs-table .react-bs-container-header > table > thead > tr > th .number-filter,
.react-bs-table .react-bs-container-header > table > thead > tr > th .date-filter {
    display: flex;
}

.react-bs-table .react-bs-container-header > table > thead > tr > th .number-filter-input,
.react-bs-table .react-bs-container-header > table > thead > tr > th .date-filter-input {
    margin-left: 5px;
    float: left;
    width: calc(100% - 67px - 5px);
}

.react-bs-table .react-bs-container-header > table > thead > tr > th .number-filter-comparator,
.react-bs-table .react-bs-container-header > table > thead > tr > th .date-filter-comparator {
    width: 67px;
    float: left;
}

.react-bs-table .react-bs-container-header .sort-column {
    cursor: pointer;
}

/*inline editor default style*/
.react-bs-container .form-control.editor{
    /*width:100%;
    top:0;
    left:0;*/
    /*height: 100%;
    position: absolute;*/
}

.react-bs-container  .textarea-save-btn{
    position: absolute;
    z-index: 100;
    right: 0;
    top: -21px;
}

.react-bs-table-no-data {
    text-align: center;
}

/**
 * orb v1.1.0, Pivot table javascript library.
 *
 * Copyright (c) 2014-2017 [object Object].
 *
 * @version v1.1.0
 * @link http://orbjs.net/
 * @license MIT
 */

.orb-container {
    overflow: hidden;
}
.orb {
    border-spacing: 0;
    border-collapse: separate;
    border-right-style: none;
    border-top-style: none;
    border-left-style: none;
    padding: 0;
}
.orb td {
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    vertical-align: top;
}
.orb > tbody > tr > td {
    padding: 0 !important;
    border-top: none !important;
}
.orb .inner-table {
    border-spacing: 0;
    border-collapse: separate;
}
.orb .inner-table > tbody > tr > td {
    padding: 14px 7px;
}
.orb .inner-table.upper-buttons {
    width: 100%;
}
.orb .inner-table.upper-buttons > tbody > tr > td {
    padding: 7px 4px;
}
.orb .inner-table-container {
    overflow-y: hidden;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
}
.orb .av-flds {
    border: none;
}
.orb .flds-grp-cap {
    width: 45px;
    white-space: nowrap;
    border: none;
}
.orb .flds-grp-cap div {
    float: left;
    font-weight: bold;
    margin-right: 9px;
    padding: 6px 0 0;
}
.orb .empty {
    white-space: nowrap;
    border: none;
}
.orb .header > div {
    min-height: 16px;
}
.orb .header-st,
.orb .header-gt {
    font-weight: bold;
}
.orb .header > div > div {
    float: left;
    white-space: nowrap;
}
.orb .header-row.header-st-exp div {
    padding-left: 8px;
}
.orb .header-row.header-gt-exp {
    padding-left: 8px;
}
.orb .cell > div {
    min-height: 16px;
}
.orb .cell-data {
    float: right;
    white-space: nowrap;
}
.orb .cell-hidden {
    display: none;
}
.orb .fld-btn {
    float: left;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
}
.orb .fld-btn .caption {
    padding-right: 3px;
}
.orb .fld-btn .filter {
    padding-left: 3px;
    vertical-align: 'top';
}
.orb .fld-btn .sort-indicator {
    height: 8px;
    margin-top: 5px;
    width: 10px;
}
.orb .fld-btn .sort-asc {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAFCAYAAABmWJ3mAAAAJUlEQVQImWNggIL/UMCADv7//1/+////cnRBFAATDMSGMVTDAADcOEqN5KtuRQAAAABJRU5ErkJggg==) no-repeat 0px 0px;
}
.orb .fld-btn .sort-desc {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAFCAYAAABmWJ3mAAAAJklEQVQImXXKuQ0AAAiAQFZ0GsfH1vhcQgc+UOMKgHV3aqrJNO8CnJdKjfkCkMUAAAAASUVORK5CYII=) no-repeat 0px 0px;
}
.orb .fld-btn .fltr-btn {
    width: 11px;
    height: 11px;
}
.orb .fld-btn .fltr-btn-active {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAMUlEQVQYlWP4//9/I7GYgSzFDHgAVsX/sQCsirFpQFaI1c0wDegKB0AxeihQFs7EYAAT8WYwzt7jxgAAAABJRU5ErkJggg==) no-repeat 0px 0px;
}
.orb .fld-btn:hover .fltr-btn {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAMUlEQVQYlWP4//9/I7GYgSzFDHgAVsX/sQCsirFpQFaI1c0wDegKB0AxeihQFs7EYAAT8WYwzt7jxgAAAABJRU5ErkJggg==) no-repeat 0px 0px;
}
.orb.fltr-cntnr {
    position: fixed;
    background-color: white;
    font-size: 90%;
    width: 301px;
    height: 223px;
    padding: 3px;
}
.orb.fltr-cntnr .fltr-val {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orb.fltr-cntnr .fltr-chkbox {
    width: 16px;
}
.orb .fltr-scntnr {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 2px;
}
.orb .fltr-scntnr .srchbox-col input {
    width: 100%;
    border: none;
}
.orb .fltr-scntnr .srchop-col {
    width: 105px;
    vertical-align: middle;
}
.orb .fltr-scntnr .srchop-col .orb-select {
    border: none;
}
.orb .fltr-scntnr .srchop-col .orb-select div {
    text-align: left;
}
.orb .fltr-scntnr .srchtyp-col {
    width: 18px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}
.orb .fltr-scntnr .srchclear-btn {
    width: 14px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    float: right;
}
.orb .fltr-scntnr .srchtyp-col-hidden {
    width: 0px;
    color: white;
    overflow: hidden;
    cursor: auto;
    border: none !important;
}
.orb .fltr-scntnr .cnfrm-btn-col {
    padding-top: 5px;
}
.orb .fltr-scntnr .fltr-vals-col {
    vertical-align: top;
    padding-bottom: 3px;
}
.orb .fltr-scntnr .fltr-vals-tbl {
    table-layout: fixed;
    width: 100%;
    display: block;
}
.orb .fltr-scntnr .fltr-vals-tbl tbody {
    float: left;
    overflow: auto;
    width: 100%;
    height: 154px;
}
.orb .fltr-scntnr .resize-col {
    vertical-align: bottom;
}
.orb .fltr-scntnr .resize-col div {
    float: right;
    width: 16px;
    height: 16px;
    margin-bottom: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAQklEQVQ4jWNgGJngxo0b/2GYIgMOHz5MvgGHDx8m3wD6AmwBRlIgYgswkgIRW4AN4kAkNsBwBiKxAYYzEIkNMGQxAOs9ug3E3qdjAAAAAElFTkSuQmCC) no-repeat 0px 0px;
    cursor: se-resize;
}
.orb .hdr-val {
    border: none;
}
.orb .hdr-val div {
    white-space: nowrap;
}
.orb div.hdr-val {
    float: left;
}
.orb .drp-trgt {
    float: left;
    width: 100%;
    margin-right: 17px;
    padding: 1px 0;
    min-height: 24px;
    min-width: 67px;
}
.orb .drp-trgt-vertical {
    float: left;
    width: 100%;
    padding: 1px 0;
    min-width: 67px;
    margin-right: 7px;
}
.orb .drp-trgt-empty {
    width: 51px;
}
.orb .drp-trgt-vertical-empty {
    width: 51px;
    height: 27px;
}
.orb .drp-indic {
    float: left;
    width: 2px;
    margin-top: 0px;
    margin-left: 3px;
    margin-right: 3px;
}
.orb .drp-indic-first {
    margin-left: 0;
}
.orb .drp-indic-last {
    margin-right: 0;
}
.orb .drp-indic-vertical {
    float: left;
    width: 100%;
    height: 2px;
    margin-left: 0px;
    margin-top: 3px;
    margin-bottom: 3px;
}
.orb .drp-indic-vertical-first {
    margin-top: 0;
}
.orb .drp-indic-vertical-last {
    margin-bottom: 0;
}
.orb-btn {
    font-weight: normal;
    text-align: center;
    margin-right: 3px;
    cursor: pointer;
}
.orb-tgl-btn {
    border: none;
}
.orb-tgl-btn div {
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 7px;
    border-radius: 11px;
    cursor: pointer;
}
.orb-tgl-btn-right {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4jWNgGAX4QB0UU2zAMDCEIgMGTjOyAaOAAAAA6dUK1fxYl1IAAAAASUVORK5CYII=) no-repeat 0 0;
}
.orb-tgl-btn-down {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJ0lEQVQ4jWNgGAWDE9RBMbHiOBXWERAj2hCSNeMyhCxAkeZRQCQAAFO3CtUd1w9cAAAAAElFTkSuQmCC) no-repeat 0 0;
}
.orb-scrollthumb {
    position: absolute;
    cursor: pointer;
}
.orb-h-scrollbar {
    position: relative;
    height: 16px;
}
.orb-h-scrollbar .orb-scrollthumb {
    margin: 3px 0;
    height: 10px;
    top: 0;
}
.orb-v-scrollbar {
    position: relative;
    width: 16px;
}
.orb-v-scrollbar .orb-scrollthumb {
    margin: 0 3px;
    width: 10px;
    left: 0;
}
.orb-overlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    width: auto;
    margin-left: 0;
    background-color: rgba(128, 128, 128, 0.71);
}
.orb-overlay-hidden {
    display: none;
}
.orb-overlay-visible {
    display: block;
}
.orb-dialog {
    position: absolute;
    z-index: 5;
}
.orb-dialog-body {
    box-sizing: border-box;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}
.orb-dialog-header {
    font-weight: bold;
    font-size: 140%;
    line-height: 31px;
    height: 35px;
}
.orb-dialog-header div.button-close {
    float: right;
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAL0lEQVQ4jWNgGAXYwH8oJlYcp8L/BMSINoRkzbgMIRlQ1Xay/Y9PjKABxIqPeAAAu7wn2cXtRawAAAAASUVORK5CYII=) no-repeat 0 0;
    border-radius: 11px;
    cursor: pointer;
}
.orb-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
.orb-table td,
.orb-table th {
    padding: 1px 3px;
}
.orb-toolbar {
    border: none;
    height: 34px;
    padding: 3px;
    margin-bottom: 17px;
    width: 100%;
}
.orb-toolbar .theme-item {
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 3px;
    border: 1px dashed lightgray;
}
.orb-tlbr-btn {
    float: left;
    width: 26px;
    height: 26px;
    margin-right: 3px;
    cursor: pointer;
}
.orb-tlbr-btn.export-xls {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACPUlEQVRIie2U30tUQRTHj24/iCXaUhZ6rCSM7HK3jYWdvfd8B7GHgiAfLjNXWBIpcVeEIFA0r82eWQtfgiACQxJpQ/DFPyWC/qBedsGHWsXtwaAvzMMcvvP9cA6HIfqvM6U4jp8y8ysioiAI8lprx8wqDMMCM3tmvnHUHwRBHkATwAet9UdmnjwOcB3AATNPxnFsAeyWy+XzSqkigEOl1MRRP4C61nqHmUvMXKpWq2PHdgGgDmBba90B8JCIqA/ghda6w8wlIsqdaExhGBYAHGqtO71HfwJ0vVsADgFs12q1ByfpIAGwC+AgjmP0A/RUrVbHALwFsN83vFKpjADYZ+bHzPwMwG4QBPkeIIqiSClVVEoViSgXRdHtIAjyRJTr+vsDtNYvAXwiolx3izrMPNcDHD1KqSIzv+7du97+W3QahWFYqFQqI389+MxryDk37r1vO+dGp6en76RpupWm6WiWZXe99++dc6MDEZxzF0Rk3nv/ptFoXDXGPLfW+tnZ2YKIzInIu+Xl5cuDQq6JyKaItJrN5pi1dtNau9loNG5261vOueJAkNXV1RERaXnvdxYWForGmFaapnuLi4u9+telpaWLg3QRttvt7865KWPMfWvtD2utFpGy9/6niMSDhI977z9vbGw8SdM0MMZ8McY8yrLsnojsOeemiGjoVOHr6+u3uiGT9Xp9wlr7bWZmhtfW1iZardZBlmW1JElO9oP+TkmS5FZWVq44584R0XCSJJeIaJiIhgYK/uf0C2PO19xvrfDzAAAAAElFTkSuQmCC) no-repeat 0 0;
}
.orb-tlbr-btn.expand-all {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAPUlEQVRIiWNgGAWjwN7efj2xmOYOGTwWkBMsJFtAqrrBbwEhscFrAbERO3h9QDcLKFE3MBYMigJuFAwNAACmIGOJfkqFOgAAAABJRU5ErkJggg==) no-repeat 0 0;
}
.orb-tlbr-btn.collapse-all {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAOUlEQVRIiWNgGAWjwN7efj2xmOYOGTwWkBMsJFtAqrpRC2hnAbERO3h9MGgsIAnQxYJBUcCNgqEBAOSPXdlyxPR0AAAAAElFTkSuQmCC) no-repeat 0 0;
}
.orb-tlbr-btn.grndtotal-visible {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAvElEQVRIie2UsQrCQBBEU1pJWgnI2QiCxRXCccnezv6E4E/4JYJVsBJCQEgj5BdtTpAQgpAtgmZg23nL7M0lyaz/FhE5AOehGQUIIZwAtEMzbQARbUXkAaAVkbv3Phtl2CfvfQagihvXzLxTh1hrUxEpI6QpiuKgDnHOLZn5EuN6qkOIaA2giYDSWpuqmXfuUIUQVmrm3fyZeaNmboxZALi+c1d/QQCOH6W69X0Vo7rxTZPzPN9PFzDrN/QCrYZ210VL04MAAAAASUVORK5CYII=) no-repeat 0 0;
}
.orb-tlbr-btn.grndtotal-hidden {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABgElEQVRIie2UsUtCQRzHDxpd3IMgiCCot7qc9/v6HoJLiIfomwNb1M1BcBFbjMO7e0MNEUggBCW4CAUNLo3tDbZU5N/R4guJEH3WUn3hN93x+XDHfY+x//ztWGsTxpjqvFlJoLX2rbWDeRPuBRAnoioA/1sFjuPEhBAHRHRFRAMiugIQX0jQ6XS2gyDoTWHnWuv1cM1xnBgAH0BvCv4YIYRc5hTr1truVHLRarX2iGifiLqfwUR0DGB3YXgYY0xca31Sq9Xui8XiUzqdHn0Ca855YmlwGM55wnXds2w2O5ZSTqSUb1PJqRDCZYytRQID2CUiTUQDz/Nuc7ncq5Ryks/nHzOZjL8KeEsIcRReged5N1LK50Kh8FIul0fNZnMjEphzvgGgPnu/qVRqKKUcVyqVB6XUtVJqMxI8mUwSgP4sHMCgVCrdtdvtobW2b4zZiQRn7KOJlzOCaqPROAwLFQTB6VdfxWw3FpH4AOpCiE3GFmuyUmr5dx/mxwX/+R15B6rZEUoUtw7HAAAAAElFTkSuQmCC) no-repeat 0 0;
}
.orb-tlbr-btn.subtotals-visible {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAuElEQVRIie2RPQoCMRCFA2m2tLIeb5A6xXsgeAkbYUvBarGyXLC3tNoj5Io2WZCQxJ9MIbgPXhWYLzOfMUv+LwB6AGOmgxZgJBkyvWsBhjhwIrkDsI31KgAR6UieI+QqIp3K4CSW5ClCbs651fOjiqe4yUQyADgkgGZPdj4TgIsxxiaANk8kjzUHTZ4A7OffAdh479dzM1sWPdUApfuGwiZZTxqAqqfmvPLUlA88fQ1429NvApao5gHLCpRjOV2CBgAAAABJRU5ErkJggg==) no-repeat 0 0;
}
.orb-tlbr-btn.subtotals-hidden {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABy0lEQVRIie1UsWrbUBQVmEAgS6ZCl0L2okVTi/XulXA3o+EhGREexAQPdrCnEIjdRaYQDM/2fa90CR0MpVAIAXcohRZa+gGFBjIkQ8bW35HlKaiqJbeQIdAcONvVPe+cw5Vl3eP/AxHtKqVeLOH+rQiYZfM8tdbHZd8h4iYA9BAxXiWwb5bOxuPxMyLyicifTCZPl83btr3BGNsFgBMAmAPACSJuFgokSbKulDowrz5KkmS9aDEixoj41iy+IWOMl7qIoqhCRD3jRBPRzYscx1lrtVqac34WBMFllo1G4ysiPi5dnnMyM052LMuqMMZ8ADgOguCSc75IKYS46vf731b19JuDNCYieg4ATxDxVRpBvV4/55wv4ji+aDabB1LKWllPf0AptaeUmg8Gg9ee573MZ+x53pt2uz2bTqfvy3paCq319nA4/CyEOKvVap983/+Y0hQaOY6zVtZTIarV6iMhxJdsvpzzRRiGP7vd7nfbtjey80t6KobruoCIp9kCwzD81el0foxGow9KqXl2Pt9TFEWVUgFzie8yWfdc131YNJ/29E8dmMM5ZIxtlc1prbfTa5dSbkkpH6T8K6FVKPpf5WO8uwL3uFVcA7jfNSqQhQcHAAAAAElFTkSuQmCC) no-repeat 0 0;
}
.orb-tlbr-btn .orb-select div {
    padding: 0 10px;
}
.orb-tlbr-btn .orb-select .orb-tgl-btn-down {
    padding: 0 16px 0 4px;
}
.orb-tlbr-lbl {
    float: left;
    height: 26px;
    line-height: 26px;
    margin-right: 3px;
    font-weight: bold;
}
.orb-tlbr-sep {
    float: left;
    height: 26px;
    width: 1px;
    margin-right: 5px;
}
.orb-select > div {
    text-align: center;
    cursor: pointer;
    font-style: italic;
    background-position: right;
}
.orb-select ul {
    position: fixed;
    display: none;
    list-style: none;
    padding: 0 3px;
    margin: 0;
    cursor: pointer;
    background-color: white;
    z-index: 101;
}
.orb-select ul li {
    clear: both;
    float: left;
    width: 100%;
    padding: 3px;
}
.orb-bootstrap .table .av-flds {
    border-bottom: 1px solid #ddd !important;
}
.orb-bootstrap .table .header,
.orb-bootstrap .table .cell {
    border-top: 1px solid #ddd;
}
.orb-bootstrap .table .fld-btn .fltr-btn {
    border-radius: 4px;
}
.orb-bootstrap .table .fld-btn:hover .fltr-btn {
    background-color: #555;
}
.orb-bootstrap .table .fld-btn .fltr-btn:hover {
    background-color: #999;
}
.orb-bootstrap .table .fld-btn .fltr-btn-active {
    background-color: #999;
}
.orb-bootstrap .table .drp-trgt {
    height: 31px;
}
.orb-bootstrap .table .drp-trgt-over {
    background-color: #f7f7f7;
}
.orb-bootstrap .table .drp-indic {
    height: 28px;
}
.orb-bootstrap .table .drp-indic-over {
    background-color: #aaa;
}
.orb-bootstrap.fltr-cntnr {
    border: 1px solid #ddd;
    box-shadow: 0 5px 15px #ddd;
}
.orb-bootstrap .fltr-scntnr .srchbox-col {
    border: 1px solid #ddd;
}
.orb-bootstrap .fltr-scntnr .srchop-col {
    border: 1px solid #ddd;
}
.orb-bootstrap .fltr-scntnr .srchtyp-col {
    border: 1px solid #ddd;
}
.orb-bootstrap .fltr-scntnr .srchtyp-col:hover {
    border: 1px solid #ccc;
}
.orb-bootstrap .fltr-scntnr .srchtyp-col-active {
    background-color: #ddd;
    border: 1px solid #ccc;
}
.orb-bootstrap .fltr-scntnr .fltr-vals-col {
    border-bottom: 1px solid #ddd;
}
.orb-bootstrap .orb-toolbar {
    border: 1px solid #ddd;
}
.orb-bootstrap .orb-tlbr-btn {
    border: 1px solid white;
}
.orb-bootstrap .orb-tlbr-btn:hover {
    border: 1px solid #ccc;
}
.orb-bootstrap .orb-tlbr-sep {
    border-right: 1px solid #ddd;
}
.orb-bootstrap .orb-select {
    border: 1px solid #ddd;
}
.orb-bootstrap .orb-select ul {
    border: 1px solid #ddd;
}
.orb-bootstrap .orb-select ul li:hover {
    background-color: #eee;
}
.orb-bootstrap.orb-overlay .modal-dialog {
    width: auto;
}
.orb-bootstrap.orb-overlay .modal-content {
    background-color: white;
    padding: 7px 13px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    border-radius: 6px;
}
.orb-bootstrap.orb-overlay .modal-header {
    border: none;
    height: auto;
}

/*!
 * Materialize v0.98.2 (http://materializecss.com)
 * Copyright 2014-2015 Materialize
 * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
 */

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

.red-text {
    color: #F44336 !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.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 {
    background-color: #e91e63 !important;
}

.pink-text {
    color: #e91e63 !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.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 {
    background-color: #9c27b0 !important;
}

.purple-text {
    color: #9c27b0 !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.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 {
    background-color: #673ab7 !important;
}

.deep-purple-text {
    color: #673ab7 !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.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 {
    background-color: #3f51b5 !important;
}

.indigo-text {
    color: #3f51b5 !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.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 {
    background-color: #2196F3 !important;
}

.blue-text {
    color: #2196F3 !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.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 {
    background-color: #03a9f4 !important;
}

.light-blue-text {
    color: #03a9f4 !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.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 {
    background-color: #00bcd4 !important;
}

.cyan-text {
    color: #00bcd4 !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.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 {
    background-color: #009688 !important;
}

.teal-text {
    color: #009688 !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.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 {
    background-color: #4CAF50 !important;
}

.green-text {
    color: #4CAF50 !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.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 {
    background-color: #8bc34a !important;
}

.light-green-text {
    color: #8bc34a !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.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 {
    background-color: #cddc39 !important;
}

.lime-text {
    color: #cddc39 !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.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 {
    background-color: #ffeb3b !important;
}

.yellow-text {
    color: #ffeb3b !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.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 {
    background-color: #ffc107 !important;
}

.amber-text {
    color: #ffc107 !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.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 {
    background-color: #ff9800 !important;
}

.orange-text {
    color: #ff9800 !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.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 {
    background-color: #ff5722 !important;
}

.deep-orange-text {
    color: #ff5722 !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.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 {
    background-color: #795548 !important;
}

.brown-text {
    color: #795548 !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.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 {
    background-color: #607d8b !important;
}

.blue-grey-text {
    color: #607d8b !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.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 {
    background-color: #9e9e9e !important;
}

.grey-text {
    color: #9e9e9e !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.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;
}

.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;
}

/* =================================================================== DATASETS */
/* Note that we are using importants as handsontable is loaded on demand
* We might want to move this into a separate file and load it after HOT
*/
.handsontable th{
    background: transparent !important;
}

.handsontable th:not(:first-child) {
    border-left:0px !important;
}

.handsontable th span {
    font-weight:bold;
}

.handsontable td {
    padding:5px 5px !important;
    border-color:#dbe0e5 !important;
}

.handsontable th {
    border-color:#dbe0e5 !important;
    padding:2px 5px 0px 5px !important;
    border-bottom-width: 1px !important;
    border-right-color: transparent !important;
    border-bottom-color: #dbe0e5 !important;
}

.handsontable th:last-child {
    border-right-color: #dbe0e5 !important;
}

.handsontableInput {
    padding:6px 4px 6px 6px!important;
    height: 22px !important;
}

.handsontableInputHolder {
    z-index:200 !important;
}

.handsontableEditor th:last-child {
    border-right-color: transparent !important;
}

.handsontableEditor td {
    padding:3px 3px !important;
    border-color: transparent !important;
}

.handsontable.listbox {
    position:fixed;
}

.datasets-editor-tabs .tab-content {
    background-color:white;
    border:1px solid #dbe0e5;
    border-top:0px ;
    padding:15px;
}

.datasets-editor-tabs .tab-content>.active {
    display: block;
}

.datasets-editor-tabs>.nav>li>a {
    border-radius: 0px;
    font-weight: bold;
}

.datasets-editor-tabs>.nav {
    background-color: white;
    border-top:1px solid #dbe0e5;
    border-right:1px solid #dbe0e5;
}

.datasets-editor-tabs>.nav>li>a {
    border-left:1px solid #dbe0e5;
    margin-right: -1px;
}

.datasets-editor-tabs>.nav>li>a:last-child {
    border-right:1px solid #dbe0e5;
}

.datasets-editor-tabs>.nav>li.active>a, .datasets-editor-tabs>.nav>li.active>a:focus, .datasets-editor-tabs>.nav>li.active>a:hover {
    background-color:#53B8B4;
    color:white;
    margin-top: -1px;
}

.datasets-editor-ct {
    margin-top:15px;
    display: table;
    table-layout: fixed;
    width:100%;
    margin-left:15px;
}

.datasets-editor-datasets-ct {
    width:300px;
    display: table-cell;
}

.datasets-editor-query-items-ct {
    display: table-cell;
    padding-right:30px;
}

.header-sub-bar .dataset-editor-title {
    margin-left:30px;
}

.card-list-holder {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.card-list-holder>div {
    width: 100% !important;
}

.datasets-editor-ct .wtHider {
    height:initial !important;
}

/* =================================================================== DATASETS */

/* =================================================================== HIDDEN CONTENT MESSAGE */
.hidden-content-title, .hidden-content-message  {
    margin: auto;
    width: 100%;
    text-align: center;
}

.hidden-content-title {
    font-size: 20px;
}

.hidden-content-holder {
    padding-top: 21%;
}
/* =================================================================== HIDDEN CONTENT MESSAGE */