.dash-filter input ::placeholder {
    color: gray !important;
}

.dash-filter input {
    font-family: 'Geomanist';
    font-size: medium;
!important;
}

.chart_wrapper {
    width: 100%;
    /* whatever width you want */
    display: inline-block;
    position: relative;
}

.chart_wrapper:after {
    padding-top: 75%;
    /* 16:9 ratio */
    display: block;
    content: '';
}

.chart_wrapper2 {
    width: 100%;
    height: 80vh;
}

.solo_chart_wrapper {
    width: 100%;
    /* whatever width you want */
    display: inline-block;
    position: relative;
}

.solo_chart_wrapper:after {
    /*padding-top: 75%;*/
    /* 16:9 ratio */
    display: block;
    content: '';
}

.chart_main {
    height: 80vh;
}

.chart_main {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    /* fill parent */
    /*background-color: deepskyblue;*/
    /* let's see it! */
    /*color: white;*/
}

.alternative_bg {
    /*background-color: rgb(41,42,47);*/
    /*background-color: #006a5e;*/
    background-image: linear-gradient(to right,#004040, #006a5e,#006a5e,#004040);

}

.alternative_color {
    /*background-color: rgb(41,42,47);*/
    color: #006a5e;
}


.slopecap-top-up {
    position: relative;
    /* chrome behavior */
    z-index: -1;
    width: 100%;
    height: 4vw;
    margin-top: -2vw;
    margin-bottom: -2vw;
    -webkit-transform: skewY(-2deg);
    transform: skewY(-2deg);
    /*-webkit-box-shadow: 0px -1px 6px 0px rgba(0, 0, 0, 0.15);*/
    /*-moz-box-shadow: 0px -1px 6px 0px rgba(0, 0, 0, 0.15);*/
    /*box-shadow: 0px -1px 6px 0px rgba(0, 0, 0, 0.15);*/

}

.slopecap-bottom-up {
    position: relative;
    /*background-color: rgb(41,42,47);*/
    /* chrome behavior */
    z-index: -1;
    width: 100%;
    height: 4vw;
    margin-top: -2vw;
    -webkit-transform: skewY(-2deg);
    transform: skewY(-2deg);
    /*-webkit-box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.15);*/
    /*-moz-box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.15);*/
    /*box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.15);*/
}

.slopecap-header {
    position: relative;
    /* chrome behavior */
    z-index: -1;
    width: 100%;
    height: 4vw;
    margin-top: -2vw;
    margin-bottom: -2vw;
    -webkit-transform: skewY(-2deg);
    transform: skewY(-2deg);

    /*position: absolute;*/
    background-color: white;
    /*!* chrome behavior *!*/
    /*z-index: auto;*/
    /*width: 100%;*/
    /*height: 20vw;*/
    /*margin-top: 4vw;*/
    /*-webkit-transform: skewY(-3deg);*/
    /*transform: skewY(-3deg);*/
    /*-webkit-box-shadow: 0 -2px 2px 0 rgba(0,0,0,0.2);*/
    /*box-shadow: 0 -2px 2px 0 rgba(0,0,0,0.2);*/
}

button.export {
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    color: white;
    background-color: #006a5e;
    text-transform: none;
    -webkit-appearance: none;
    border-radius: 0;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 30px;
    vertical-align: middle;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: .1s ease-in-out;
    transition-property: color, background-color, border-color
}

button.export:not(:disabled) {
    cursor: pointer
}

button.export::-moz-focus-inner {
    border: 0;
    padding: 0
}

button.export:hover {
    text-decoration: none
}

button.export:focus {
    outline: none
}

em {
    color: inherit;
}

table tbody tr td input[type=checkbox] {
    display: inline-block;
    height: 16px;
    width: 16px;
    overflow: hidden;
    margin-top: -4px;
    vertical-align: middle;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    cursor: pointer;
    /*background-repeat: no-repeat;*/
    /*background-position: 50% 50%;*/
    border: 0;
    /*transition: .2s ease-in-out;*/
    /*transition-property: background-color, border;*/
    /*content: "+";*/
    font-size: small;
    /*margin: 0;*/
}

table tbody tr td input[type=checkbox]::before {
    content: "+";
    font-size: large;
    /*margin-top: -8px;*/
    color: #006a5e;
    position: relative;
    cursor: pointer;
    top: -2px;
    left: 0px;
}

table tbody tr td input[type=checkbox]:hover::before {
    font-weight: 900;
}

td div p {
    margin: 0;
    text-align: center;
}

td .cell-markdown {
    display: inline !important;
}

/*td div p a {*/
/*    background-color: #006a5e;*/
/*    color: white;*/
/*    font-size: smaller;*/
/*    !*border-radius: 1000px;*!*/
/*    padding: 1px;*/
/*}*/

td div p a:hover {
    background-color: #006a5e;
    color: white;
    /*font-size: smaller;*/
    /*opacity: 0.6;*/
    /*border-radius: 1000px;*/
    /*padding: 1px;*/
}

/*.VirtualizedSelectFocusedOption{*/
/*    background-color: rgb(142,45,96);*/
/*    color: blue;*/
/*}*/
/*.VirtualizedSelectSelectedOption{*/
/*    background-color: rgb(142,45,96);*/
/*    color: white;*/
/*}*/
#search-box .VirtualizedSelectOption {
    /*background-color: #006a5e;*/
    color: #666;
}

/*#desc-text h1 {*/
/*    color: white;*/
/*}*/

/*!*#desc-text p {*!*/
/*!*    color: white !important;*!*/
/*!*}*!*/

/*#desc-text {*/
/*    color: white !important;*/
/*}*/

.desc-popup {
    color: white !important;
}

.desc-popup h1 {
    color: white;
    font-family: Geomanist, serif;
}

.desc-popup h2 {
    color: white;
    font-family: Geomanist, serif;
}

.desc-popup h3 {
    color: white;
    font-family: Geomanist, serif;
}

h1 {
    font-family: Geomanist, serif;
}

h2 {
    font-family: Geomanist, serif;
}

h3 {
    font-family: Geomanist, serif;
}

.xl-controls .VirtualizedSelectOption {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}