/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

//ADVANCED ADS
.ewrit{color:#fff !important;font-size:2em;}
div[class^="ewrit"]{color:#fff !important;}

textarea{border:1px solid #000;}

#inspired{
	margin-top:1em;
	padding:0.5em;
	font-size:0.8em;
	background-color:#333;
	color:#fff;
	border:2px dotted #fff;
	text-align:center;
}
#inspired a{
	color:lightblue;
	text-transform:uppercase;
}

#inspired ul{
	list-style-type:none;
}

#productname a{text-decoration:none;color:#FFDB58;}

#griddiv{
	margin-left:500px;
}

.gridview{
	width:45%;
}
.proscons{
	font-family:sans serif;
	font-weight:bold;
}
@media only screen and (max-width: 600px) {
	.proscons{
	font-size:0.7em !important;
  }
	.gridview{
		width:100%;
	}
}
.pros{
	color:darkgreen;
}
.cons{
	color:darkred;
}

#submitbuttons{position:sticky;top:0;background-color:#000;z-index:10;padding-top:10px;}

#searchfilters{
		margin-bottom:1em;
}
#searchfiltersbutton{
		background-color:#4169e1;
	color:#fff;
	padding:1em;
	border-radius:20px;
}
#clearfiltersbutton{
		background-color:#555;
	color:#000;
	padding:1em;
	border-radius:20px;

}
#searchfilters a{
color:#fff;
	text-decoration:none;
}


.whitehoverlink:hover{color:#fff;font-size:1.2em;text-decoration:none;}
.whitehoverlink{text-decoration:none;}

#slider-range{background:#ccc;margin-left:0.4em;}
div[id^="slider-range-"]{background:#ccc;margin-left:0.4em;}
.ui-slider{background:#000;color:#000;}
.ui-slider-range{background:#4863A0 !important;}
.ui-slider-handle{background:#4863A0 !important;cursor:grabbing !important;}

/****COMPARISON MATRIX****/

#overlay{   
    background: #000;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: -1000px;
    left: 0px;
	z-index:-1;
	opacity:0.75;
}

#leftscrollbutton{
	float:left;
	background-color:#313030;
	padding:0.5em;
	margin:0;
	padding-right:1em;
	font-weight:bold;
	width:50%;
}

#rightscrollbutton{
	float:right;
	background-color:#313030;
	padding:0.5em;
	margin:0;
	padding-left:1em;
	font-weight:bold;
	width:50%;
}

.vsm_description{
	margin-bottom:0.4em;
	border-bottom:1px dashed #ccc;
}

#searchfiltersbutton{
	color:#313030;
}

#clearfiltersbutton{
	margin-left:1em;color:#313030;
}

#vsmatrix_table_container{
	width: 100%;
	overflow:scroll;
	overflow-x:scroll;	
	text-align:center;
	background-color:#313030;
	border-left:2px solid #313030;
}

#vsmatrix_table{
	display:table;
	table-layout:fixed;
	width:100%; 
	scroll-behavior: smooth;
	scroll-snap-align: left;
    overflow-x: auto;
	display: inline-block;
	border: 1px solid #000;	
	}

#vsmatrix_table .firstcolumn{
	position:sticky;
	left: 0;
	z-index: 2;
	font-weight:bold;
	color:#eee;
	background-color:#313030;
	text-align:right !important;
	font-size:0.8em;
	border-bottom:1px solid #fff;
	border-left:#000;
	min-width:0;
	}

#vsmatrix_table .firstrow{
	font-weight:bold;
	color:#eee;
	background-color:#313030;
	text-align:center;
	border-left:1px solid #fff;
	}

tbody tr:nth-child(even){
  background-color: #F0F8FF ;
  color: #000;;
}

tbody tr:nth-child(odd){
  background-color: #fff ;
  color: #000;;
}

#vsmatrix_table td, #vsmatrix_table th{
	text-align:center;
	min-width:202px;
	font-size:0.9em;
}
#vsmatrix_table th{
		text-transform:uppercase;

}
#vsmatrix_table .anycell{
	text-align:center;
	font-size:0.8em;
}

#vsmatrix_table .boldtext{
	font-weight:bold;
	font-size:1.3em;
	text-transform:uppercase;
}
#vsmatrix_table .boldtext a{
		font-weight:bold;
	font-size:1.3em;
	text-transform:uppercase;
	color:#2828B3;
}
/****END COMPARISON MATRIX****/

/****SIDEBAR****/

#vsm_search {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 0px;
  margin-top:2em;
  padding-bottom:5em;
  color:#fff;
}

#vsm_search a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  color: #818181;
  display: inline-block;
  transition: 0.3s;
}

#vsm_search a:hover {
  color: #f1f1f1;
}

#vsm_search .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

#vsmfilterform{
	padding-left:1em;
}

@media screen and (max-height: 450px) {
  #vsm_search {padding-top: 15px;}
  #vsm_search a {font-size: 18px;}
}

#vsmatrix_matrix {
  transition: margin-left .5s;
  padding: 0;
}
/****END SIDEBAR****/

.vsmbackend td, .vsmbackend tr, .vsmbackend th{
 border:1px solid black;
 border-collapse: collapse;
 cursor:grab;
}
.vsmbackend{
 border-collapse: collapse;
 -webkit-user-select: none; /* Safari */
 -ms-user-select: none; /* IE 10+ and Edge */
 user-select: none; /* Standard syntax */
 margin:0 auto;
}
.vsmbackend th{
	background-color:#000;color:#fff;text-align:left;
	
}

/* block the table height and display the scrollbar */

fieldset{padding-bottom:1em;margin-bottom:1em;border-bottom:1px solid gray;}
h6{font-size:1.2em;font-weight:bold;}
/****GENERAL SETTINGS****/
.inside-article{
	min-height:800px;
}
a{color:#313030;}
a:hover{color:navy;}
input{border:1px solid #000 !important;}
h2{color:#fff;background-color:#000;padding:0.5em;font-weight:bold;}
h3{font-size:1.2em;}
.operationsuccessful{font-size:1.3em;font-weight:bold;color:darkgreen !important;}
#projectname{display:inline-block;font-size:1.3em;}
#menulinks{display:inline-block;margin-left:2em;}
#menulinks a{text-decoration:none;}
#backendheader{}
/****END OF GENERAL SETTINGS****/

table,td,th{
			border: 1px solid #d3d3d3;

}





/****PLINKS****/
#plinks a{
	color:#000;
}

#plinks{padding-left:1em;}
/****END PLINKS****/

/****BREADCRUMBS****/
#breadcrumbs{
	font-size:0.7em;
	padding:0.2em;
	padding-left:2em;
	background-color:#000;
	color:#fff;
}

#breadcrumbs a{
	color:#fff;
}
/***END PLINKS****/

/****RATINGS****/
.flex-wrapper {
  display: flex;
  flex-flow: row nowrap;
}

.single-chart {
  width: 100%;
  justify-content: space-around ;
}

.circular-chart {
  display: block;
  margin: 10px auto;
  max-width: 80%;
  max-height: 250px;
}

.circle-bg {
  fill: none;
  stroke: #eee;
  stroke-width: 3.8;
}

.circle {
  fill: none;
  stroke-width: 2.8;
  stroke-linecap: round;
  animation: progress 1s ease-out forwards;
}

@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}

.circular-chart.orange .circle {
  stroke: #ff9f00;
}

.circular-chart.green .circle {
  stroke: #4CC790;
}

.circular-chart.blue .circle {
  stroke: #3c9ee5;
}

.circular-chart.red .circle {
  stroke: red;
}

.percentage {
  fill: #666;
  font-family: sans-serif;
  font-size: 0.5em;
  text-anchor: middle;
	font-weight:bold;
}

.single-chart {
    width: 100%;
    justify-content: space-around;
}
/****END RATINGS****/

/****TOOLTIPS****/
.tooltip {
  position: relative;
  display: inline-block;
  //border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
  cursor:help;
  z-index:3;
	padding-left:5px;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  z-index:3;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  margin-left:10px;
  z-index: 3;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}
/****END TOOLTPS****/

/****CTA BUTTONS****/
.ctabutton{
	background:    #3372eb;
	border:        1px solid #556699;
	border-radius: 11px;
	padding:       0.5em 0.5em;
	color:         #ffffff;
	display:       inline-block;
	font:          normal bold 1.3em "Open Sans", sans-serif;
	text-align:    center;	
}
/****END CTA BUTTONS****/

/****HOMEPAGE BUTTONS****/
.bn3637 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.7rem 2rem;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 40px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  backface-visibility: hidden;
  border: 0.1rem solid transparent;
  border-radius: 3rem;
	background-color:#000;
	margin:1em;
}

.bn36 {
  border-color: #fff;
  transition: transform 0.2s cubic-bezier(0.235, 0, 0.05, 0.95);
	color:#fff;
}

.bn3637 a{
	color:#fff;
	text-decoration:none;
}

.bn36:hover {
  transform: perspective(1px) scale3d(1.044, 1.044, 1) translateZ(0) !important;
	color:#fff;
}
/****END OF HOMEPAGE BUTTONS****/