/*    dP   dP                                                                  dP        */
/*    88   88                                                                  88        */
/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
/*                                                  88                                   */
/*                                                  dP					 */

/*		   		        Made by @gilbN					 */
/*			      https://github.com/gilbN/theme.park			 */

/* HTML5 Speedtest Plex Theme */

html, body {
	background: var(--main-bg-color) !important;
	background-repeat: repeat, no-repeat;
	background-attachment: fixed, fixed;
	background-position: center center, center center;
	background-size: auto, cover;
	-webkit-background-size: auto, cover;
	-moz-background-size: auto, cover;
	-o-background-size: auto, cover;
	color:#FFFFFF !important;
}
h1 {
    color: white;
}
div.meterText:empty:before {
    color: white !important;
}

#dlText {
    color: #F44336;
}
#ulText {
    color: #4CAF50;
}
#pingText, #jitText {
    color: #2cabe3;
}
#startStopBtn {
    color: #ffffff;
    background: var(--start-button-color);
    border: 0.15em solid var(--start-button-color);
}
#startStopBtn:hover {
	border: 0.15em solid var(--start-button-color-hover);
	background: var(--start-button-color-hover);
}
#startStopBtn.running {
    background: #FF3030 !important;
    border-color: #FF6060;
    color: #FFFFFF;
}
#startStopBtn.running:hover {
    background: #FF3030;
    border-color: #FF6060;
    color: #FFFFFF;
}
a:-webkit-any-link {
	color: white;
}
#privacyPolicy {
    background: var(--main-bg-color);
}
input {
    font-family: "Roboto",sans-serif;
    color: white;
    background-color: rgba(0, 0, 0, 0.25) !important;
    -webkit-rtl-ordering: logical;
    Font-size: 16px;
    padding: 10px;
    border: none;
    padding-left: 10px;
    max-width: -webkit-fill-available;
    border-radius: 3px;
    margin-bottom: 5px !important;
    outline: none;
}