/*******************************
CSS OF			: 	SERVICEDESK
DATE CREATED	:	23-09-2019
DATE-EDITED		:	16-01-2020
VERSION			:	10.1

COMMENTS		:	SERVICEDESK CSS 
					COLOR OF TRY NOW (Trial)
	
BASE (MOBILE) SIZE
==================
********************************/


/*VARIABLE DEFINITION START
=========================*/
:root {
   	
	
	--main-sd-color:#1cac7c;
	--main-sddark-color:#18966c; /*#224d77*/
	--main-sddarker-color:#116a4c;
	--main-sddarkest-color:#0b4532;
	--main-sdlight-color:#5f9671;
	--main-sdlighter-color:#80c197;
	--main-sdlightest-color:#c3d6b0; 
	/* --main-sdlightest-color:#b5d19f; 	 */
	/* #646f4b */
}



/*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-sdlightest-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-sddark-color); 
   text-decoration: underline;
}
.navbar a.active {
font-weight:bold;
}

.navbar a.trial{
	background:var(--main-sddarkest-color);
	/* color:var(--main-graydarker-color); 	  */
	color:#ffffff;
	margin-left:3em;
}

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

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






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

.tooltip .tooltiptext {
  background-color: var(--main-sddark-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-sd-color);
	border-right:3px solid var(--main-sd-color);
	border-left-style:outset;
	border-right-style:outset;

	 
}



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





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

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

}

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



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








/*sd COLOR FORMAT START
=====================*/


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


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


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


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


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

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

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






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

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

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


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


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

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

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

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



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

.background.b-sdgradientdark{
  background-color:  #ffffff; /*FALLBACK FOR OLD BROWSER */
  background-image: linear-gradient(90deg,var(--main-sddarkest-color),var(--main-sddarker-color),var(--main-sddark-color),var(--main-sdlight-color)); 
}









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


/*sd PRICE TAB START
=====================*/

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


.sd-price.b-lite{
background-color:var(--main-sdlightest-color); 
}

.sd-price.b-basic{
background-color:var(--main-sdlighter-color);
}

.sd-price.b-standard{
background-color:var(--main-sdlight-color);
}

.sd-price.b-professional{
background-color:var(--main-sddark-color);
}

.sd-price.b-premium{
background-color:var(--main-sddarker-color);
}

.sd-price.b-enterprise{
background-color:var(--main-sddarkest-color);
}