#mobileModeTest { color: #000; }

@media (max-width: 800px) {

#mobileModeTest { color: #fff; }

body
{
 background: #f5f5f5;
}

.logo
{
 position: static;
 width: 100%;
}

.icontitle
{
 position: static;
 background: #ffffff;
}

.icontitle
{
 flex-shrink: 0;
}

.icontitle a:first-child { margin-left : auto; }
.icontitle a:last-child  { margin-right: auto; }

#setting_impact
{
 display: inline-block; 

 position: absolute;
 top: -1000px;
 left: 50%;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);

 background: #505050;
 color: #ffffff;
 padding: 10px;
 border: 1px solid #f08040;
 box-shadow: 7px 7px 7px #404040;

 font-size: 20px;
/* font-weight: bold; */
/* text-shadow: 2px 2px #000000; */
 text-transform: capitalize;

 z-index: 100;
}

.settings_info
{
 display: block;
 padding-top: 20px;
 padding-bottom: 20px;
 font-size: 18px;
 padding-left: 10%;
 padding-right: 10%;
}

.settings
{
 position: static;
 width: 100%;
 min-height: 0;
 font-size: 18px;
 padding-left: 10%;
 padding-right: 10%;
 background: #505050;
 color: #ffffff;
}

.toggle, .toggle_container a { color: #fff; }
.Xtoggle:active { background: #505050; }
.toggle:hover {background: #505050; }

.lala
{
/*
 display: block;
 margin: auto;
 width: 70%;
*/
}

.noUi-handle
{
 width:  30px !important;
 height: 30px !important;
 left:  -10px !important;
 top:   -12px !important;
 box-shadow: 5px 5px 4px #404040 !important;
/* box-shadow: none !important; */
}

.noUi-handle::before
{
 left: 11px !important;
 top:   7px !important;
 background: #d0d0d0;
}

.noUi-handle::after
{
 left: 16px !important;
 top:   7px !important;
 background: #d0d0d0;
}

.x-axis,.y-axis
{
 display: none;
}

#chart_items
{
 position: relative;
 min-width: 0;
 min-height: 1000px;
 height: 500px;
 left: 0;
 right: 0;
 top: 0px;
 bottom: 0;
}

.matching_info
{
 display: block;
 text-align: center;
 font-size: 20px;
 font-weight: bold;
 color: #505050;
 padding-top: 18px;
 text-transform: capitalize;
}

.item
{
 border-radius: 10%;
 box-shadow: 5px 5px 4px #a0a0a0 !important;
}

.footer
{
 margin-top: 0;
 margin-bottom: 10px;
 color: #707070;
}

.footer a
{
 /* color: #ffffff; */
}

}

@media (max-width: 320px) {
.tooltip img
{
 max-width: 75px !important;
}
}