@font-face {
  font-family: 'Blogh';
  src: url('/sites/default/themes/crm_fusion/fonts/blogh-webfont.woff2') format('woff2'),
       url('/sites/default/themes/crm_fusion/fonts/blogh-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
html, body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}
body {
  padding-top: 110px;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  color:#282828;
}
.table>:not(:first-child) {
    border-top: 0px solid #fff;
}
#ml_modal{
	z-index: 9999 !important;
}
.modal-backdrop{
	z-index: 9998 !important;
}
.modal-open{
	overflow: hidden;
	/*position: fixed !important;*/
	width: 100%;
}
.tooltip{z-index:9; }
.card-title {margin-bottom: 0.5rem; font-weight: bold; font-size: 16px; border-bottom: 1px solid #f3f3f3; padding-bottom: 10px; color: #15393f !important;}
.apexcharts-xaxis-label {/*display: none !important;*/}
.apexcharts-title-text{text-transform: capitalize;}
.apexcharts-legend-series {/*display: block !important;*/ width: 100%; text-transform: capitalize;}
.apexChartTooltip{text-transform: capitalize;}
.apexChartTooltip{font-size: 12px;}
.apexcharts-legend.apx-legend-position-bottom.apexcharts-align-center, 
	.apexcharts-legend.apx-legend-position-top.apexcharts-align-center {justify-content: left !important;text-transform: capitalize;}

.btn-cta-right{position: absolute; right: 15px;}
.btn-cta {background-color: #ecf0e1; border: #ecf0e1;}
.btn-cta:hover {background-color: #ecf0e1; border: #ecf0e1;}
.btn-cta:active {background-color: #ecf0e1; border: #ecf0e1;}
.btn-cta:focus {background-color: #ecf0e1;border: #ecf0e1;}
.iconPad {padding-right: 5px;}
.dropdown-item.active, .dropdown-item:active {color: #fff; text-decoration: none; background-color: #ecf0e1;}
.dropdown-item.focus, .dropdown-item:focus {color: #fff; text-decoration: none; background-color: #ecf0e1;}
	
.keywordListingRow{padding-top: 10px; border-bottom: 1px solid #fff;}
.keywordListingRow:hover{background-color: #f3f3f3}
.colorIcon{font-size: 30px !important;}
.keywordName{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-transform: capitalize; margin-top: -6px; padding-right: 30px;}
.keywordName i {font-size: 12px; color: #999; padding-left: 2px; padding-right: 4px;}
.faUL{font-size: 11px !important;}
.keywordName a {text-decoration: none;}
.keywordLastUpdated{font-size: 12px; color: #777; padding-left: 22px; margin-bottom: 10px;}
.keywordRank{font-size: 20px; width: 100%;}
.keywordRankPad{background-color: rgba(255,255,255,.75);border-radius: 2px;padding-left: 5px;padding-right: 5px; color: #000;}
.keywordEdit{color: #666; cursor: pointer; font-size: 12px; margin-right: 15px;}
.keywordEdit:hover{color: #A7A7A7;}
.keywordRelated{cursor: pointer; margin-right: 15px; font-size: 14px; color: #666;}
.keywordRelated:hover{color: #A7A7A7;}
.keywordGraph{cursor: pointer; margin-right: 15px; font-size: 14px; color: #666;}
.keywordGraph:hover{color: #A7A7A7;}

#keywordWebsite{font-weight: 400; font-size: 14px; color: #999; display: block; padding-top: 5px;}
.btn-cta-right .dropdown-menu{text-transform: capitalize; font-size: 12px !important;}
.seoScorePlatform{font-size: 11px; text-align: center;}
.seoScoreDesc{font-size: 12px;}
.seoScoreUrl{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 14px;}
.seoScoreKeyword{text-transform: capitalize; font-weight: 600; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.seoScoreLastUpdated{font-size: 12px; color: #777;  margin-bottom: 10px;}
#seoNotExists{display: none;}
	
.svg-item{width: 100%; font-size: 16px; margin: 0 auto;}
.donut-ring{stroke: #fff;}
.donut-segment {transform-origin: center;stroke: #FF6200;}
.donut-text{fill: #FF6200;}
.donut-label{font-size: 0.28em; font-weight: 700; line-height: 1; fill: #000; transform: translateY(0.25em);}
.donut-percent {font-size: 0.5em; line-height: 1; transform: translateY(0.5em); font-weight: bold;}
.donut-data {font-size: 0.12em; line-height: 1; transform: translateY(0.5em); text-align: center; text-anchor: middle; color:#666; fill: #666;}
	
.app_h1{font-size: 25px !important; font-weight: 300; padding-bottom: 10px; padding-top: 20px;}
.app_h1 span{padding-right: 10px;}
.syncDataBtn{font-size: 15px; color: #999; cursor: pointer;}
@-webkit-keyframes rotate {100% { -webkit-transform:rotate(360deg); }}
@-moz-keyframes rotate {100% { -moz-transform:rotate(360deg); }}
@-o-keyframes rotate {100% { -o-transform:rotate(360deg); }}
@-ms-keyframes rotate {100% { -ms-transform:rotate(360deg); }}
@keyframes rotate {100% { transform:rotate(360deg); }}

.page-link {
    color: #466545;
}
.page-link:hover {
    color: #466545;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff !important;
    background-color: #466545;
    border-color: #466545;
}


.rotating {    
	-webkit-animation-name: rotate;
	-moz-animation-name: rotate;
	-ms-animation-name: rotate;
	-o-animation-name: rotate;    
	animation-name: rotate;

	-webkit-animation-duration: 3s;
	-moz-animation-duration: 3s;
	-ms-animation-duration: 3s;
	-o-animation-duration: 3s;
	animation-duration: 3s;

	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;    
	animation-iteration-count: infinite;

	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	-o-animation-timing-function: linear;    
	animation-timing-function: linear;   
}

.dropdown-item:focus{
    background-color: #ccc !important;
}
.dropdown-item i {
    color: #999;
    font-size: 14px;
    padding-right: 10px;
}
.modal-footer{
	min-height: 65px;
}
.closeModal{
	background-color: #fff !important;
    border: none;
}
#closeModalBtn{
	position: absolute;
    left: 15px;
}
.bg-light{
	background-color: #e6e9e0 !important;
	/*f6f8f0*/
}
.bg-new {
    background-color: #ecf0e1;
    color: #282828;
}
.bg-active {
    background-color: #3E4A2C;
    color: #f3f3f3;
}
.bg-estimate {
    background-color: #ccc;
    color: #282828;
}
.bg-scheduled {
    background-color: #ffc107;
    color: #282828;
}
.bg-won {
    background-color: #a9c856;
    color: #282828;
}
.noBG {
  background-image: url() !important;
}
.navbar {
  background-color: #484848;
}
#secNavigation {
  margin-left: -5px;
}
.dBorder {
  border-right: 1px dashed #adc563;
}
#secNavigation a:first-of-type {
  border-left: 1px dashed #adc563;
}
.btn-link {
  color: #282828;
  font-size: 18px;
}
.btn-link:hover {
  color: #282828;
  font-size: 18px;
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #585858 !important;
  background-color: #ccc;
  border-color: #ccc;
}
input[type=text] {
  margin-bottom: 5px;
}
input[type=email] {
  margin-bottom: 5px;
}
.height100 {
  height: 100vh;
  display: table;
}
.centerVH {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.sr_background {
  background: url(/sites/default/assets/Image/fusionturf-hub.jpg);
  background-size: cover;
}
.sh_pass {
  position: absolute;
  right: 10px;
  margin: 15px 0 0 0;
  color: #585858;
  cursor: pointer;
}
.btnFormAction {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
}
input[type=password] {
  margin-bottom: 5px;
}
a {
  color: #466545 !important;
}
a:active {
  color: #466545;
}
a:focus {
  color: #466545;
}
a:hover {
  color: #466545;
}
.navBGOR {
  /* background-color: #fff;
  border-bottom: 1px solid #ccc;*/
}
.roundBtn {
  border-radius: 25px;
  padding-left: 25px;
  padding-right: 25px;
}
.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 0;
  align-items: center;
}
.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 20px;
  padding-left: 20px;
}
.navbar-light .navbar-brand {
  color: rgba(255, 255, 255, 1);
}
.navbar-brand {
  height: 45px;
  font-family: 'Blogh';
  color: #025159;
  margin-left: 0px;
}
.h1Brand {
  font-size: 70px;
  font-family: 'DM Serif Display', serif;
  color: #025159;
}
.app_brand {
  font-size: 25px;
  color: #ffffff;
}
.naviconLink {
  margin-left: 20px;
}
.navIconBadge {
  position: absolute !important;
  font-size: 11px;
  margin-left: 10px;
  margin-top: 2px;
}
.sNavActive {
  background-color: #ecf0e1;
}
@media (max-width: 768px) {
  #navbarsExampleDefault {
    background-color: #205058;
    transition: transform .2s ease-in-out, visibility .3s ease-in-out;
  }
  #secNavigation {
    margin-left: -11px;
  }
  .navbar-brand {
    margin-left: 5px;
  }
  .colLink {
    color: #fff;
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #ecf0e1;
    padding-left: 0px !important;
    margin-left: 0px !important;
  }
  .navIconBadge {
    position: absolute;
    font-size: 11px;
    margin-left: 25px;
    margin-top: 10px;
  }
}
.app_brand:active {
  font-size: 25px;
  color: #ffffff;
}
.app_brand:focus {
  font-size: 25px;
  color: #ffffff;
}
.app_brand:visited {
  font-size: 25px;
  color: #ffffff;
}
.app_brand:hover {
  font-size: 25px;
  color: #ffffff !important;
}
.btn-primary {
  color: #fff !important;
  background-color: #466545;
  border-color: #466545;
}
.btn-primary:active {
  color: #fff;
  background-color: #466545;
  border-color: #466545;
}
.btn-primary:focus {
  color: #fff;
  background-color: #466545;
  border-color: #466545;
}
.btn-primary:visited {
  color: #fff;
  background-color: #466545;
  border-color: #466545;
}
.btn-primary:hover {
  color: #fff;
  background-color: #4f734e;
  border-color: #4f734e;
}
.btn-secondary {
  color: #466545 !important;
  background-color: #f3f3f3;
  border-color: #466545;
}
.btn-secondary:active {
  color: #466545;
  background-color: #f3f3f3;
  border-color: #466545;
}
.btn-secondary:focus {
  color: #466545;
  background-color: #f3f3f3;
  border-color: #466545;
}
.btn-secondary:visited {
  color: #466545;
  background-color: #f3f3f3;
  border-color: #466545;
}
.btn-secondary:hover {
  color: #466545;
  background-color: #f3f3f3;
  border-color: #1282a2;
}
.hIcon {
  color: #adc563;
  padding-right: 10px;
}
.iconBtn{
	color: #466545;
	cursor: pointer;
}
.iconBtn:hover{
	color: #282828;
	cursor: pointer;
}
.bbHead {
  border-bottom: 1px solid #F2F2F2;
  padding-bottom: 10px;
}


.nav-scroller {
  position: fixed;
  z-index: 3;
  height: 44px;
  overflow-y: hidden;
  width: 100%;
  top: 61px;
  border-top: 1px solid #ccc;
}
.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  color: rgba(255, 255, 255, .75);
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.nav-underline .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
  color: #6c757d;
}
.nav-underline .nav-link:hover {
  color: #013A40 !important;
}
.nav-link:hover {
  color: #013A40 !important;
}
.nav-underline .active {
  font-weight: 500;
  color: #343a40;
}
#myTab .nav-link {
  color: #466545 !important;
}
#myTab .nav-link:hover {
  color: #013A40 !important;
}
.bg-purple {
  background-color: #6f42c1;
}

@media (max-width: 1199px) {
	.keywordRank{font-size: 14px; width: 100%;}
}
@media (max-width: 991.98px) {
  .offcanvas-collapse {
    position: fixed;
    top: 56px; /* Height of navbar */
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: #343a40;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out;
  }
  .offcanvas-collapse.open {
    visibility: visible;
    transform: translateX(-100%);
  }
}
@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}