/********************************* IMPORT FONTS ***************************/
@font-face {
  font-family: 'JohnstonITCStd-Light';
  src: url('./../fonts/JohnstonITCStd-Light.eot?#iefix') format('embedded-opentype'),
	url('./../fonts/JohnstonITCStd-Light.woff') format('woff'),
	url('./../fonts/JohnstonITCStd-Light.ttf')  format('truetype'),
	url('./../fonts/JohnstonITCStd-Light.svg#JohnstonITCStd-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Inter-VariableFont_opsz,wght';
  src: url('../fonts/Inter/Inter-VariableFont_opsz,wght.ttf')  format('truetype'),
  src: url('../fonts/Inter/Inter-Italic-VariableFont_opsz,wght.ttf')  format('truetype'),
  font-weight: normal;
  font-style: normal;
}




	


/******************* NPS PROMOTER, PASSIVE, DETRACTOR **************/
.promoter {
	background-color:#74FFA3;
}
.passive {
	background-color:#99C1DC;
}
.detractor {
	background-color:#FC998E;
}


/******************* OLD STYLE NUMBER ALIGNMENT **************/
.number_right {
	text-align: right;
}
.number_centre {
	text-align: center;
}


/******************* BOOTSTRAP EQUAL HEIGHTS **************/
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

		margin-bottom:30px;
}
.row-eq-height .rounded-box{
	height: 100%;
}

/******************* RESETS **************/
.clear{
	clear:both;
}
*{
	/*
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;*/
}

/******************* BODY **************/
body {
 background-color: #EFEFEF;
/*
 font-family: 'JohnstonITCStd-Light';
 font-size:15px;
*/
 font-family: 'Inter-VariableFont_opsz,wght';
 font-size:13px;
 padding:0px;
 margin: 0px;
 color: #686868;
}

/************** PAGE ELEMENTS STYLING *****************/

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

input{
	background:#EFEFEF;
	border:0px solid;
}
label{
	text-transform:uppercase;
	font-size:0.9em;
	letter-spacing: 1.0px;
}

.form-group > label{
	text-transform:uppercase;
	font-size:0.9em;
	letter-spacing: 1.0px;
	color: #0B5B07;
}

h1 {
	text-transform:uppercase;
	margin: 0px 0px 25px 0px;
	padding: 0px 0px 0px 0px;

	letter-spacing:1.0px;

	color: #141A46;
	font-size: 2em;
}

h2 {
	color: #141A46;
	margin: 30px 0px 15px 0px;
	padding: 0px 0px 0px 0px;

	text-transform:uppercase;
	letter-spacing:1.0px;
	font-size:1.4em;
}

h3 {
	color: #141A46;
	margin: 20px 0px 7px 0px;
	padding: 0px 0px 0px 0px;
	text-transform:uppercase;
	letter-spacing:1.0px;
	font-size:1.1em;
}
div > h3{
	color: #0B5B07;
}

a {
	color: #141A46;
}

a:hover {
	color: #141A46;
}

.err {
	color: #DC143C;
}

th {
	text-align: left;
}

*:focus { outline:0; !important; }

/*************** SITE STRUCTURES ***************/
.rounded-box{
	background:#ffffff;
	border-radius:20px;
	padding:6%;

	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.07);
	box-shadow: 0 3px 6px rgba(0,0,0,0.07);

	margin-top:20px;
	margin-bottom:20px;
}

.highlight{
	color:#141A46;
}

.highlighttext{
	color:#FF0000;
	background-color:#FFFF00;
}

#groupwrapper {
	display: block;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#groupwrapper.toggled {
    display: none;
}

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 280px;
}

#sidebar-wrapper {
    z-index: 4;
    position: fixed;
    left: 280px;
    width: 0;
    height: 100%;
    margin-left: -280px;
    overflow-y: auto;
    background: #ffffff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

		-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.07);
		box-shadow: 0 3px 6px rgba(0,0,0,0.07);
}

#wrapper.toggled #sidebar-wrapper {
    width: 280px;
}

#page-content-wrapper {
    width: 100%;
    position: static !important;
    padding: 15px;
	padding-top:50px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -280px;
}

/* Sidebar Styles */
.sidebar-nav {
    position: absolute;
    top: 0;
    width: 280px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.sidebar-inner{
	padding:4%;
}

@media(min-width:768px) {
	.dasboard-company-details, .dasboard-custom-html{
		text-align:center;
	}
	.dasboard-company-details img, .dasboard-custom-html img{
		margin:0 auto;
	}
    #wrapper {
        padding-left: 280px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 280px;
		padding-top:40px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        padding: 20px;
		padding-top:60px;
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }

}

footer{
	margin-top:20px;
	margin-bottom:20px;
}

/****************** PANELS *************************/
.panel{
	border-radius:0px;
	margin-top:20px;
	margin-bottom:20px;
	border:0px solid !important;
	padding:2%;
}
.panel h2{
	margin-bottom:30px;
}
.panel-primary{
	background:#fffffff !important;
}

/***************** PANEL SLIDERS **********************/
.text-center .ui-slider{
	margin:0 auto;
	margin-top:30px;
	margin-bottom:30px;
}

/************** DEFAULT SLIDERS *********************/
.ui-slider-handle{
	background:#141A46 !important;
	border:0px solid !important;
}
.ui-widget.ui-widget-content{
	border:2px solid #EFEFEF !important;
}
.custom-vert-handle{
	width: 3em;
	height: 1.6em;
	top: 50%;
	margin-top: -.8em;
	text-align: center;
	line-height: 1.6em;
}
.custom-vert-handle-value{
	margin-left:50px;
	color:#141A46;
}
.custom-hori-handle-value{
	margin-top:50px;
	color:#141A46;
}

/**************** SPECIFIC PAGE STRUCTURE CHANGES ****************/
/**************** TRUE INSIGHTS ****************/
.true-insight-slider-wrapper{
	display:none;
}


/**************** LOGIN PAGE *************/
.home-page .rounded-box{
	margin-top:50px;
}
/**************** DASHBOARD *************/
.dashboard-page .dasboard-company-box .rounded-box{
	padding:0px;
}
.dashboard-campaign-title{
	text-align: right;
	font-size:1.7em;
	text-transform: uppercase;;
	letter-spacing: 0.1em;
	font-weight:700;
	margin-bottom:-10px;
}
.dashboard-page .dashboard-account-details-box{
	text-align: right;
}
.dashboard-page .dasboard-company-box{
	text-align: right;
}
.dashboard-page .dashboard-company-name{
	text-align: right;
	font-size:2.7em;
	text-transform: uppercase;;
	margin-bottom:20px;
	line-height:1.1em;
	margin-top:10px;
	letter-spacing: 0.1em;
	font-weight:700;
	color:#141A46;
}
.dashboard-page .dashboard-company-analyses-title{
	font-size:2.6em;
	text-align: right;
	letter-spacing: 0.1em;
	margin-top:-10px;
	margin-bottom:30px;

}
.dashboard-page .dashboard-company-analyses-title svg{
	max-width:450px;
	float:right;
	clear:both;
}
.dashboard-page .dashboard-company-analyses-introtext{
	font-size:1.2em;
}

.dashboard-page .highlight{
	fill:	#141A46 !important;
}

.dashboard-db-details-box{
	margin-bottom:20px;
}

.dashboard-db-details-box h2:first-child{
	margin-bottom:5px;
}

.dasboard-company-details, .dasboard-custom-html{
	padding:6%;
}
.dashboard-page .dashboard-main-title{
	margin-top:20px;
	text-align: center;
	margin-bottom:0px;
}

/***************** ICON BOXES ****************/
.icon-box-title{
	text-align: center;
	margin-top:20px;
	text-transform: uppercase;;
	letter-spacing: 1.0px;
	font-size:1.2em;
}
.icon-box-svg {
	text-align: center;
}
.icon-box-svg .highlight{
		fill:	#141A46 !important;
}
.icon-box{
	margin-bottom:30px;
	cursor:pointer;
	transition: all .2s ease-in-out;
}
.icon-box:hover{
	color:#141A46;
	font-weight:700;
	transform: scale(1.03);
}

/***************** HIGHLIGHTING **************/
.lhs{
	background:#FF0000;
	color:#ffffff;
	padding:5px;
}
.cwd{
		background:#141A46;
		color:#ffffff;
		padding:5px;
}
.ctx{
		background:#FFFF00;
		color:#ffffff;
		padding:5px;
}
.rhs{
		background:#FF0000;
		color:#ffffff;
		padding:5px;
}


/***************** HIGHLIGHT LENS HIGHLIGHT COLOUR ********************/
span.hilen{
	background: #d5d8ee;
	color:#000000;
	padding:5px;
}

/***************** SNIPPET THEME HIT INTENSIFIER HIGHLIGHT COLOUR ********************/
span.sth{
	background: #fcbd2b;
	color:#000000;
	padding:5px;
}

/***************** FORCED GREEN HIGHLIGHT COLOUR ********************/
span.ppp{
	background: #067826;
	color:#ffffff;
	padding:5px;
}

/***************** FORCED RED HIGHLIGHT COLOUR ********************/
span.nnn{
	background: #ec1c24;
	color:#ffffff;
	padding:5px;
}

/***************** FORCED BLUE HIGHLIGHT COLOUR ********************/
span.kkk{
	background: #3f48cc;
	color:#ffffff;
	padding:5px;
}

/***************** KEYWORD HIT HIGHLIGHT COLOUR ********************/
/**	margin-right: 2px; **/
span.xxx{
	background:#FF0000;
	color:#ffffff;
	padding:5px;
}

/***************** THEME HIT HIGHLIGHT COLOUR ********************/
span.yyy
{
	background-color:#0000FF;
	color: yellow;
	padding:5px;
}

/***************** THEME HIT HIGHLIGHT COLOUR WHERE THEME WORD SAME AS HIT WORD********************/
span.zzz
{
	background-color:green;
	color: yellow;
	padding:5px;
}

/***************** BOOTSTRAP OVERRIDES ********************/
.container{
	padding-top:90px;
}
.static-container{
	padding-top:0px;
}
.navbar-default{
	border-radius:0;
	border:0px solid;
	background:#ffffff;

	position:fixed;
	width:100%;
	z-index:10;

	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.07);
	box-shadow: 0 3px 6px rgba(0,0,0,0.07);
}
.navbar-default-pan2dash{
	min-height: 200px;
	padding-bottom: 5px;
    display: block;
	width: 100%;
	background-color: #fff;
	z-index: 99;
}
.navbar-brand{
	padding: 8px 15px;
}
.dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover{
	color:#141A46;
}
input, textarea, select{

	border:0px solid #EFEFEF !important;
	background:#EFEFEF !important;
	border-left:0px solid #EFEFEF;
}

input:focus, textarea:focus, select:focus{
	/*
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border-left:3px solid #141A46 !important; */
}

.centre-box{
	text-align: center;
	margin:0 auto;
}

.btn{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;

	-moz-border-radius: 4px !important;
	-webkit-border-radius: 4px !important
	border-radius: 4px !important;
}

.btn-default, .btn{
	background: #EFEFEF !important;

	text-transform: uppercase;;

	border:1px solid #EFEFEF;
	cursor:pointer;
	padding-bottom:3px !important;

	-webkit-box-shadow:  0px 3px 0px 0px #bdbdbd;
	-moz-box-shadow: 0px 3px 0px 0px #bdbdbd;
	box-shadow:  0px 3px 0px 0px #bdbdbd;
}

/*** OVERRIDE SOME CSS FOR THE "BUTTON" CREATE BY THE BOOTSTRAP DROP-DOWN SEARCH FILTER ****/
.btn-default, .removeboxshadow {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	text-transform: none;
 }

.btn-default:hover,.btn:hover{
    background-color: #bdbdbd !important;
  	border-color: #bdbdbd !important;
}
.btn-default.focus, .btn-default:focus,.btn.focus, .btn:focus{
	background-color: #bdbdbd;
	border-color: #bdbdbd;
}

.btn-primary{
	background: #141A46 !important;

	text-transform: uppercase;

	border:1px solid #000014;
	cursor:pointer;

	padding-bottom:3px !important;
	-webkit-box-shadow: 0px 3px 0px 0px #000014;
	-moz-box-shadow: 0px 3px 0px 0px #000014;
	box-shadow: 0px 3px 0px 0px #000014;

}

.btn-primary:hover{
    background-color: #000014 !important;
  	border-color: #000014 !important;
}
.btn-primary.focus, .btn-primary:focus{
	background-color: #000014;
	border-color: #000014;
}

.btn-success{
	background: #74FFA3 !important;

	text-transform: uppercase;

	border:1px solid #000014;
	cursor:pointer;

	padding-bottom:3px !important;
	-webkit-box-shadow: 0px 3px 0px 0px #000014;
	-moz-box-shadow: 0px 3px 0px 0px #000014;
	box-shadow: 0px 3px 0px 0px #000014;

}

.btn-success:hover{
    background-color: #000014 !important;
  	border-color: #000014 !important;
}
.btn-success.focus, .btn-primary:focus{
	background-color: #000014;
	border-color: #000014;
}



.bg-primary, .bg-success, .bg-warning, .bg-danger{
	padding:2%;
	margin-bottom:20px;
	margin-top:10px;
	background: #464c78 !important;
	color:#ffffff !important;
}

.bg-info{
	padding:2%;
	margin-bottom:20px;
	margin-top:10px;
	background: #0B5B07!important;
	color: #FFFFFF !important;
}

.hili-good{
	background: #74FFA3!important;
	color: #000000 !important;
}
.hili-bad{
	background: #FC998E!important;
	color: #000000 !important;
}

.info{
	background: #464c78 !important;
	color:#ffffff;
}

.secondary_info{
	background: #FF0000 !important;
	color:#ffffff;
}

.bg-primary li, .bg-success li, .bg-info li, .bg-warning li, .bg-danger li{
	margin-left:10px;
}

.dropdown-menu{
	border:0px solid !important;
}
.breadcrumb{
	background:transparent !important;
	padding-left:0px;
}


/***************** BOOTSTRAP FORMS ADDITIONAL ********************/
.number-right{
	text-align: right;
}