/*******************************
CSS OF			: 	SALESTRACKER
DATE CREATED	:	15-02-2019
DATE-EDITED		:	21-01-2020
VERSION			:	11.1	

COMMENTS		:	removed tab code
					table changes
					Price edition color
					tooltip color
					Header section
					Trial to stlight And graydarkest
	
	
BASE (MOBILE) SIZE
==================
********************************/


/*VARIABLE DEFINITION START
=========================*/
:root {
   	
	
	--main-st-color:rgb(37, 84, 132);
	--main-stdark-color:rgb(34, 77, 119); /*#224d77*/
	--main-stdarker-color:rgb(22, 51, 80);
	--main-stdarkest-color:rgb(11, 26, 40);
	--main-stlight-color:rgb(195, 217, 238);
	--main-stlighter-color:rgb(215, 230, 244);  
	--main-stlightest-color:rgb(235, 242, 249); 
		
}



/*VARIABLE DEFINITION END
=========================*/





/*HERO STYLE START
==================*/

#hero
{

	background:#ffffff;
	margin-top:4em;
	margin-bottom:2em;	
}




/*HERO STYLE END
==================*/


/*NAVBAR START
=============*/
.navbar {
  overflow: hidden;
  background:var(--main-stlightest-color);
  text-align:center;
  padding:1em 0;
  
}

.navbar a {

  display: inline-block;
  text-align: center;
  padding: 0.5em 0.8em;
  text-decoration: none;
  font-size:0.9em;
  color:var(--main-graydarker-color); 
}

.navbar a:hover {
  color:var(--main-stdark-color); 
   text-decoration: underline;
}
.navbar a.active {
font-weight:bold;
}

.navbar a.trial{
	background:var(--main-stlight-color);
	color:var(--main-graydarkest-color); 
	margin-left:3em;
}

.navbar a.trial.active{
	background:var(--main-stlightest-color);
	color:var(--main-graydarker-color); 
	margin-left:3em;
}

/*NAVBAR END
=============*/






/*TOOLTIP STYLE START
====================*/

.tooltip .tooltiptext {
  background-color: var(--main-stdark-color);
  color: #fff;  
}

/*TOOLTIP STYLE END
====================*/



/*TABLE START
=============*/

  table th
  {
	 
	  font-size:1em;

	 
  }

th, td {
/*    border-bottom: 1px solid #ddd; */
   border-left: 1px solid var(--main-graylighter-color);

}


  th:first-child, td:first-child {

  	 border-left: 1px solid var(--main-graylighter-color);

		  
	}

table tr:hover {background-color:var(--main-graylightest-color);}

td.bestseller
{
	
	border-left:3px solid var(--main-st-color);
	border-right:3px solid var(--main-st-color);
	border-left-style:outset;
	border-right-style:outset;

	 
}



/*TABLE END
===========*/





/*BUTTON STYLE START
===================*/

a.buttonlink{ 
	background:var(--main-stdarker-color); 
	color:#fff;	

}

a.outlinebutton {
  border: 2px solid var(--main-stdarker-color); 
  color: var(--main-stdarker-color); 
}



/*BUTTON STYLE END
==================*/








/*ST COLOR FORMAT START
=====================*/


/* TEXT COLOR
===========*/
.text-color.t-st
{
	color:var(--main-st-color);
}


.text-color.t-stdarkest
{
	color:var(--main-stdarkest-color);
}


.text-color.t-stdarker
{
	color:var(--main-stdarker-color);
}


.text-color.t-stdark
{
	color:var(--main-stdark-color);
}


.text-color.t-stlight
{
	color:var(--main-stlight-color);
}

.text-color.t-stlighter
{
	color:var(--main-stlighter-color);
}

.text-color.t-stlightest
{
	color:var(--main-stlightest-color);
}






/* BACKGROUND
==============*/

.background.b-st
{
	background:var(--main-st-color);
}

.background.b-stdarkest
{
	background:var(--main-stdarkest-color);
}


.background.b-stdarker
{
	background:var(--main-stdarker-color);
}


.background.b-stdark
{
	background:var(--main-stdark-color);
}

.background.b-stlight
{
	background:var(--main-stlight-color);
}

.background.b-stlighter
{
	background:var(--main-stlighter-color);
}

.background.b-stlightest
{
	background:var(--main-stlightest-color);
}



.background.b-stgradientlight{
  background-color:  #ffffff; /*FALLBACK FOR OLD BROWSER */
  background-image: linear-gradient(-90deg,white,var(--main-stlightest-color)); 
}

.background.b-stgradientdark{
  background-color:  #ffffff; /*FALLBACK FOR OLD BROWSER */
  background-image: linear-gradient(90deg,var(--main-stdarkest-color),var(--main-stdarker-color),var(--main-stdark-color),var(--main-stlight-color)); 
}









/*******END OF SECTION TO BE DELETED LATER**********/


/*ST PRICE TAB START
=====================*/

div[class*="st-price"] {
background-color: var(--main-stlightest-color);
} 


.st-price.b-lite{
background-color:rgb(116, 166, 216); 
}

.st-price.b-basic{
background-color:rgb(76, 140, 205);
}

.st-price.b-standard{
background-color:rgb(50, 115, 179);
}

.st-price.b-professional{
background-color:rgb(39, 89, 139);
}

.st-price.b-premium{
background-color:rgb(28, 64, 99);
}

.st-price.b-enterprise{
background-color:rgb(17, 38, 60);
}