/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


h1, h2, h3, h4, h5, h6 {margin: 30px 0 10px 0;}

pre {
	background-color: #f8f8f8; 
	padding: 10px; 
	border-radius: 6px; 
	margin: 10px 0; 
	color: #004d8e;
	white-space: pre-wrap;
	word-wrap: break-word;
	text-align: justify;
}

.fancy-title.title-border h3 {margin-top: 0px;}

.xqual-trial-button {
	background-color: #30a446 !important; 
	color: #ffffff !important;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	-webkit-backface-visibility: hidden;
}
.xqual-trial-button:hover {
	background-color: #282828 !important;
}

/* spaces between screenshots on the gallery images */
.masonry-thumbs .grid-item {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-top: 0;
}

/* screenshots borders on the gallery images */
.masonry-thumbs .grid-item > img {
	border: 1px solid #dddddd;
	border-radius: 3px;
}

.table_data					{border-collapse : separate; border-spacing : 2px; width : 100%; vertical-align : top;}
.table_data_header			{font-weight : 500; border-spacing : 2px; letter-spacing: 1px; margin : 0; padding : 5px; background-color : #30a446; color : #FFF;}
.table_data_header_mini		{font-weight : 500; border-spacing : 2px; letter-spacing: 0px; margin : 0; padding : 5px; background-color : #30a446; color : #FFF;}
.table_data_subheader		{font-weight : 500; border-spacing : 2px; letter-spacing: 1px; margin : 0; padding : 5px; background-color : #51cd68; color : #FFF;}
.table_data_subsubheader	{font-weight : 500; border-spacing : 2px; letter-spacing: 1px; margin : 0; padding : 5px; background-color : #eeeeee; color : #555555;}
.table_data_content			{font-weight : 400; border-spacing : 2px; letter-spacing: 0px; margin : 0; padding : 5px; background-color : #f8f8f8; vertical-align : top;}
.table_data_content_middle  {font-weight : 400; border-spacing : 2px; letter-spacing: 0px; margin : 0; padding : 5px; background-color : #f8f8f8; vertical-align : middle; text-align : center;}
.table_data_nocontent		{border-spacing : 2px; margin : 0; padding : 4px; color : #000000; vertical-align : top; background-image : url("../resources/images/no_content.png");}

.api_method {font-size : 14pt; font-weight : 700; color : #30a446; background-repeat : no-repeat; }
.api_param {font-size : 10pt; font-weight : 400; color : #00ff00; background-repeat : no-repeat; }

A:link, A:visited, A:active  {bold; text-decoration : none; background-color : transparent; color : #30a446; }
A:hover                      {bold; text-decoration : none; background-color : transparent; color : #ff7f00; }

A.implemented:link, A.implemented:visited, A.implemented:active, A.implemented:hover, .implemented {}
A.deprecated:link, A.deprecated:visited, A.deprecated:active, A.deprecated:hover, .deprecated     {text-decoration: line-through !important;}

A.not_implemented:link, A.not_implemented:visited, A.not_implemented:active, .not_implemented   {color : #CC5555;}
A.not_implemented:hover     {color : #ff7f00;}




/* to compensate the new background color on menu-item */
.sub-menu-container.mega-menu-column {padding-top: 0px !important; padding-bottom: 20px !important;}

/* main menu selected and hover in orange */
.menu-item.current > .menu-link,
.dark .menu-item.current > .menu-link {color : #ff7f00;}

.menu-item > .menu-link:hover,
.dark .menu-item > .menu-link:hover {color : #ff7f00;}

/* megamenu submenu better highlight of the sections (underlined) */
.mega-menu-style-2 .mega-menu-title > .menu-link,
.dark .mega-menu-style-2 .mega-menu-title > .menu-link {font-size: 1.0rem !important; margin-top: 18px !important; margin-bottom: 0 !important; padding: 10px !important;}

.mega-menu-style-2 .sub-menu {background-color: #fbfbfb !important; border-radius: 10px !important;}
.dark .mega-menu-style-2 .sub-menu {background-color: #343434 !important; border-radius: 10px !important;}

/*
.mega-menu-style-2 .sub-menu.doc-install,
.dark .mega-menu-style-2 .sub-menu.doc-install {background-color: #f9fff9 !important;}

.mega-menu-style-2 .sub-menu.doc-user-guide,
.dark .mega-menu-style-2 .sub-menu.doc-user-guide {background-color: #f9f9ff !important;}

.menu-link {line-height: 22px !important;}
*/

.menu-icon {font-size : 14pt !important;}




UL 			{padding-left : 15px;}
UL.ul_h1	{font-weight : normal; font-size : 14pt; padding-top : 4px;}
UL.ul_h2	{font-weight : normal; font-size : 13pt; padding-top : 0px;}
UL.ul_h3	{font-weight : normal; font-size : 12pt;  padding-top : 0px;}
UL.ul_h4	{font-style  : normal; font-size : 11pt;  padding-top : 0px;}
UL.ul_hx	{font-style  : italic; font-size : 11pt;  padding-top : 0px;}

.stretched #gotoTop { bottom: 78px; }

.anchor_section {scroll-margin-top: 70px;}

.section-no-margin {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 60px 0;
	background-color: #F9F9F9; /* light grey */
	overflow: hidden;
}

.section-no-margin2 {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 60px 0;
	background-color:#EFEFEF; /* dark grey */
	overflow: hidden;
}

.section-no-margin3 {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 60px 0;
	background-color:#f5faff; /* light blue */
	overflow: hidden;
}

.bg_black		{background-color: #111111;}
.fg_white		{color: #cccccc !important;}
.fg_green		{color: #30a446 !important;}
.fg-dark-grey	{color: #777777 !important;}
.fg_orange		{color: #ff7f00 !important;}
.fg_blue		{color: #cde7ff !important;}
.fg_red			{color: #ff0000 !important;}

.img_80_pc {max-width: 80%;}
.img_70_pc {max-width: 70%;}
.img_60_pc {max-width: 60%;}

.parallax1 {
  /* The image used */
  background-image: url("../resources/images/homepage/hero.jpg");

  /* Set a specific height */
  min-height: 300px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax2 {
  /* The image used */
  background-image: url("../resources/images/homepage/parallax-2.png");

  /* Set a specific height */
  min-height: 300px;


  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax3 {
  /* The image used */
  background-image: url("../resources/images/homepage/rocks.jpg");

  /* Set a specific height */
  min-height: 300px;
  
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax4 {
  /* The image used */
  background-image: url("../resources/images/homepage/289741463.jpg");

  /* Set a specific height */
  min-height: 410px;
  
  /* Create the parallax scrolling effect */
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  
  border-radius: 6px;
}


.team {
  /* The image used */
  background-image: url("../resources/images/homepage/shutterstock_1316614403.jpg");

  /* Set a specific height */
  min-height: 300px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.social-icon.si-large {
    margin: 0 26px 10px 26px !important;
}

.quotes {
  /* The image used */
  background-image: url("../resources/images/homepage/me-parallax.jpg");
  padding: 70px 0;
  margin-bottom: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius:8px;
}

.testimonial.xqual-quotes			{height: 250px; padding: 10px;}
.testimonial.xqual-team				{height: 150px; padding-bottom: 0px;}
.xqual-quotes .testi-image img		{border-radius: 50%; border: 1px solid rgba(0,0,0,0.1); background-color: #F9F9F9; font-size: 15px; font-weight: 700; color: #C0BBEE; line-height: 64px; vertical-align: middle;} /* customer with no icon */
.xqual-quotes-no-img				{font-size: 15px; font-weight: 700; color: #C0BBEE; line-height: 64px; vertical-align: middle;} /* customer with no icon */

.rev_slider > ul > li.to-make-darker > .slotholder:after {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
	z-index: 99;
    background: rgba(0, 0, 0, 0.1);
}

/* counters and pie-charts */
.counter + h5,
.rounded-skill + h5 {
	font-size: 13px !important;
	font-weight: 500 !important;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.logo-customer {position: static; margin: 30px; filter: grayscale(100%) opacity(87%); border: 0px; font-size: 32px;}
.product {font-weight: 700;}

 
.feature-box .iconlist > li > i {color : #30a446;}
.logo {filter: grayscale(100%) opacity(70%);}
.logo > img {margin-left: 10px; border: 0px;}

.fbox-light .fbox-icon i,
.fbox-light .fbox-icon img {
	border: 1px solid #e9e9e9;
	background-color: #eeeeee;
}

.framed             {background-color : #e3f7e7;     padding : 8px; border: 1px solid #e0f4e4; margin: 10px 0; border-radius: 6px;}
.traces             {background-color : #eeeeee;     padding : 8px; border: 1px solid #dddddd; margin: 10px 0; border-radius: 6px; color: #888888; align : left}
.important          {background-color : #cde7ff;     padding : 8px; border: 1px solid #cbe4fc; margin: 10px 0; border-radius: 6px;}
.conclusion         {background-color : #f8f8f8;     padding : 8px; border: 1px solid #f0f0f0; margin: 10px 0; border-radius: 6px;}

.header_partners			{height: 80px; vertical-align : middle; text-align : center;}
.header_partners > a		{line-height: 80px;}
.header_partners > a > img	{max-height: 80px;}

.center_align {vertical-align : middle; text-align : center;}

.xqual-pricing-price {
	position: relative;
	padding: 10px 0;
	color: #333;
	font-size: 3rem;
	line-height: 0.6;
}

.xqual-pricing-price .xqual-price-unit {
	display: inline-block;
	vertical-align: top;
	margin: 7px 3px 0 0;
	font-size: 22px;
	font-weight: normal;
}

.xqual-pricing-price .xqual-price-tenure {
	vertical-align: baseline;
	font-size: 1rem;
	font-weight: normal;
	letter-spacing: 1px;
	color: #999;
	margin: 0 0 0 3px;
}



/* classes from old version of xqual.com*/
P.doc_option_header { margin: 1.5em 0 0.5em; font-weight: 700}
div.card-header > H5 { margin: 0; font-size: 14px;}


/* white-papers */
.wp-keywords {background-color : #cde7ff;     padding : 8px; border: 1px solid #cbe4fc; margin: 10px 0; border-radius: 6px; vertical-align : middle; text-align : center;}
.wp-abstract {}
.wp-summary {}
.wp-intro {}
.wp-section-head {font-size: 28px; color: #30a446; border-bottom: 2px solid #30a446; width: 100%; display: block; margin: 45px 0 10px 0;}
.wp-section-intro {color: #30a446; font-weight: bold;}
.wp-ref-index {background-color: #97c1e5; color: #ffffff; border-radius: 9px; width: 18px; font-size: 13px; font-weight: normal; font-style: normal;}
.wp-ref-list {background-color : #cde7ff; padding : 8px; border: 1px solid #cbe4fc; margin: 10px 0; border-radius: 6px;}
.wp-fig-index {background-color: #aaaaaa; color: #ffffff; border-radius: 9px; width: 18px; font-size: 13px; font-weight: normal; font-style: normal;}
.wp-fig-list {background-color : #cde7ff; padding : 8px; border: 1px solid #cbe4fc; margin: 10px 0; border-radius: 6px;}
.wp-fig-label {color: #97c1e5; font-size: 13px; font-style  : italic;}
.wp-conclusion {font-size: 13px; font-weight: bold;}
.wp-icon-color {color: #68A5CC;}

.box{
  box-sizing: border-box;
  border: 3px solid transparent;
  background-clip:padding-box;
}


/* images in articles */
.illustration_xl  {width: 100%; max-width: 840px;}
.illustration_l   {width: 100%; max-width: 760px;}
.illustration     {width: 100%; max-width: 680px;}
.illustration_s   {width: 100%; max-width: 600px;}
.illustration_xs  {width: 100%; max-width: 520px;}
.illustration_2xs {width: 100%; max-width: 440px;}
.illustration_3xs {width: 100%; max-width: 360px;}
.illustration_4xs {width: 100%; max-width: 280px;}

.code_text {font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;}


/*exclusively for videos opened from a boutton*/
#fade {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.8;
  opacity: .80;
  filter: alpha(opacity=80);
}

#light {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 600px;
  max-height: 360px;
  margin-left: -300px;
  margin-top: -180px;
  border: 2px solid #FFF;
  background: #FFF;
  z-index: 1002;
  overflow: visible;
}

#boxclose {
  float: right;
  cursor: pointer;
  color: #fff;
  border: 1px solid #AEAEAE;
  border-radius: 3px;
  background: #222222;
  font-size: 31px;
  font-weight: bold;
  display: inline-block;
  line-height: 0px;
  padding: 11px 3px;
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 1002;
  opacity: 0.9;
}

.boxclose:before {
  content: "×";
}

#fade:hover ~ #boxclose {
  display:none;
}