/**

	This CSS file is included only in Graze and is supposed to contain Graze specific theme overrides.
	For color corrections use RED.CSS.

*/

/* START: Amchart graphics*/


/* END: Amchart*/

.forgotten-pass-submit {
	color: white; 
	margin-top: 20px; 
	float: left;
}

.header .logo {
	margin-top: 12px;
}

.mobile-nav *::-webkit-scrollbar-track {
	background-color: #B93F2F;
	border-left: 1px solid #9C3628;
}

.mobile-nav *::-webkit-scrollbar-thumb {
	background-color: #9C3628;
}

.mobile-nav *::-webkit-scrollbar-thumb:hover {
	background-color: #77261F;
}

.renew-new-items-count-container::after {
	border-right: 5px solid #d14836;
}

.about-img {
	padding-left: 100px;
}

.footer-pdf {
	padding-top: 0px;
}

.pdf-container {
	height: 100vh;
}

.aboutPics {
	max-width: 100%;
}

.opinion-board-periods {
	text-transform: none;
	padding-top: 50px;
	margin-right: auto;
    margin-left: auto;
	width: 60%;
	font-size: 16px;
}

.body-wrapper a.opinion-board-selected-period {
	color: #d14836;
}

/* START PAGE STYLING CHANGES */
#graze-start-page-body-wrapper {
	padding-top: 0;
}

form.login-form .forget a {
	color: black !important;
}

.register-form p.error, .login-form p.error {
	background-color: #d14836;
	margin-bottom: 0;
	margin-top: 20px;
}

.register-form p.error, .login-form p.error {
	background-color: #d14836;
	margin-bottom: 0;
	margin-top: 20px;
}

.forgotten-password-form p.error {
	background-color: #d14836;
	margin-bottom: 0;
	margin-top: 20px;
}

.register-form p.info, .login-form p.info{
	color: red;
	margin-bottom: 0;
	margin-top: 20px;
}


.register-form p.error .label {
	color: white !important;
}

a.list-group-item.active {
	color: #d14836 !important;
}

.blog-post .blog-post-details-domains a:after {
	content: " \BB ";
}

.btn-delete {
	float: left !important;
	margin-left: -20px !important;
}

.h4-body-title {
	font-size: 16px;
	color: #4b4b4b !important;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0px 0 20px 0px;
	line-height: 18px;
}

.public-resources-section-par {
	font-size: 16px;
}

@media ( min-width : 768px) {
	.catalogue-title-collapsed {
		padding-left: 27px !important;
		padding-right: 45px !important;
	}
	.catalogue-accord-icon {
		right: 20px !important;
	}

	.xs-profile-item {
		margin-left: 15px;
	}

	.mod-accord-icon {
		top: 7px !important;
	}
}

.right-title .h2-section-title {
	text-align: right;
}

.left-title .h2-section-title {
	text-align: left;
}

.plupload_filelist_footer {
	background: #F7F7F7;
	color: #000;
}

.plupload_file_status span {
	color: #000;
}

.alert-info {
	background: #D14836;
	color: #FFFFFF;
}

#uploaded-files {
	background-color: #FFFFFF;
}

.plupload_scroll .plupload_filelist {
	background: #FFFFFF;
}

li.plupload_done {
	color: #4B4B4B;
}

.well {
	background-color: #FFFFFF;
}

#uploaded-files .file-row.ready {
  background-color: rgba(75, 180, 75, 0.8);
}

.grz-front-page-title
{
	margin-left: 25% !important;
	text-align:left;
}

.grz-front-page-list
{
	list-style-type: none;
	color: white;
	font-size: 15px;
	padding-left: 0;
	text-align: left;
	margin-left: 25%;
}

.grz-front-page-list li
{
	margin-bottom: 15px;
}

.content-bullet-container
{
	height: 280px;
}

.price-table .content-bullet-container .price-table-row
{
	padding: 15px 20px;
}

.account-chooser
{
	margin-bottom: 80px;
	margin-top: 80px;
}

.use-case-container .single-process:after
{
	display: none;
}

.use-case-container .single-process
{
	cursor: pointer;
}

.case-studies-title::before,
.case-studies-title::after
{
	display: none !important;
}

.all-case-studies .section-content:nth-child(even) .case-study-text
{
	float: right;
}
.graze-tour-background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1098;
  background-color: #000;
  opacity: 0;
}

.graze-tour-background-black {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1099;
  background-color: #000;
  opacity: 0.3;
}

.graze-tour-background-black-central {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1099;
  background-color: #000;
  opacity: 0.3;
}

.popover-navigation{ display: inline-block; }

.tour-border {
	position: absolute;
	z-index: 2;
	overflow: hidden;
}

.tour-border-radius {
	border-color: rgba(0,0,0,0.3);
    border-style: solid;
}

.use-case-container i
{
	color: #d14836;
}

#profilePresetFilter
{
	width: 25%;
	position: fixed;
	z-index: 1001;
}

@media(max-width: 992px) {
	#profilePresetFilter
	{
		width: 100%;
	}
}

#profilePresetFilter .bootstrap-tagsinput
{
	box-shadow: 1px 1px 1px 0px;
	padding: 1px 2px;
	margin-left: 2px;
}


#profilePresetFilter .bootstrap-tagsinput input[type="text"]
{
	padding: 2px 9px;
    margin-top: -10px;
    width: 100% !important;
}

#profilePresetFilter .bootstrap-tagsinput .tag
{
	padding: 2px 6px;
	font-size: 13px;
}

.preset-filter-separator
{
	color: white;
	margin-left: 20px;
	margin-right: 20px;
}


.preset-filter-btn
{
	color: white;
}

.preset-filter-btn-gray
{
	color: #ccc;
}

#header .row-toggle .current-item-cont
{
	color: white;
}

#header .row-toggle:hover .preset-filter-btn-gray {
	color: black;
	text-decoration: none;
}

#header .row-toggle .preset-filter-btn-gray {
	color: #ccc;
	text-decoration: none;
}

.preset-filter-btn-gray:hover
{
	text-decoration: none;
}

#header .row-toggle .current-item-cont
{
	color: white;
}

#header .row-toggle:hover .preset-filter-separator,
#header .row-toggle:hover .preset-filter-btn,
#header .row-toggle:hover .preset-filter-icon,
#header .row-toggle:hover .preset-filter-chevron
{
	color: #d14836;
	text-decoration: none;
}
#header .row-toggle .preset-filter-separator,
#header .row-toggle .preset-filter-btn,
#header .row-toggle .preset-filter-icon,
#header .row-toggle .preset-filter-chevron
{
	color: white;
	text-decoration: none;
}

.preset-filter-btn:hover
{
	text-decoration: none;
}

svg:not(:root) {
  overflow: visible;
}

/* START: How it works -> hiw */
.hiw-title {
	margin-bottom: 45px;
}

/* background-image and padding-top are set as element style. */
.hiw-image {
	width: 100%;
	min-height: 200px;
	background: no-repeat center center;
	background-size: auto 100%;
}

.hiw-bordered {
	border-top: 1px solid #dba29b;
	border-bottom: 1px solid #dba29b;
}

/* S = |top| + margin-bottom -> S should be same for all popups. */
.hiw-popup {
	position: relative;
	top: -60px;
	margin: auto auto 10px;
	padding: 15px;
	width: 684px;
	background-color: white;
	border: 2px solid #d2483e;
	box-shadow: 4px 4px 4px #cecfca;
}

/* First popup */
.hiw-popup:nth-child(2) {
	top: -20px;
	margin-bottom: 50px;
}

@media (max-width: 1400px) {
	.hiw-title {
		margin-bottom: 25px;
	}

	.hiw-popup {
		top: -30px;
		margin-bottom: 20px;
	}

	.hiw-popup:nth-child(2) {
		top: 0;
		margin-bottom: 50px;
	}
}

@media (max-width: 780px) {
	.hiw-popup {
		top: -10px;
		margin-bottom: 40px;
		width: 90%;
	}
}

.hiw-popup-arrow-container {
	position: relative;
	top: -24px;
	margin: auto;
	width: 0;
	height: 0;
}

/* left = sqrt(height^2 + width^2) / 2 */
.hiw-popup-arrow {
	position: absolute;
	left: -10px;
	height: 15px;
	width: 15px;
	background-color: white;
	border-top: 2px solid #d2483e;
	border-left: 2px solid #d2483e;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.hiw-popup table td:first-child {
	text-transform: uppercase;
	color: #D14836;
	font-weight: bold;
	font-size: 14px;
	padding-right: 5px;
}

.hiw-popup table tr td {
	padding-top: 0;
	padding-bottom: 15px;
}

.hiw-popup table tr:last-child td {
	padding-bottom: 0;
}

.hiw-popup ul {
	margin-bottom: 0;
	padding-left: 20px;
	color: #D14836;
	/*font-weight: bold;*/
	font-size: 1.1em;
}

.hiw-popup ul li {
	margin-bottom: 5px;
}

.hiw-popup ul li:last-child {
	margin-bottom: 0;
}
/* END: How it works -> hiw */

.navigation-row{ overflow:hidden; -webkit-transform: translateZ(0); margin-top: 15px; }
.nav-carousel .nav-carousel-item{ float: none; }
.nav-carousel .section-column{float: left; min-width: 50%;  /* comment if you want multiple columns */}
.navigation-section{ float: left;}
.navigation-section.column-size-3{width: 33%;}
.navigation-section.column-size-4{width: 25%;}
.navigation-section.column-size-5{width: 20%;}
.navigation-section.column-size-2{width: 50%;}
.navigation-section.column-size-1{width: 100%;}
	.navigation-section.column-size-1 .nav-carousel .section-column{min-width: 20%;}
	.navigation-section .nav-carousel{ overflow: auto; /*display: inline-block;*/ }
	.navigation-section .column-end + .nav-carousel-item { clear: both; }
	.navigation-section .heading-row{ padding: 0px 10px 10px 0; margin-left: 0; font-size: 1.2em; padding-bottom: 0; }
	.navigation-section .nav-carousel{ padding-bottom: 10px; }
		.navigation-section .nav-carousel .nav-carousel-item{ text-align:left !important; font-size: 0.95em; border-bottom: 0.5px solid #D96355; }
		.navigation-section .nav-carousel .nav-carousel-item:last-child{/*border-bottom:0;*/}
			.navigation-section .nav-carousel .nav-carousel-item a{ margin-bottom: 5px; margin-left: 0; padding-left: 0; }
	.navigation-section .nav-container{ /*display: inline-block; float: left;*/ padding-right: 20px; padding-left: 20px; }
	.navigation-section + .navigation-section .nav-container { /*display: inline-block; float: right; padding-left: 20px;*/ }
	#header .row-toggle-content .navigation-section .btn{white-space: normal; text-align: left;}
	#header .row-toggle-content .navigation-section .btn.btn-default { font-weight: normal; }
		#header .row-toggle-content .navigation-section .btn.btn-default:before { content: "\3E"; }
	.navigation-section:last-child[left-offset="1"]{ position:relative; left: 16%; }
	label.nav-heading {	color: #FFC796; font-weight: bold; font-size: 18px; }
	.nav-heading a{ color: #FFC796; text-decoration: none; font-weight: bold; font-size: 18px;}
	#header .row-toggle .row-toggle-content .heading-row
	{
		border-bottom: 3px solid #FFC796;
		width: 100%;
		margin-bottom: 10px;
	}
	
.dropdown-menu>.active>a {
	background-color: #d14836!important;
}

.tt-menu .tt-dataset .tt-suggestion.tt-cursor
{
	background-color: #d14836!important;
} 

.light-accordion .title.collapsed .status > i.halfchecked, 
.light-accordion .title.collapsed .status > i.checked,
.light-accordion .title.collapsed .status > i.unchecked,
.light-accordion .title.collapsed .status > i {
    color: #d14836;
}

.highlight-lbl {
	 border-radius:0em !important;
	 margin-right: 5px;
}
 

/* BEGIN: AOP TABLE */

.aop_table {
	display: inline-table;
}

.aop_table tr {
	border-bottom: 1px solid #ddd;
}

/*.aop_table tr:first-child {
	border-top: 1px solid #ddd;
}
*/
.aop_table tr:last-child {
	border-bottom: 0;
}

.aop_table td {
	vertical-align: top;
	padding: 10px;
}

.aop_table tr td:first-child {
	color: #d14836;
	border-right: 1px solid #ddd;
}

/* END: AOP TABLE*/

/* START FEKRA MERGE */

/* Added because the background is white unlike the fekra theme */

#header:after {
	opacity: 0.65 !important;
	background: #6E6E6E;
}

#header.fixed-position:after {
	opacity: 1 !important;
}

header.page-banner .stretch.graze-stretch {
	/* background: #d14836; */
}

header.page-banner .stretch.graze-stretch:before {
	background: rgba(0, 0, 0, 0.2);
}

.blog-post-body a {
	color: rgb(102, 102, 102);
}

.blog-post-body a:hover {
	text-decoration: none;
	color: rgb(102, 102, 102);
}

#header.transparent:after {
	background: transparent;
	border-bottom: 1px solid white;
}

.page-banner.small.img-background {
	background: black;
    background-image: url(../images/graze-header.jpg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.page-banner.small.img-background .container-max, .page-banner.small.img-background .container {
	padding-top: 157px;
    padding-bottom: 94px;
}

.page-banner.small.img-background .breadcrumbs li.alink {
	color: white;
}
/* END FEKRA MERGE */