/* Fonts */
/* Proxima Regular */
@font-face {
    font-family: 'Proxima';
    src: url('/wp-content/themes/hello-theme-child-master/ukplot/font/ProximaNova-Reg-webfont.eot');
    src: url('/wp-content/themes/hello-theme-child-master/ukplot/font/ProximaNova-Reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/hello-theme-child-master/ukplot/font/ProximaNova-Reg-webfont.woff ') format('woff'),
         url('/wp-content/themes/hello-theme-child-master/ukplot/font/ProximaNova-Reg-webfont.ttf') format('truetype'),
         url('/wp-content/themes/hello-theme-child-master/ukplot/font/ProximaNova-Reg-webfont.svg#ProximaNovaRgRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Proxima Extra Condensed Extra Bold */
@font-face {
    font-family: 'ProximaNovaExtraCondensedBold';
    src: url('/wp-content/themes/hello-theme-child-master/ukplot/font/ProximaNovaExCn-Xbold-webfont.eot');
    src: url('/wp-content/themes/hello-theme-child-master/ukplot/font/ProximaNovaExCn-Xbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/hello-theme-child-master/ukplot/font/ProximaNovaExCn-Xbold-webfont.woff') format('woff'),
         url('/wp-content/themes/hello-theme-child-master/ukplot/font/ProximaNovaExCn-Xbold-webfont.ttf') format('truetype'),
         url('/wp-content/themes/hello-theme-child-master/ukplot/font/ProximaNovaExCn-Xbold-webfont.svg#ProximaNovaExCnThExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Reset */
/* 
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;
	display:none; 
	padding:14px 20px;
    margin-top:-30px; 
	margin-left:28px;
    width:350px; 
	line-height:16px;
} */
.uk-plot-page a.tooltip:hover span{
    display:inline; 
	position:absolute; 
	color:#fff;
    border:1px solid #00692d; 
	background:#66952d;}
.uk-plot-page .callout {
	z-index:20;
	position:absolute;
	top:30px;
	border:0;
	left:-12px;
	}
/*CSS3 extras*/

.uk-plot-page a.tooltip span
{
    border-radius:8px;
    box-shadow: 5px 5px 8px #CCC;
}



/* Layouts */
/* .uk-plot-page section, #myDiv, footer{
    display:block;
    margin:0 auto;
    width:90%;
    max-width:1200px;
} */
.uk-plot-page .col-1{
    float:left;
    width: 50%;
}

/* Design */


.uk-plot-page { 
   font-size:16px !important;
}

.uk-plot-page h2{
    font-size: 1.8em;
    margin:0;
    padding:0;
    color: rgb(128,159,61);//3,126,166
}

.uk-plot-page p{
    font-size:16px !important;
}

.uk-plot-page .clearFix{
    clear:both;
}
.uk-plot-page .smallText{
	font-size: 0.75em;
	font-family: 'Proxima Bold', sans-serif;
	}
.uk-plot-page .disclaimerText{
	font-size:small;
	font-family: 'Proxima Bold', sans-serif;
	}
.uk-plot-page .smallTextWhite{
	font-size: 0.75em;
	font-family: 'Proxima Bold', sans-serif;
	color:rgba(255,255,255,1.00);
	}
/* Tools */

.uk-plot-page form{
    padding:2em;
    background-color: rgb(238,238,238);
}
.uk-plot-page .nocolor{
	background-color:#fff, !important;
	border: 1px solid black;
	}
.uk-plot-page .greentext{
	color:rgb(102,149,45);
	font-size:small;	
	}
.uk-plot-page form p{
    margin-bottom:1.4em;
}
.uk-plot-page label, #genderGrpLabel{
    width: 14em;
    padding-right:2em;
    float: left;
    display: block;
    text-align:right;
}

.uk-plot-page .gender label{
    float:none;
    display:inline;
    width:inherit;
}

.uk-plot-page label:hover{
    cursor:pointer;
	
}

.uk-plot-page input[type="text"]{
    border:0px !important;
    font-family:'Proxima Bold', sans-serif !important;
    font-size:1em !important;
    padding:.5em !important;
    border-radius: 4px !important;
    margin-top: -.6em !important;
}

.uk-plot-page input[type="range"] {
  -webkit-appearance: none !important;
  //background-color: rgb(255,255,255);
  border-radius: 4px;
  margin: .5em auto;
  width: 20%;
  height:8px;
  transition: all 0.3s ease;
  vertical-align:top;
}
.uk-plot-page input[type="range"]:hover, input[type="radio"], input[type="checkbox"]{
  cursor:pointer;
}

.uk-plot-page input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  width: 10px;
  height: 10px;
  background-color: rgb(0,105,45);//3,126,166
  border-radius: 10px;
  box-shadow: 0px 0px 3px rgba(0,0,0,.3);
  transition: all 0.5s ease;
  vertical-align:top;
}
.uk-plot-page input[type="range"]::-webkit-slider-thumb:hover {
  background-color: rgb(0,105,45);//3,126,166
}
.uk-plot-page input[type="range"]::-webkit-slider-thumb:active {
  box-shadow: 0px 0px 1px rgb(0,105,45);;//3,126,166
}

.uk-plot-page input[type="button"]{
    font-family: "ProximaNovaExtraCondensedBold", sans-serif;
    font-size:18px!important;
    padding: .5em !important;
    color: rgb(255,255,255) !important;
    background-color: rgb(0,105,45);//3,126,166
    border:0 !important;
    text-transform: uppercase !important;
    cursor:pointer !important;
    transition: all 0.5s ease !important;

    clear:both !important;
    text-align:center !important;
    margin:3em auto 0 auto !important;
    border-radius: 4px !important;
}
.uk-plot-page input[type="submit"]:hover{
    background-color: rgb(23,59,107)
}

.uk-plot-page #panelopen{
    margin-top:3em;
    background-color:rgb(0,105,45);//3,126,166
    color:white;
    margin:0 -2em;
    width:100%;
    padding:2em;
}
.uk-plot-page #panelopen h2{
    color:white;
}

/* Plotly */

.js-plotly-plot .plotly .modebar{
    top:10px !important;
}

/* Media Queries */

@media (max-width:1023px){
    .uk-plot-page label, #genderGrpLabel{
        width: inherit;
        padding-right:2em;
        float: none;
        display: inline;
        text-align:left;
    }
}

@media (max-width:880px){
    .uk-plot-page label, #genderGrpLabel{
        display:block;
    }
   .uk-plot-page  input[type="text"]{
        margin-top:0;
    }
}

@media (max-width:500px){
    .uk-plot-page form div{
        float:none;
        width:100%;
    }
}


.uk-plot-page #panel, #flip {
    padding: 5px;
    text-align: center;
    background-color:  rgb(238,238,238);
}

.uk-plot-page #panel {
    padding: 50px;
    display: none;
}