body {
	 background-color:#F9F9FC;
   font-family: 'Montserrat', sans-serif;

 }

 p {
   font-size: 14px;
   color:#555;
 }

 .form-group{

	 margin-bottom:10px;
 }

.form-group label{
  font-size: 14px;
  margin:5px;
}
 .form-control{
   border: 1px solid #E2E5ED !important;
   border-radius: 5px !important;
  font-size: 14px !important;
  padding: 12px 18px !important;


 }

 .form-control.is-invalid {
     border-color: #dc3545 !important;
 }

 .form-control.valid {
     border-color: #28a745 !important;
 }

 .form-control.box-shadow{
   box-shadow: 0px 2px 5px #909FBB4D;

 }
 .user-feedbacks li.invalid-feedback {
     list-style-type: circle;
 }
 .registration-form-container form{
	 padding:30px 35px 50px 35px;
 }

 .btn{
   padding: 0px 20px;
   min-height: 36px;
   font-size: 14px;
   line-height: 36px;
   min-width: 130px;
 }

 .progress-bar{
   background-color: #6089F8;
 }

 .btn-primary {

	 background-color: #4285f4 !important;
    border-color: #4285f4 !important;
 }

 .btn-primary:hover{

 }

 .btn-secondary{
   background-color: #404A57;
 }

 .btn-primary.btn-dark {
    background-color: #111 !important;
    border-color: #111 !important;
 }

 .btn-dark:focus {
     box-shadow: 0 0 0 0.2rem rgb(52 58 64 / 50%);
     background: #111 !important;
 }

 .btn-link:focus {
     background: none;
     text-decoration: underline;
     border-color: transparent;
     box-shadow: none;
 }

 .btn-default.btn-white {
    background-color: #fff;
    border: 1px solid #999;
 }

 .btn-default.btn-white:hover {
    background-color: #f3f3f3;
 }

 .container{
   padding: 0px 50px !important;
 }


 .navbar.affix {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0.98);
    z-index: 1040;
    box-shadow: unset;
   padding:10px;

}

 .btn-sm {
 padding: 13px 15px !important;
    font-size: 14px !important;
    line-height: normal;
    min-height: 20px;
 }

 .verificationInputs .form-control {
  display:inline;
  float:left;
  width:18%;
  margin-bottom:20px;
  font-size:20px;
  text-align:center;
  margin-right:2%;
 }

 .form-control-sm{
      padding: 8px 10px !important;
	      border-radius: .2rem;
 }

 .form-control-xs{
      padding: 4px 10px !important;
      font-size:12px !important;
	      border-radius: .2rem;
 }

 select.form-control-sm{
	 padding:5px 10px;
	 height:40px !important;
 }
 .bg-primary {
 background-color:#107ceff0 !important;
 }

 #cancelSubscriptionModal .form-group, #changePlanModal .form-group{
  margin:7px 0px 7px 0px;
 }



 .btn-primary:hover, .btn-primary:active, .btn-primary:hover{
   opacity:.9 !important;
  }

  .form-group{
   }

   .container-fluid{
     padding-right:50px;
	 padding-left:50px;
   }


   .navbar li {
	   margin-right:15px;

   }

   .navbar li a{
	   font-size:14px;
	   text-transform:capitalize;
       color:black;
   }

   .navbar li.active a {
	   font-weight:500;
	   color:#6673E7 !important;
   }


  .card{
    padding: 15px;
    border-radius: 20px;
  }

   @media only screen and (min-width:700px){
	   .container-custom{
		   margin:0px 130px 20px 130px;
	   }

	   .container-custom2{
		   margin:0px 30px 30px 30px;
	   }
	   .container-custom.card , .container-custom2.card{
		   padding:20px 25px  50px 25px;
	   }
   }

   @media only screen and (max-width:700px){
	   .container-custom, .container-custom2 {
		   margin:10px;
	   }

	   .container-custom.card , .container-custom2.card{
		   padding:15px;
	   }
   }


   .stripe-button-el {
	   display:none !important;
	   width:0px;
   }

   .shadow{

	   border: 1px solid #E7E9EB;
     box-shadow: 0px 10px 20px #306FFF1A;


   }

   .btn-pink {
	   background-color:#FF3E96;
	   border-color:#FF3E96;
      color:white;
   }

   .btn-outline-pink{
	   border-color: #FF3E96;
	   background-color:white;
	   color:#FF3E96;
   }

   .btn-outline-pink:hover{
	   background-color:#FF3E96;
	   color:White;
   }

   .btn-pink:hover{
	   background-color:#fa0776;
   }

   .fa-google {
  background: conic-gradient(from -45deg, #ea4335 110deg, #4285f4 90deg 180deg, #34a853 180deg 270deg, #fbbc05 270deg) 73% 55%/150% 150% no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}


.analytics table td{
	padding:7px;
	font-size:14px;
}

.analytics table th {
	font-size:14px;
	padding:10px;
}

.btn-rounded{
	border-radius:25px;
}

.change-danger{
	padding:2px 8px;
	background-color:red;
	color:white;
	border-radius:4px;
}

.change-success{
	padding:2px 8px;
	background-color:green;
	color:white;
	border-radius:4px;
}

.table-keywords,.shadow2{
	box-shadow:0px 0px 4px 2px #ddd;
}

.table-keywords td, .table-keywords th {
	font-size:14px;
	padding:7px 10px;
	color:#555;
}

.table-keywords th {
	border-right:1px solid #ddd;
	font-weight:500;
	color:black;
}

.table-keywords thead tr {
background-color:#e9edee; box-shadow:0px 2px 4px rgba(81,107,152,.1);
}

.table-keywords tbody tr {
	background-color:white;
}

.table-keywords tr .fa-sort {
	margin-right:2px;
	font-size:12px;
	color:#999;
}

.btn-xs {
	padding:9px 13px !important;
font-size:14px !important;
line-height: normal;
min-height: 20px;
}

.trackingMoreTab .item {
	padding:15px;
	background-color:white;
	font-size:14px;
	margin-top:20px;
}

.trackingMoreTab .body {
	margin-top:10px;
}

.trackingMoreTab .btn-xs {
	padding:5px 20px !important;
}

tr.active td{
	background-color:#d8d2e9;
}

.slideToggle {
  display: flex;
  justify-content: center;
  margin: 20px 0 30px 0;
  i {
    margin: 0 15px;
  }
}
.form-switch {
  align-items: center;
  display: flex;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  justify-content: space-between;
  margin-bottom: 20px;
}
.form-switch i {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 30px;
  border: 1px solid #dfdfdf;
  border-radius: 15px;
  transition: all 0.3s linear;
}
.form-switch i::after {
  content: "";
  position: absolute;
  left: 0;
  width: 40px;
  height: 22px;
  background-color: #4285f4;
  border-radius: 15px;
  transform: translate3d(4px, 3px, 0);
  transition: all 0.2s ease-in-out;
}

.form-switch input {
  display: none;
}

// .form-switch input:checked + i { background-color: #0274D6; }

.form-switch input:checked + i::after {
  transform: translate3d(54px, 3px, 0);
}

.beforeinput,.afterinput{
	color:#999;
}

.list-group{
	margin:15px 20px 0px 20px;
}

.list-group li{
	font-size:14px;
	text-align:left;
	color:#555;
	list-style-type:square;

}

.btn-circle {
	border-radius:40px;
}

.text-primary{
	color:#4285f4 !important;
}

.btn-outline-primary{
	color:#4285f4;
	border-color:#5386EC;
}

.btn-outline-primary:hover, .btn-outline-primary:focus{
	background-color:#4285f4;
	border:1px solid #4285f4;
}

.pagination{
  text-align: center;
  display: flex;
  justify-content: center;
}
.pagination li > a {
	   color:#0C1015;
	   padding:5px 10px;
	   font-size:13px;
	   text-decoration:none;
	   font-weight:500;
	   line-height:1.25;
   }

   .pagination li.active > a{
	   background-color:#5386EC;
     box-shadow: 0px 5px 10px #306FFF66;
     border-radius: 5px;
     color:white;
   }

   .pagination li.disabled > a{
	   background-color:#fff;
	   color:#6c757d;
	   pointer-events:none;
	   border-color:#dee2e6;
   }


.first-setup .row{
  margin:0px;
  height: 100%;
}

.first-setup .sec-1{
  background: #F9F9FC;
  border-radius:20px;
  padding:20px;
}

.first-setup .sec-1 .logo-bottom{
  position:absolute;
  width:100%;
  left:0px;
  bottom:20px;
}

.first-setup .sec-1 .logo-bottom img{
  width:200px;
}

.first-setup .sec-2{
  display: flex;
  align-items: center;
  justify-content: center;
}
.first-setup .setup-secondrow{
  width:80%;
}

.avatar-icon{
width: 72px;
height: 72px;
cursor: pointer;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 2px 10px #7EB3F166;
border: 1px solid #E2E5ED;
border-radius: 50%;
margin:auto;
opacity: 1;
}

.avatar-icon div{
  font-size:32px;
  line-height: 72px;
  text-align: center;
}

.avatar-icon.active{
  border:1px solid #6089F8;
}

.dashboard-menus {
  height: 100%;
  position: relative;
}

.dashboard-menu.dashboard-main-menu {
  height: calc(100vh - 380px);
  overflow-y: scroll;
}

.dashboard-menu.dashboard-fixed-menu {
  position: absolute;
  bottom: 20px;
  width: 100%;
  background-color: white;
  padding-top: 10px;
}

.dashboard-menu li {
  font-size: 13px;
  color: #718091;
  padding: 0;
  cursor: pointer;
  position: relative;
  margin-bottom: 8px;
  border-radius: 5px;
}

.dashboard-menu li li {
  margin-bottom: 3px;
}

.dashboard-menu li svg {
  fill: #6d6d7d;
}

.dashboard-menu li.active,
.dashboard-menu li.active a {
  color: white;
}

.dashboard-menu li a {
  display: block;
  padding: 5px 5px 5px 35px;
  color: #718091;
}

.dashboard-menu li:not(.active) > a:hover {
  background-color: #efefef;

}

.dashboard-menu li a svg {
  position: absolute;
  top: 4px;
  left: 5px;
}

.dashboard-menu li.active svg {
  fill: white;
}

.dashboard-menu li.active .b38{
  stroke:#fff;
}

.dashboard-menu.dashboard-fixed-menu .fa-circle-question {
  position: absolute;
  left: 5px;
  font-size: 16px;
  color: #718091;
}

.dashboard-menu .badge-popular {
    position: absolute;
    top: 7.5px;
    right: 6px;
}

.dashboard-menu .badge-new {
    background-color: #E9E6FF;
    color: #6D54FE;
}

.btn-radius{
  border-radius: 50px;
}

.domains-all {
  font-size:12px;
  margin-left:5px;
  background-color: #edf3fd;
  color:black;
  padding:0px 7px;
  border-radius: 5px;
  position: relative;
  top:-1px;

  cursor:pointer; margin-bottom:5px; display:inline-block;
}



.domains-all .close2{
  font-size:18px;
  cursor: pointer;
  color:black;
  margin-left:5px;
  position: relative;
  top:2px;
}

.custom-input:focus{
  outline: 0px;
}

.form-control-active{
  border:1px solid #5386EC !important;
}

.w-84{
  width:84% !important;
}

.w-10{
  width:16% !important;

}

.w-5{
width:5% !important;
}

.w-95{
  width:95% !important;
}

.tracking .tcol1{
  position: fixed;
  left:0;
  width:260px;
  height:100%;
  border-radius:0px;
  height:100vh;
  z-index:3;
  padding:3px 12px;
}

.tracking .tcol2{
  margin-left:260px;
  padding: 20px;
  font-size: 14px
}

.tracking .tcol2.shared-content {
    margin-left: 0;
}

.tracking .card{
  border-radius: 10px;
}

.tracking .top-bar {
    margin-left:260px;
}

.tracking .tcol2 .items-per-page {
    background: #fff;
    color: #495057;
    font-weight: 500;
}

.sidebar-small .tcol1{
  width:70px;
  padding:10px 5px;
}

.sidebar-small .tcol2,
.sidebar-small .top-bar {
  margin-left:70px;
}

.tracking .avatar-img, .avatar-img2{
  font-size:45px; line-height:90px; background-color:#F9F9FC;  border-radius:50%; width:90px; height:90px;  display:inline-block; text-align:center; border:1px solid #efefef; box-shadow:0px 2px 4px #efefef;
}
 .avatar-img2{
  line-height: 24px;
  width: 24px;
  height: 24px;
  font-size:12px;
  background-color: white;
  margin-left: 2px;
}

.sidebar-small .main-sidebar .tbh,
.sidebar-small .main-sidebar .tbh + .fa {
  display: none !important;
}

.sidebar-small .dashboard-menu {
    padding: 0 5px;
    height: auto;
    max-height: none;
    overflow: visible;
    margin: 0 !important;
}

.sidebar-small .dashboard-menu.dashboard-main-menu {
  height: calc(100vh - 350px);
  overflow: scroll;
}

.sidebar-small .dashboard-menu .badge {
    display: none;
}

.sidebar-small .btn-logout{
  min-width: 20px;
}

.sidebar-small .avatar-img{
  font-size:25px;
  width:50px;
  height:50px;
  line-height: 50px;
}

.sidebar-small .dashboard-menu li {
  text-align: center;
  margin: 0 0 5px;
  padding: 0;
  cursor: default;
}

.sidebar-small .dashboard-menu li.is-open:not(:last-child) {
  border-bottom: 1px solid #c8c8c8;
  border-radius: 0;
}

.sidebar-small .dashboard-menu li a {
  padding: 7px 5px;
  cursor: pointer;
}

.sidebar-small .dashboard-menu li a svg {
  position: relative;
  left:0px !important;
  top:3px !important;
}

.sidebar-small .dashboard-menu.dashboard-fixed-menu .fa-circle-question {
  position: inherit;
  padding: 4px 0;
}

.sidebar-small .dashboard-menu ul.submenu li a:before {
  content: ' ';
  height: 20px;
  width: 20px;
  display: inline-block;
  position: relative;
  top:3px;
  background-color: #6d6d7d;
  -webkit-mask-size: 20px 20px;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-size: 20px 20px;
  mask-position: center;
  mask-repeat: no-repeat;
}

.sidebar-small .dashboard-menu ul.submenu li.active a:before {
  background-color: white;
}

.sidebar-small .dashboard-menu ul.submenu li.menu-blog-post a:before {
  -webkit-mask-image: url('../img/menu/content generator logo.svg');
  mask-image: url('../img/menu/content generator logo.svg');
}

.sidebar-small .dashboard-menu ul.submenu li.menu-chat a:before {
  -webkit-mask-image: url('../img/menu/chat.svg');
  mask-image: url('../img/menu/chat.svg');
}

.sidebar-small .dashboard-menu ul.submenu li.menu-paragraph a:before {
  -webkit-mask-image: url('../img/menu/paragraph-generator.svg');
  mask-image: url('../img/menu/paragraph-generator.svg');
  -webkit-mask-size: 24px 24px;
  height: 24px;
  width: 24px;
}

.sidebar-small .dashboard-menu ul.submenu li.menu-rewriter a:before {
  -webkit-mask-image: url('../img/menu/paragraph-rewriter.svg');
  mask-image: url('../img/menu/paragraph-rewriter.svg');
}

.sidebar-small .dashboard-menu ul.submenu li.menu-meta-desc a:before {
  -webkit-mask-image: url('../img/menu/meta-generator.svg');
  mask-image: url('../img/menu/meta-generator.svg');
}

.sidebar-small .dashboard-menu ul.submenu li.menu-blog-ideas a:before {
  -webkit-mask-image: url('../img/menu/blog-ideas.svg');
  mask-image: url('../img/menu/blog-ideas.svg');
  -webkit-mask-size: 24px 24px;
  height: 24px;
  width: 24px;
}

.sidebar-small .dashboard-menu ul.submenu li.menu-newsletter a:before {
  -webkit-mask-image: url('../img/menu/email-newsletter.svg');
  mask-image: url('../img/menu/email-newsletter.svg');
}

.sidebar-small .dashboard-menu ul.submenu li.menu-press-release a:before {
  -webkit-mask-image: url('../img/menu/press-release.svg');
  mask-image: url('../img/menu/press-release.svg');
}

.sidebar-small .dashboard-menu ul.submenu li.menu-product-desc a:before {
  -webkit-mask-image: url('../img/menu/product-description.svg');
    mask-image: url('../img/menu/product-description.svg');
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  height: 18px;
  width: 18px;
}

.sidebar-small .dashboard-menu ul.submenu li.menu-sales-email a:before {
  -webkit-mask-image: url('../img/menu/sales-email.svg');
    mask-image: url('../img/menu/sales-email.svg');
  -webkit-mask-size: 34px 30px;
  mask-size: 34px 30px;
  height: 18px;
  width: 18px;
}

.sidebar-small .dashboard-menu ul.submenu li.menu-blog-linkedin a:before {
  -webkit-mask-image: url('../img/menu/linkedin-outline-svgrepo-com.svg');
    mask-image: url('../img/menu/linkedin-outline-svgrepo-com.svg');
  -webkit-mask-size: 34px 30px;
  mask-size: 34px 30px;
  height: 18px;
  width: 18px;
}

.sidebar-small .dashboard-menu ul.submenu li.menu-blog-twitter a:before {
  -webkit-mask-image: url('../img/menu/icons8-twitterx.svg');
    mask-image: url('../img/menu/icons8-twitterx.svg');
  -webkit-mask-size: 34px 30px;
  mask-size: 34px 30px;
  height: 18px;
  width: 18px;
}

.sidebar-small .dashboard-menu ul.submenu li.menu-kw-research a:before {
  -webkit-mask-image: url('../img/menu/keyword-research.svg');
  mask-image: url('../img/menu/keyword-research.svg');
}

.sidebar-small .dashboard-menu ul.submenu li.menu-kw-roadmap a:before {
  -webkit-mask-image: url('../img/menu/keyword-roadmap.svg');
  mask-image: url('../img/menu/keyword-roadmap.svg');
}

.sidebar-small .dashboard-menu ul.submenu li.menu-site-inspector a:before {
  -webkit-mask-image: url('../img/menu/site-inspector.svg');
  mask-image: url('../img/menu/site-inspector.svg');
  mask-size: 18px 18px;
  width: 20px;
  height: 20px;
}

.sidebar-small .dashboard-menu ul.submenu li.menu-rank-tracker a:before {
  -webkit-mask-image: url('../img/menu/rank-tracker.svg');
  mask-image: url('../img/menu/rank-tracker.svg');
  -webkit-mask-size: 26px 20px;
  mask-size: 26px 20px;
  width: 20px;
  height: 20px;
  -webkit-mask-position: inherit;
  mask-position: inherit;
}

.pull-right{
  float:right;
}
.text-secondary2{
  opacity: .8;
  font-size:13px;
}

.f13{
  font-size:13px;
}

.f12{
  font-size:12px;
}
.f19{
  font-size:19px;
}

.keywordsTop{
  margin-top:10px;
}

.keywordsTop li {
  color:#0C1015;
  opacity: .8;
  line-height: 30px;
  font-size:13px;
}

.keywordsTop li:before{
  content: "";
  width:12px;
  height:12px;
  position: relative;
  display: inline-block;
  margin-right:5px;
  top:1px;
  border-radius: 50%;
  border:3px solid #fff;
  box-shadow: 0px 3px 6px #00000029;
}

.kw1:before{
  background-color: #5385ec;
}
.kw2:before{
  background-color: #455dee;
}
.kw3:before{
  background-color: #55BA95;
}
.kw4:before{
  background-color: #F4BC42;
}
.kw5:before{
  background-color: #EA5273;
}

.uppercase{
  text-transform: uppercase;

}

.flex-container {
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.keyword-table {
  font-size:12px;
  text-align: center;
}

.keyword-table thead {
  height: 60px;
}

.keyword-table tr {
  border-top: 1px #e6e4e4 solid;
  height: 40px;
}
.keyword-table tr:hover {
  background-color: #eeecec;
}

.action-btn-group {
  border: 1px #5386EC solid;
  border-radius: 15px;
}

.action-btns:hover {
  background-color: #4285f4;
  color: white;
}

.action-btns {
  background-color: inherit;
  width: 100%;
  border: none;
  padding: 8px;
  cursor: pointer;
  border-radius: 5px;
  font-weight: 600;
  color: #4285f4;
}


.ntable {
  font-size:12px;
  border:none;
}

.ntable th{
  background-color: #F9F9FC;
  padding-top:0px;
  padding-bottom:0px;
  border:none;
  min-width:40px;
  height: 44px;
  border-bottom: none !important;
  vertical-align: middle !important;
cursor: pointer;
}

.ntable tr{
  border:none;
}
.ntable th .fa-sort{
  color:#888;
  margin-left:5px;
}
.ntable td{
  border:none;
  vertical-align: middle;
  word-break: break-all;
}

.ntable tbody tr:nth-child(even){
  background-color:#F9F9FC;
}

.ntable tr.activet{
  background-color: #eff3fe !important;
  border-left:3px solid #6089F8;
}

.ntable-sm td{
  padding:8px 10px;
}
.ntable .dropdown-menu{
  padding:5px !important;
}

.dropdown-toggle.no-caret::after{
  display: none;
}

.table tr.activet .organicTrafficTd span{
  background-color: #5386EC;
  color:White;
  display: inline-block;
  border-radius: 10px;
  padding:3px 10px;
}

.ntable .fa-trash{
  color:#666;
  cursor: pointer;
}

.ntable .box-success span{
  padding:5px;
  color:#58A55C;
  background-color: blue;
  border-radius: 5px;
  background-color: #c7ead5;
}


.ntable .box-danger span{
  padding:5px;
  color:#EA4335;
  background-color: blue;
  border-radius: 5px;
  background-color: #fbd9d7;
}

.SuggestedKeywordsText a{
  padding:8px 10px;
  border-radius: 10px;
  background-color: #eef3fd;
  font-size:12px;
  color:#5386EC;
  margin-right:8px;
  display: inline-block;
  margin-top:8px;
}
.bold {
  font-weight: bold;
}

.activeDomain{
  background-color: #4285F4;
  color:white;
}

.activeDomain .close2{
  color:white;
}

.caretIcon{
  font-size:18px;
  position:relative;
  float:right;
  width:30px;
  height:32px;
  z-index: 2;
  background-color: white;
  cursor:pointer;
  left:10px;
  text-align: center;
  line-height: 36px;
}

.daCircle {
  width:30px;
  height:30px;
  border:2px solid blue;
  border-radius: 50%;
  position: relative;
  text-align: center;
}

.daCircle::before{
  content: "";
  left:0px;
  top:0px;
  position: absolute;
  width:100%;
  height:100%;
  border-radius: 50%;
  border:2px solid blue;
}

.daCircle span{
  display: inline-block;
  line-height: 26px;
}

.ogFavIcon{
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #E2E5ED;
  width:28px;
  height: 28px;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
}

.ogFavIcon img{
  width:70%;
  position: relative;
  top:4px;
}

.offers .list-group li {
  font-size:13px;
  margin-bottom:5px;
  list-style: none;
}


.content-generator .col-md-6:first-child{
   padding-right: 7px;
}

.content-generator .col-md-6:last-child{
   padding-left: 7px;
}

.content-generator .card{
  padding:15px 20px;
}

.content-generator .btn-primary.glow-on-hover {
    font-weight: 600;
}

.content-generator .btn-primary.btn-rounded,
.content-generator .btn-primary.btn-rounded:before,
.content-generator .btn-primary.btn-rounded:after {
    border-radius: 40px;
}

.content-generator .nav-link,
.top-bar .nav-link {
    color: #454545;
    text-decoration: none;
    padding: 8px 15px;
    font-size: 14px;
    cursor: pointer;
    font-weight: 500;
    text-align: center;
}

.content-generator .nav-link:hover,
.content-generator .nav-link.active,
.top-bar .nav-link:hover {
    border-radius: 3px;
    background: #dfdfdf;
}

.content-generator .searched-keyword {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 400;
    color: #9a9a9a;
}

.shared-content .content-generator .searched-keyword {
    margin-left: 0 !important;
}

.content-image{
  cursor:move; display:flex; align-items:center; justify-content:center; background-size:cover; border-radius:5px; width:100%; height:80px;
}

.loader {
  text-align: center;
  vertical-align: middle;
  position: relative;
  display: flex;
  background: white;
  box-shadow: 0px 40px 60px -20px rgba(0, 0, 0, 0.2);
}

.loader span {
  display: block;
  width: 20px;
  height: 20px;
  background: #eee;
  border-radius: 50%;
  margin: 0 5px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.loader span:nth-child(2) {
  background: #f07e6e;
}

.loader span:nth-child(3) {
  background: #84cdfa;
}

.loader span:nth-child(4) {
  background: #5ad1cd;
}

.loader span:not(:last-child) {
  animation: animate 1.5s linear infinite;
}

@keyframes animate {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(30px);
  }
}

.loader span:last-child {
  animation: jump 1.5s ease-in-out infinite;
}

@keyframes jump {
  0% {
    transform: translate(0, 0);
  }
  10% {
    transform: translate(10px, -10px);
  }
  20% {
    transform: translate(20px, 10px);
  }
  30% {
    transform: translate(30px, -50px);
  }
  70% {
    transform: translate(-150px, -50px);
  }
  80% {
    transform: translate(-140px, 10px);
  }
  90% {
    transform: translate(-130px, -10px);
  }
  100% {
    transform: translate(-120px, 0);
  }
}

@keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    25%{
        background-position: -228px 0
    }
    50%{
        background-position: 0px 0
    }
    75%{
        background-position: 228px 0
    }
    100%{
        background-position: 468px 0
    }
}
.no-content {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 100%;
    height: 10px;
    margin-top:13px;
    position: relative;
    overflow: hidden;
}

.border-bottom:after{
  content: "";
  margin-left: -20px;
  display: block;
  margin-right: -20px;
  border-bottom: 1px solid #E2E5ED;
  margin-top:10px;
}

.border-left{
  border-left: 1px solid #E2E5ED;

}

.default-padding{
  padding-left: 15px;
  padding-right:15px;
}

.no-padding{
  padding:0px !important;
}
.rounded-search{
  width: 350px;
  top: -4px;
  display: inline-block;
  position: relative;
  margin-left: 20px;

}

.rounded-search.block{
  width:100%;
  display: block;
  margin-left: 0px;
  top:0px;
}

.rounded-search .search-icon{
  position: absolute;
  color: #7c7f94;
  opacity: 0.7;
  font-size: 16px;
  height: 100%;
  left: 18px;
  display: flex;
  align-items: center;
}



.rounded-search input{
  width: 100%;
  padding-left: 45px !important;
  border-radius: 80px !important;
  display: inline-block;
  height: 45px;
  box-shadow: 0px 2px 5px #909FBB4D;
}

.rounded-search input.semi-rounded {
    color: #7c7f94;
    border-radius: 10px !important;
    border: 1px solid #E2E5ED !important;
    text-align: left;
    padding: 20px !important;
}

.rounded-search input.semi-rounded::placeholder {
    color: #D6D5D5 !important;
}

.rounded-search input.semi-rounded::-ms-input-placeholder {
    color: #D6D5D5 !important;
}

.rounded-search textarea {
    color: #7c7f94;
    width: 100%;
    border-radius: 10px !important;
    box-shadow: 0px 2px 5px #909FBB4D;
    height: 170px;
    resize: none;
    padding: 20px !important;
}

.rounded-search textarea::placeholder {
    color: #D6D5D5 !important;
}

.rounded-search textarea:::-ms-input-placeholder {
    color: #D6D5D5 !important;
}

.rounded-search textarea::-ms-input-placeholder {
    color: #D6D5D5 !important;
}

.rounded-search input.no-icon {
  padding-left: 22px !important;
}

.rounded-search input.no-icon::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #b2b4c0 !important;
  opacity: 1; /* Firefox */
}

.rounded-search.block input{
  height: 50px;
}

.cg-r-item{
  padding:15px;
  border-bottom: 1px solid #ddd;
  margin-left: -15px;
  margin-right: -15px;
}
.cg-r-item:last-child{
  border-bottom: unset;
}

.cg-r-item .domains-all{
  font-weight: bold;
  line-height: 30px;
  margin-left:0px;
  margin-right:5px;
  background-color: #f9f9fc;
  border:1px solid #edf3fd;
  margin-top:3px;
}

.information-tab .cg-r-item .domains-all{
  background-color: unset;
}


.cg-r-item .cg-title{
  font-weight: bold;
  font-size:12px;
  text-transform: capitalize;
  margin-bottom:8px;
}

.domains-all.drag-icon:before{
  content: "";
    background-image: URL('../img/drag.png');
    width: 14px;
    height: 14px;
    display: inline-block;
    background-size: cover;
    top: 7px;
    position: absolute;
    left:5px;
}

.domains-all.drag-icon{
  padding-left:25px;
}

.dragElement{
  cursor: move;
}

#editor{
  background-color:white;
  height: auto;
}

#contentScrollLeft {
  height: calc(100vh - 148px);
  overflow-y: auto;
  position: relative;
}

#contentScrollRight {
  height:calc(100vh - 145px);
  overflow-y: auto;
  position: relative;
}

.sidebar-small #contentScrollRight {
    height:calc(100vh - 110px);
}

.ql-clipboard {
     position: fixed !important;
     opacity: 0 !important;
     left: 50% !important;
     top: 50% !important;
}

.ql-editor{
overflow: hidden;
min-height: 1000px;
}

.ql-toolbar.ql-snow{
  border:none;
  margin-left:-20px;
  margin-right:-20px;
  padding:8px;
  border-bottom: 1px solid #E2E5ED;
}
.ql-container.ql-snow{
  border:none;
}

.ql-formats{
  margin-right: 6px !important;
  padding-right:6px;
  border-right: 1px solid #ddd;

}

.ql-formats:last-child{
  border-right: none;
}

.ql-formats button, .ql-formats .ql-picker-label{
  opacity: .7;
}

.offers .list-group li{
  line-height: 2;
}

.offers .text-primary{
}


.user-contents {
  padding:10px 30px;
}

.user-contents .my-content-headings {
    border-bottom: 1px solid #E2E5ED;
    padding: 5px;
    margin-bottom: 10px;
}

.user-contents ol li{
  padding:5px;
  padding-left:0px;
  cursor: pointer;
}

.user-contents ol li:hover{
  text-decoration: underline;
}

.user-contents .icon-google {
  width:30px;
  margin-right:10px;
}

.ginfo-line{
  position: relative;
 color:#444;
 line-height: 25px;
 font-size:14px;
}

.ginfo-icon{
  width: 20px;
  position: absolute;
  left:0px;
  top:5px;
}

#editor img{
  cursor: move;
}

.scrollOverflow{
  max-height: 250px;
  overflow-y:auto;
}

.scroll-icons{
  float:right;
  user-select: none;
}

.scroll-icons .fa{
  font-size:20px;
  margin-right:5px;
  cursor: pointer;
}

.dottedOverflow{
  text-overflow:ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width:100%;
}

.content-top-info{
  background-color: #f9f9fc;
  padding: 7px 15px;
  line-height: 38px;
}

.ql-editor.ql-blank::before{
  font-style:initial;
  font-size:30px;
  color:#ddd;
  line-height: 47px;
  padding:0px 30px;
}

.content-firstPH .logo-spin{
  width:24px;
  cursor:pointer;
  float:right;
  margin:15px;
}

.content-firstPH .logo-spin:hover{
  opacity: .8;
}

.content-firstPH > *{
  background-color: #f7fafc;
  color:#0d4979;
  cursor: pointer;
  margin-top:10px;
}
.content-firstPH p {
  font-size:14px;
  padding: 15px;
}
.content-firstPH h4 {
  padding: 15px;
  font-size:1.8em;
  font-weight: bold;
}

.content-firstPH .content-firstPHChild{
  width:87%;
}

.content-firstPH{
  padding: 0px 40px;
}

.no-shuffle {
  background-color: inherit;
}

.no-shuffle > *{
  background-color: inherit;
  color:black;
  cursor: auto;
  width: 100%
}

.no-shuffle .content-firstPHChild{
  width:100%;
}

.spin-image {
    -webkit-animation:spin 2s linear infinite;
    -moz-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite;
    pointer-events: none;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


.check-circle{
    color: white;
    border: 1px solid #999;
    border-radius: 50%;
    margin-right: 5px;
    cursor: pointer;
}

.dropdown.no-caret .dropdown-toggle:after{
  display: none;
}

.dropdown-menu.cs-1{
  padding:10px;
  font-size:13px;
   font-weight:500;
   border-radius:5px;
   color:#444;
   line-height:25px;
}

.dropdown-menu.cs-2:before {
  position: absolute;
  top: -7px;
  left: 40%;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.dropdown-menu.cs-2:after {
  position: absolute;
  top: -6px;
  left: 40%;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}

.dropdown.show .check-circle{
  color:#47525d;
  background-color: #47525d;
}

.check-circle-2{
  color:#28a745;
  position:relative;
  top:2px;
  border:none;
  font-size:14px;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: -350%;
  left: -220px;
  padding: 10px;
  width:200px;
  margin-left: .1rem;
  margin-right: .1rem;
}

.content-link-selection{
   border-bottom: 1px solid #E2E5ED;
   margin-left:-15px;
   margin-right:-15px;
   padding:10px 10px;
}

.content-link-selection > span{
  font-size:13px;
  cursor: pointer;
  padding:7px 5px;
  margin-right:2px;
  font-weight: bold;
  color: #484848;
  display: inline-block;
}

.content-link-selection > span .d-icon {
    background-color: #484848;
}

.content-link-selection .active-selection{
  border-bottom: 4px solid #267ee5;
  background-color: #e2edf6;
  color: #267ee5
}

.content-link-selection .active-selection .d-icon {
    background-color: #267ee5;
}

.content-info-icon{
  cursor: pointer;
  font-size:14px;
  color:#999;
  margin-left:2px;
}
.content-upload-icon{
  cursor:pointer;
  font-size:16px;
  width:30px;
  height:30px;
  line-height: 30px;
  border:1px solid #ddd;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
}

.shuffle-btn{
  background-color: white;
  font-size:12px;
  min-width: auto;
  padding:2px 8px;
  line-height: normal;
  float: right;
  margin-top:10px;
  margin-right:10px;
  min-height: 32px;
}
.shuffle-btn:focus{
  background-color: white;
  color:#868e96;
  border-color: #868e96;
}
.shuffle-btn i{
  margin-right:5px;
}

.information-tab .cg-body *{
  color:#444;
  font-size:13px;
}

#contentGeneralInfo .ginfo-line > span:first-child{
  border-bottom:2px dotted #ddd;
  margin-right:5px;
}

.content-firstPHChild:focus-visible{
  outline: none;
}

.tooltip {
  z-index: 100000000;
}

.tooltip > .tooltip-inner{
  background-color: #4285f4;
  color:white;
  font-size:12px;
  opacity: 1;
}
.menu-bs-tooltip .tooltip-inner {
  background-color: #393939;
  opacity: 0.9;
}

.mb-10{
  margin-bottom:10px;
}
.mb-20{
  margin-bottom:20px;
}

.mb-30{
  margin-bottom:30px;
}

.mt-10{
  margin-top:10px;
}
.mt-20{
  margin-top:20px;
}

.mt-30{
  margin-top:30px;
}

.ml-10{
  margin-left:10px;
}
.ml-20{
  margin-left:20px;
}

.ml-30{
  margin-left:30px;
}
.ml-5px{
  margin-left: 5px;
}
.mr-10{
  margin-right:10px;
}
.mr-20{
  margin-right:20px;
}

.mr-30{
  margin-right:30px;
}
.pl-15{
  padding-left: 15px;
}
.btn-outline-default{
  background-color: white;
  border:1px solid #ddd;
  box-shadow:0px 1px 4px #ddd;
}

.btn-outline-default:focus{
  background-color:white;
  border-color:#ddd;
  color:black;
}

.f12{
  font-size:12px;
}
.f14{
  font-size:14px;
}
.f15{
  font-size:15px;
}
.f16{
  font-size:16px;
}
.specs-info{
  font-size:13px;
}
.specs-info > div > div:first-child{
  color:#666;
}

.specs-info > div > div:last-child{
  font-weight: 500;
  margin-top:5px;
}

.fa-star.checked{
  color:orange;
}
.content-marketplace .fa-star{
  font-size:13px;
}

#marketplaceConfirmPopup .form-group{
  margin-bottom:10px;
}

#marketplaceConfirmPopup .form-group label{
  font-size:14px;

}

#marketplaceConfirmPopup .form-control{
  font-size:13px !important;
  color:black;
  border:1px solid #999999c9 !important;
  margin-top:3px;
}

select.custom-caret{
  -webkit-appearance: none;
}

select.custom-caret {
  background: transparent;
   background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
   background-repeat: no-repeat;
   background-position-x: 99%;
   background-position-y: 10px;
   border: 1px solid #dfdfdf;
   border-radius: 2px;
   margin-right: 2rem;
   padding: 1rem;
   padding-right: 4rem;

}

.menu-tooltip{
  width:145px;
  padding:3px 10px;
  background-color: black;
  color:white;
  position: absolute;
  border-radius: 5px;
  top:5px;
  left:110%;
  font-size:11px;
  opacity: .8;
  text-align: center;
}

.ql-editor{
  padding:20px 50px;
}

.ql-snow .ql-editor p,.ql-snow .ql-editor ul,.ql-snow .ql-editor ol{
  font-size:16px;
}

.ql-snow .ql-editor h1{
  font-size:2.5em;
  font-weight:bold;
}

.ql-snow .ql-editor h2{
  font-size:2em;
  font-weight:bold;
}

.ql-snow .ql-editor h3{
  font-size:1.8em;
  font-weight:bold;
}

.ql-snow .ql-editor h4{
  font-size:1.4em;
  font-weight:bold;
}

.ql-snow .ql-editor p{
  color:#222;
}

.ql-snow .ql-editor li{
  color:#555;
}

.ql-snow .ql-editor a {
  color: #06c !important;
}

.my-contents-item {
  cursor: pointer;
  padding: 3px 0;
}

.my-contents-item:hover {
  background-color: #efefef;
  border-radius: 5px;
}

.my-contents-item .dropdown-toggle::after {
    content:none;
}

.my-contents-item .dropdown-menu {
    padding: 0;
    border-radius: 5px;
}

.my-contents-item .dropdown-menu i[class^="fa-"] {
    margin-right: 10px;
}

.my-contents-item .dropdown-menu .dropdown-item {
    font-size: 14px;
    font-weight: 400;
    color: #555;
}

.my-contents-item .dropdown-menu .dropdown-item:hover {
    background: #efefef;
}

.align-center{
  display: flex;
  align-items: center;
}

.progress-bar {
    -webkit-transition: width 2.5s ease;
    transition: width 2.5s ease;
}

[data-heading-type="h2"]{
  margin-left:15px !important;
}
[data-heading-type="h3"]{
  margin-left:30px !important;
}
[data-heading-type="h4"]{
  margin-left:45px !important;
}
.com-heading:hover{
  background-color: #e4e3e8;
}

.text-capitalize-firstLetter:first-letter{
  text-transform: capitalize;
}
.marketplace-common_questions .m-item {
  margin:10px 20px;
  padding:15px 0px;
  border-bottom:1px solid #bfd6f7;
}
.marketplace-common_questions .toggle-icon{
  font-size:18px;
  float:right;
}

.marketplace-common_questions .answer-text{
  padding:10px 0px;
}

.undo-redo-btn{
 margin-left:5px;
 color:#212529a8
}

.undo-redo-btn:hover{
  color:#06c;
}
.freezeAIContentBtn {
  position:  absolute !important;
  right:20px !important;
}

.ql-editor h1:before,.ql-editor h2:before,.ql-editor h3:before,.ql-editor h4:before,.ql-editor p:before{
    font-size: 12px;
    color: darkgray;
    position: absolute;
    left: 15px;
    text-transform: lowercase;
    font-weight: 500;
}

.ql-editor h1.has-text:before{
  content: "H1";
  margin-top:13px;
}
.ql-editor h2.has-text:before{
  content: "H2";
  margin-top:8px;
}
.ql-editor h3.has-text:before{
  content: "H3";
  margin-top:7px;
}
.ql-editor h4.has-text:before{
  content: "H4";
  margin-top:4px;
}
.ql-editor p.has-text:before{
  content: "P";
  margin-top:2px;
}
.ql-editor span.mark-keyword {
    background: #daf5e0;
}
.ql-editor span.mark-link {
    border-bottom: 2px solid #2684f1;
}
.glow-on-hover {
    border: none;
    outline: none;
    color: #fff;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 5px;
    font-weight: 500;
    min-width: auto !important;
}

.glow-on-hover:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 5px;
}

.glow-on-hover:active {
    color: #000
}

.glow-on-hover:active:after {
    background: transparent;
}

.glow-on-hover:hover:before {
    opacity: 1;
}

.glow-on-hover:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #4285f4;
    background: #111;
    left: 0;
    top: 0;
    border-radius: 5px;
}

.glow-on-hover:hover{
  cursor: pointer;
}

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}

.aishuffule-container{
  color:#212529;
  background-color: #f0f5ff;
  border:1px dotted grey;
  padding:8px 75px 8px 8px;
  border-radius: 10px;
  margin-bottom:10px;
  font-size: 14px;
  cursor: pointer;
}
.aishuffule-container p {
  font-size:14px !important;
}
.aishuffule-container h1 {
  font-size:2.2em !important;
}

.aishuffule-acbtns{
  float: right;
  margin-right: -69px;
  margin-top: -2px;
}

.aishuffule-acbtns i {
  cursor: pointer;
  position: relative;
  color:#47525dc9;
  font-size:14px;
  margin:0px;
  margin-left:5px;
}

.aishuffule-acbtns i.fa-spin{
  pointer-events: none;
}

.aishuffule-acbtns i:hover{
  color:#212529;
}

#exgp2{
  float:right;
}

.lnbr{
  margin-top:10px;
  float: none !important;
}

.lnbr#exgp1{
  margin-left:10px;
}

.optimize-content > div{
  margin-top:10px;
  color:#454545;
  font-size: 12px;
}

.optimize-content > div:first-child {
    margin-top: 0;
}

.optimize-content > div > span:first-child{
  margin-right:15px;
  border-bottom:1px dotted #ddd;
  padding-bottom:2px;
  width:152px;
  display: inline-block;
}
#contentGeneralInfo > div {
  border-right:1px solid #ddd;
  padding:10px;
}

#contentGeneralInfo > div:nth-child(1),#contentGeneralInfo > div:nth-child(2),#contentGeneralInfo > div:nth-child(3){
  border-bottom:1px solid #ddd;
}

#contentGeneralInfo > div > span{
  display: block;
  text-align: center;
}

#contentGeneralInfoParent .cginfo-t1{
  text-transform: uppercase;
  color:rgba(0,0,0,.5);
  font-weight: 500;
  font-size:10px;
}

#contentGeneralInfoParent .cginfo-t2{
  margin:3px 0px;
  font-weight: bold;
  font-size:16px;
}

#contentGeneralInfoParent .cginfo-t3{
  font-size:10px;
  color: rgba(0,0,0,.5);
  font-weight: 500;
}
.keyword-research-t1 > div {
  width:25%;
  border-right:1px solid #ddd;
  padding:5px 25px;
}
.keyword-research-t1 > div:last-child{
  border-right:0px;
}
.keyword-research-t1 h6 {
  font-size:12px;
  color:#777;
}
.keyword-research-t1 .ks-bg{
  font-size:12px;
  border-radius: 5px;
  padding:5px;
  margin-left:10px;
  top:-6.5px;
  position: relative;
}
.shadow3{
  box-shadow:0px 2px 4px #306fff1a;
}

.k-dropdown .dropdown-menu > div{
  padding:10px 20px;
  border-bottom: 1px solid #ddd;
  color:#555;
}

.k-dropdown .dropdown-menu > div:hover{
  background-color: #efefef;
  cursor: pointer;
}
.c-dropdown {
  font-size:14px;
  padding:4px 0px;
  background-color: white;
  box-shadow: 0 0 8px 0px rgb(88 88 88 / 19%);
  text-align: left;
}

.c-dropdown > div{
  padding:5px 10px;
}

.c-dropdown div:hover{
  background-color: #efefef;
}
.c-dropdown a {
  color:#444;
  display: block;
  width:100%;
}
.content-help-p > div {
  display: flex;
  margin:25px 0px 25px 0px;
}
.content-help-p > div > img{
  width:18px;
  height:18px;
  margin-right:20px;
  margin-top:3px;
}
.images-next-prev-icon > span{
  cursor: pointer;
  color:#666;
  user-select: none;
}
.images-next-prev-icon > span.disabled{
  color:#888;
}
.images-next-prev-icon > span:hover{
  color:#000;
}
.card2{
  background-color: white;
  padding: 10px 30px;
  box-shadow: 0px 2px 4px #ddd;
  border-radius: 5px;
}

.checkout-stars img {
  width:18px;
}
.home-img-thumbnail .bg-img{
  height: 180px;
  background-size: cover;
  border:5px solid #fff;
  cursor: pointer;
  position: relative;
  width:100%;
}
.home-img-thumbnail .bg-img:hover:after{
  content: attr(text);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background:rgba(0,0,0,0.4);
  color:#fff;
  font-size:14px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding:8px;
}
.home-img-thumbnail > div > div{
  border:1px solid #efefef;
  border-radius: 5px;
  box-shadow: 0px 2px 4px #ddd;
}
.home-img-thumbnail{
  padding:0px 15px 10px 15px;
}
.home-img-thumbnail > div {
  padding:0px 5px;
}
.home-section .home-margin{
  margin:15px 5%;
}
.home-section{
  margin-bottom:40px;
}
.home-section .glow-on-hover{
  min-width:120px !important;
  font-size: 12px;
  min-height: 38px;
  line-height: 38px;
}
.home-section.popular-tools .col-4{
  padding:0px 5px
}
.home-section h5 {
  font-size:1rem;
}
.home-section .card{
  border-radius: 5px;
}
.popular-tools p {
  min-height: 92px;
}
#relatedQueriesTable .fa-sort{
  color:#555;
  margin-left: 4px;
  margin-right: 10px;
}
#relatedQueriesTable th{
  cursor: pointer;
}
#relatedQueriesTable th:hover{
  background-color: #eeecec;
}
.bars-sort-icon {
  width:16px;
  margin-left:5px;
  margin-right:10px;
  margin-top:-2px;
  opacity: .5;
}
.bars-sort-icon.activeSortBar{
  opacity: 1;
}
.cursor-pointer{
  cursor: pointer;
}
.team-register-form input{
  margin-top:15px;
}
.team-partners-logo-parent img{
  height:30px;
  margin-right:10px;
  margin-bottom:10px;
  opacity: .9;
}
.disabled{
  pointer-events: none;
}
.avatar-img3{
  font-size:15px;
  width:28px;
  height:28px;
  display: inline-block;
  text-align:center;
  border:1px solid #efefef;
  box-shadow:0px 2px 4px #efefef;
  border-radius: 50%;
  line-height: 28px;
  cursor: pointer;
  margin-right:-27px;
  background-color: white;
}

/**
 * Dashboard Banners
 */
 .dashboard-banner {
     padding: 35px 40px;
     border-radius: 8px;
 }

.dashboard-banner .close {
    cursor: pointer;
}

.dashboard-banner {
    background: #111;
    border: none;
}

.dashboard-banner .close {
    color: #fff;
    outline: 0;
}

.dashboard-banner .banner-title {
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 25px;
    color: #212529;
    background: #D5DFFC;
    background: linear-gradient(to right, #D5DFFC 46%, #0777BA 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dashboard-banner .banner-content,
.dashboard-banner .banner-content p {
    color: #f9f9f9;
    font-size: 16px;
}

.dashboard-banner .banner-content .install-button-wrapper {
    text-align: center;
}

.dashboard-banner .banner-content .cta-button {
    cursor: pointer;
    background: #4285f4;
    border-radius: 40px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 15px;
    min-width: 250px;
    margin: 20px auto;
    display: inline-block;
}

.dashboard-banner ol {
    list-style-type: decimal;
    margin: 0;
    padding-left:0;
}

.dashboard-banner ol li {
    list-style: decimal;
    list-style-position: inside;
    font-weight: 500;
    margin-bottom: 5px;
    line-height: 1.3;
}

.dashboard-banner .ratings .rating-star {
    margin: 0 -2px 0;
    float: left;
}

.dashboard-banner .ratings .label {
    display: inline-block;
    margin: 3px 0 0 10px;
}

.rating-star {
    background-image: url('../img/star.svg');
    width: 26px;
    height: 26px;
    display: inline-block;
    background-size: 100%;
}

.dropdown-menu-mark-link{
  width:260px;
  height:fit-content;
  z-index:9999999;
  position:fixed;
  box-shadow:0 12px 48px rgb(109 117 141 / 20%);
  outline: none;
  font-size: 14px;
  background-color: white;
  border-radius: 8px;
}

.dropdown-menu-mark-link > div {
  padding: 10px 13px;
  word-break: break-all;
  cursor: pointer;
}

.dropdown-menu-mark-link > div:not(.no-hover):hover{
  color: white;
  background-color: #107ceff0;
}

.dropdown-menu-mark-link > div:hover .fa{
  color: white !important;
}

.dropdown-menu-mark-link > div:nth-child(1):hover{
  border-radius: 8px 8px 0px 0px;
}

.dropdown-menu-mark-link > div:nth-child(2):hover{
  border-radius: 0px 0px 8px 8px;
}

.internal-link-href{
  text-decoration: none;
}

.internal-link-href:hover{
  opacity: .7;
}

.d-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin: -4px 0 0 0px;

}

.d-icon-help {
    background-image: url('../img/noun-help-1857741-1D1D1D.svg');
    -webkit-mask: url('../img/noun-help-1857741-1D1D1D.svg') no-repeat 50% 50%;
    mask: url('../img/noun-help-1857741-1D1D1D.svg') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-size: contain;
}

.d-icon-drag {
    background-image: url('../img/noun-drag-2496407-1D1D1D.svg');
    -webkit-mask: url('../img/noun-drag-2496407-1D1D1D.svg') no-repeat 50% 50%;
    mask: url('../img/noun-drag-2496407-1D1D1D.svg') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.d-icon-chat {
    background-image: url('../img/chat-icon.svg');
    -webkit-mask: url('../img/chat-icon.svg') no-repeat 50% 50%;
    mask: url('../img/chat-icon.svg') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.d-icon-gear {
    background-image: url('../img/noun-optimize-3549338-1D1D1D.svg');
    -webkit-mask: url('../img/noun-optimize-3549338-1D1D1D.svg') no-repeat 50% 50%;
    mask: url('../img/noun-optimize-3549338-1D1D1D.svg') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.badge-success-2 {
    background-color: #DCF6E5;
    color: #3ca763;
}

.badge-success-3 {
    background-color: #ece8ff;
    color: #9684ff;
}

/**
 * card manager styles
 */
#card-manager .form-control {
   padding: 10px 5px 10px 10px !important;
}

#card-manager .form-control input::-webkit-outer-spin-button,
#card-manager .form-control input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#card-manager .form-control input[type=number] {
    -moz-appearance: textfield;
}

#card-manager .btn:disabled {
   opacity: .6;
   cursor: not-allowed;
}

/**
 * Country dropdown
 */
.country-select .btn {
    border-radius: 20px;
    background: #fff;
    border: 1px solid rgba(0,0,0,.125);
    width: 195px;
    min-height: auto;
    height: 40px;
    padding: 0;
    min-width: auto;
    line-height: 2;
    position: relative;
    color: #718091;
    font-weight: 400;
    box-shadow: 0px 2px 5px #909fbb4d;
    text-align: left;
    padding-left: 40px;
}

.country-select.show .btn {
    background: #efefef;
}

.country-select .dropdown-toggle::after {
    content: none;
}

.country-select .dropdown-toggle .fa-angle-down {
    position: absolute;
    right: 18px;
    top: 13px;
}

.country-select .dropdown-toggle .active-country-flag {
    font-size: 18px;
    position: absolute;
    left: 14px;
    top: 1px;
}

.country-select .dropdown-menu, .dropdown-custom .dropdown-menu {
    margin-top: 15px;
    border-radius: 10px;
    width: 190px;
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #E2E5ED;
    background: #fff;
    box-shadow: 0px 2px 5px rgba(144,159,187,0.3);
}

.country-select .dropdown-menu .dropdown-item, .dropdown-custom .dropdown-item {
    padding: 5px;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    color: #718091;
    cursor: pointer;
    position: relative;
    padding-left: 42px;
}

.country-select .dropdown-menu .dropdown-item:hover,
.country-select .dropdown-menu .dropdown-item:focus,
.dropdown-custom .dropdown-item:hover,
.dropdown-custom .dropdown-item:focus
{
    background: #efefef;
    color: #718091;
}

.country-select .dropdown-menu .dropdown-item .country-flag {
    font-size: 18px;
    position: absolute;
    left: 14px;
    top: 1px;
}

.country-select .dropdown-menu .dropdown-item .country-name {
}

/**
 *
 */
.delete-user-content-dialog .btn {
    border-radius: 20px;
}

.delete-user-content-dialog .btn-link,
.delete-user-content-dialog .btn-link:focus {
    background-color: transparent;
    box-shadow: none;
    border-color: transparent;
    color: #007bff;
    text-decoration: none;
}

.delete-user-content-dialog .btn-dark,
.delete-user-content-dialog .btn-dark:focus {
    background: #111;
    border-color: #111;
}

.readability-details {
    position: absolute;
    top: 140px;
    left: 10px;
    width: 300px;
    border-radius: 10px;
    background: #fff;
    padding: 15px 20px;
    color: #212529;
    font-weight: 400;
}

.readability-details .row:not(:last-child) {
    margin-bottom: 10px;
}

.readability-details p,
.readability-details span {
    font-size: 12px;
}

.user-contents .keyword-roadmap-report:hover {
    background-color: #efefef;
    border-radius: 5px;
}

.tcol2.keyword-roadmap-report p,
.tcol2.keyword-roadmap-report span {
    font-size: 13px;
    color: #000;
}

.tcol2.keyword-roadmap-report .metric-label {
    color: #718091;
}

.tcol2.keyword-roadmap-report .metric-value {
    font-size: 28px;
    font-weight: 600;
    color: #000;
}

.tcol2.keyword-roadmap-report .overlap-keywords .card-title-wrapper {
    border-bottom: 1px solid #ddd;
}

.tcol2.keyword-roadmap-report .color-legend {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 5px;
    vertical-align: middle;
}

.tcol2.keyword-roadmap-report table {
    background: #fff;
}

.tcol2.keyword-roadmap-report table thead tr:hover {
    background-color: #fff;
}

.tcol2.keyword-roadmap-report table tbody td {
    vertical-align: middle;
}

.tcol2.keyword-roadmap-report table th .domain-name {
    font-size: 13px;
}

.tcol2.keyword-roadmap-report table .full-url-link {
    color: #718091;
}

.tcol2.keyword-roadmap-report table .opportunity-score-col {
    text-align: center;
}

.tcol2.keyword-roadmap-report table .opportunity-score-col {
    text-align: center;
}

.tcol2.keyword-roadmap-report table .opportunity-score-col.dark-green-bg {
    background-color: #99EBA9 !important;
}

.tcol2.keyword-roadmap-report table .opportunity-score-col.lighter-green-bg {
    background-color: #DAF6D2 !important;
}

.tcol2.keyword-roadmap-report table .opportunity-score-col.yellow-bg {
    background-color: #FFFEDF !important;
}

.tcol2.keyword-roadmap-report table .opportunity-score-col.red-bg {
    background-color: #FEE5E3 !important;
}

.tcol2.keyword-roadmap-report table .unstarred {
    color: #797979;
}

.tcol2.keyword-roadmap-report table .starred {
    color: #FFD65B;
}

.tcol2.keyword-roadmap-report table .more-actions .dropdown-menu {
    border-radius: 5px;
    box-shadow: 0 4px 8px 0px rgba(88, 88, 88, 40%);
    min-width: 200px;
    padding: 0;
}

.tcol2.keyword-roadmap-report table .more-actions button {
    background: none;
    border: none;
    outline: none;
    padding: 5px 10px;
    cursor: pointer;
}

.tcol2.keyword-roadmap-report table .more-actions .more-actions-icon {
    color: #727272;
    font-size: 16px;
}

.tcol2.keyword-roadmap-report table .more-actions .action-trigger {
    font-weight: 400;
    padding: 10px 15px;
    border-bottom: 1px solid #e9ecef;
}

.tcol2.keyword-roadmap-report table .more-actions .action-trigger:hover {
    background-color: #eeecec;
}

.tcol2.keyword-roadmap-report table .more-actions .action-trigger svg {
    fill: #718091;
}

.tcol2.keyword-roadmap-report table .more-actions .action-trigger:last-child {
    border-bottom: none;
}

.tcol2.keyword-roadmap-report .keyword-table thead th .sort-indicator {
    width: 12px;
    text-align: middle;
}

.tcol2.keyword-roadmap-report .keyword-table thead th .sort-indicator i[class*="fa-"] {
    display: none;
    color: #718091;
}

.tcol2.keyword-roadmap-report .keyword-table thead th.active-sort .sort-indicator .active-indicator {
    display: inline-block !important;
}

.tcol2.keyword-roadmap-report .keyword-table thead th:not(.active-sort):hover .sort-indicator .fa-down-long {
    display: inline-block !important;
}

.tcol2.keyword-roadmap-report #organic-overlap-keywords th {
    cursor: pointer;
    vertical-align: middle;
}

.keyword-roadmap.content-generator button.glow-on-hover:disabled:after {
    background: #646464;
}

/* .tcol2.keyword-roadmap-report #organic-overlap-keywords th .color-legend {
    height: 12px;
    width: 20px;
} */


#keyword-roadmap-loading-modal .modal-content {
    border-radius: 15px;
    box-shadow: 0 0.5rem 1.2rem rgb(0 0 0 / 25%);
}

#keyword-roadmap-loading-modal .close {
    right: -7px;
    top: -12px;
}

#keyword-roadmap-loading-modal.show {
    display: flex !important;
    height: 100%;
}

#keyword-roadmap-loading-modal .modal-dialog {
    margin: auto;
}

/**
 * Media Queries
 */

@media only screen and (max-width:1199px) {
    #contentScrollRight,
    .sidebar-small #contentScrollRight {
        height:calc(100vh - 200px);
    }
}

@media only screen and (min-width:1200px) {
    .sidebar-small #contentScrollRight {
        height:calc(100vh - 180px);
    }
}

@media only screen and (max-width: 991px) {
    .dropdown-menu {
      border: none;
      margin: .125rem 0 0;
      text-align: left;
      padding: .5rem 0;
      box-shadow: 0 0 8px 0px rgba(88, 88, 88, 0.19);
      background: rgba(255, 255, 255, 0.98);
    }
}

/**
 * collapse-sidebar scrollable menu

 * when adding a new menu item in the sidebar,
 * the max-height value must be adjusted here as well
 */
@media only screen and (max-height:820px) {
    .sidebar-small .dashboard-menus {
        overflow-y: scroll;
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }

    .sidebar-small .dashboard-menus::-webkit-scrollbar {
        display: none;
    }

    .sidebar-small .dashboard-bottom-menu {
        position: relative;
        bottom:auto;
    }
}
.content-type-switch > span{
  cursor: pointer;
}

.content-type-switch > span > label{
  margin-left: 3px;
  cursor: pointer;
}

.content-type-switch > span input{
  position: relative;
  top: 1px;
  cursor: pointer;
}

#articleLoadingPopup{
  width: 500px;
  min-height: 150px;
  height: fit-content;
  position: fixed;
  z-index: 9999999999;
  padding: 30px;
  top: 50%;
  margin-top: -100px;
  background-color: white;
  display: none;
}
.shadow4{
  box-shadow: 0 0.5rem 1.2rem rgb(0 0 0 / 20%);
}

.user-contents .keyword-roadmap-report {
    padding: 8px 5px;
    cursor: pointer;
}

.progress-custom-bar{
  height:7px;
  background-color: #e9ecef;
  border-radius: 0.25rem;
  position: absolute;
  width:100%;
  margin-top:13px;
  z-index: 0;
}

.progress-custom{
  display: flex;
  position: relative;
  z-index: 2;
}

.progress-custom > div {
  width: 40%;
  display: flex;
  align-items: center;
}
.progress-circle-box{
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 2px solid #e9ecef;
  background-color: white;
  line-height: 30px;
  color: #777;
  font-size: 14px;
  display: block;
  text-align: center;
}
.progress-circle-text{
  font-size: 12px;
  text-align: center;
  position: absolute;
  margin-left: -5px;
  margin-top:3px;
}

.progress-custom-bar-primary{
  background-color: #107ceff0;
  width: 0px;
  height: 100%;
  border-radius: 0.25rem;
}
.progress-custom-parent.active1 .progress-custom > div:nth-child(1) .progress-circle-box, .progress-custom-parent.active2 .progress-custom > div:nth-child(1) .progress-circle-box,.progress-custom-parent.active2 .progress-custom > div:nth-child(2) .progress-circle-box,.progress-custom-parent.active3 .progress-circle-box{
  background-color: #2583f0;
  color: white;
  border: 1px solid #2583f0;
}
.progress-custom-parent.active2 .progress-custom-bar-primary{
  width: 50%;
}
.progress-custom-parent.active3 .progress-custom-bar-primary{
  width: 100%;
}
.draft-form{
  font-size:13px !important;
  margin-top:5px;
  margin-bottom:5px;
}
.draft-trash-icon{
  cursor: pointer;
  width: 30px;
  text-align: center;
}
.draft-trash-icon:hover{
  color:red;
}

.tcol2 .help-link {
    color: #718091;
    text-decoration: underline;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 400;
    vertical-align: middle;
}

.tcol2 .help-link:hover {
    color: #212529;
}
.btn.checkbtn{
  min-width:40px;
  align-items:center;
  justify-content:center;
  font-size:20px !important;
  margin:5px;
  position:relative;
}
.btn.checkbtn .fa-check{
  color:white;
  margin:0;
}
.draft-bullets{
  margin-left:50px;
  font-weight:normal;
  font-size:12px;
}
.draft-bullets li{
  list-style:disc;
  cursor:pointer;
  padding: 3px;
}
.draft-bullets .draft-bullet-hover:hover{
  background-color: #efefef;
}
.bg-info2{
  background-color: #e3f2ff;
}

.content-version:hover,
.content-version .dropdown-menu .dropdown-item:hover {
    background: #efefef;
}

.content-version .dropdown-toggle::after {
    content: none;
}

.content-version .dropdown-menu .dropdown-item {
    color: #555;
    font-size: 14px;
    font-weight: 400;
}

.version-modal .previewing .modal-header h5 {
    font-size: 16px;
}

.version-modal .previewing .modal-body h1 {
    font-size: 22px;
}

.version-modal .previewing .modal-body h2 {
    font-size: 20px;
}

.version-modal .previewing .modal-body h3 {
    font-size: 18px;
}

.version-modal .previewing .modal-body h4 {
    font-size: 16px;
}

.version-modal .previewing .modal-body h5 {
    font-size: 14px;
}

.version-modal .previewing .modal-body h6,
.version-modal .previewing .modal-body p  {
    font-size: 13px;
}

.version-modal .btn-primary {
    background: #111 !important;
    border-color: #111 !important;
}

.comp-favicon{
  width:20px;
  height:20px;
  border-radius:50%;
  margin-right:2px;
  margin-top:-2px;
}

.content-generator .share-dropdown .dropdown-toggle::after {
    content: none;
}

.content-generator .share-dropdown .dropdown-menu {
    left: -25px !important;
    width: 270px;
}

.content-generator .share-dropdown .dropdown-item {
    font-size: 12px;
    cursor: pointer;
    color: #454545;
}

.content-generator .share-dropdown .dropdown-item .share-link {
    margin-top: 8px;
}

.content-generator .share-dropdown .dropdown-item .share-link input {
    background: #e4e4e4;
    border: 1px solid #9c9c9c;
    border-radius: 4px;
    padding: 2px 4px;
    width: 190px;
    outline: none;
}

.content-generator .share-dropdown .dropdown-item .share-link .copy-share-link {
    font-size: 12px !important;
    padding: 0 !important;
    color: #267ee5;
    min-width: auto;
    text-decoration: none;
}

.content-generator .share-dropdown .upgrade-info p {
    font-size: 13px;
}

.content-generator .share-dropdown .upgrade-info a {
    text-decoration: underline;
}

.content-generator .glow-on-hover.btn-group .dropdown-toggle {
  height: auto;
  width: 35px;
}

.dropdown-item.dropdown-submenu {
  position: relative;
}

.dropdown-item.dropdown-submenu > .dropdown-menu {
  left: 100%;
  top: -6px;
}

.dropdown-item.dropdown-submenu:hover > .dropdown-menu,
.dropdown-item.dropdown-submenu > a:focus + .dropdown-menu {
  /* :focus support is incomplete - pressing Tab sets focus to submenu, but that immediately hides submenu */
  display: block;
}

#write-with-ai.glow-on-hover::before {
  z-index: 1;
}

#write-with-ai.glow-on-hover > button {
  z-index: 10;
}

#write-with-ai > .dropdown-menu {
  top: -40px !important;
  left: 45px !important;
}

#write-with-ai .btn-main-handle {
  min-width: 120px;
  padding: 0;
}

#write-with-ai .btn-main-handle::after {
  content: "";
  right: 0;
  position: absolute;
  font-weight: 300;
  border-right: 1px solid #fff;
  height: 20px;
  top: 8px;
  font-weight: 400;
}

#write-with-ai button {
  background-color: #111 !important;
  opacity: 1;
  outline: 0;
  color: #fff
}

#write-with-ai button:hover {
  color: #fff;
}

#write-with-ai.disabled button {
  opacity: .65;
}

#write-with-ai .dropdown-toggle-split {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: unset !important;
}

#write-with-ai .dropdown-toggle-split:after {
  content: none;
}

#write-with-ai .dropdown-menu {
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  min-width: 220px;
  padding: 0;
}

#write-with-ai .dropdown-menu,
#write-with-ai .dropdown-menu a {
  font-size: 13px;
  color: #212529;
  font-weight: 400;
}

#write-with-ai .dropdown-menu .top-label {
  font-size: 10px;
  padding: 10px 15px 5px;
}

#write-with-ai .dropdown-item {
  padding: 10px;
}

#write-with-ai .dropdown-item:hover {
  background-color: #efefef;
}

#write-with-ai .dropdown-item-icon {
  width: 18px;
  height: 18px;
  float: left;
  margin-right: 8px;
}

#write-with-ai .dropdown-item-icon + span {
  float: left;
}

#write-with-ai .dropdown-submenu .dropdown-menu a {
  float: left;
}

#write-with-ai .dropdown-submenu .dropdown-item {
  padding: 12px 10px;
}

#write-with-ai .dropdown-submenu .fa-chevron-right {
  float: right;
  margin-top: 4px;
  font-size: 11px;
}

/**
 * start of switch css
 */
 .toggle-switch {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 17px;
  margin: 0;
}

.toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.toggle-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.toggle-switch .slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 15px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.toggle-switch input:checked + .slider {
  background-color: #267ee5;
}

.toggle-switch input:focus + .slider {
  box-shadow: 0 0 1px #267ee5;
}

.toggle-switch input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.toggle-switch  .slider.round {
  border-radius: 34px;
}

.toggle-switch .slider.round:before {
  border-radius: 50%;
}

.rewriter-popup{
  position: absolute;
  background-color: white;
  padding: 5px 0px;
  width:287px;
  height:fit-content;
  z-index:9999999;
  box-shadow:0 12px 48px rgb(109 117 141 / 30%);
  outline: none;
  font-size: 14px;
  border-radius: 4px;
  border: 1px solid #efefef;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rewriter-formats{
  padding:2px 10px;
  border-right: 1px solid #ddd;
  cursor: pointer;
}
.rewriter-formats:last-child{
  border-right: 0px;
}
.rewriter-formats svg{
  width: 18px;
  margin-top: 3px;
}
.rewriter-formats > span{
  opacity: .8;
  margin:0px 2px;
}
.rewriter-formats > span:hover{
  opacity: 1;
}
.rewriter-formats > span:hover .ql-stroke{
  stroke: #06c;
}
.rewriter-formats > span:hover .ql-fill{
  fill: #06c;
}
.re-loading{
  pointer-events: none;
  opacity: .7;
}
.re-loading .fa-spin{
  display: inline-block !important;
  margin-right: 2px;
}
.dropdown-word-count{
  width: 370px;
  padding: 10px 15px;
  border-radius: 10px;
  font-weight: normal;
  font-size: 13px;
  border: 1px solid #efefef;
  display: block;
  visibility: hidden;
  margin-left:0px;
  top: 60px;
}
.wc-dropdown-show {
  visibility: visible;
}

/**
 * end of switch css
 */

.card-component input[type="text"],
.card-component input[type="number"] {
  padding: 13px 10px !important;
}

.ai-model-dropdown .dropdown-item{
  padding: 5px 10px !important;
  font-size: 14px;
}
.ai-model-dropdown .dropdown-item.no-hover{
  cursor: default;
}
.ai-model-dropdown .dropdown-item.no-hover:hover{
  background-color: #fff;
}
.ai_models-customers img{
  height: 16px;
  margin-left:15px;
}
.text-primary-gradient{
  background: linear-gradient(to right, #000000 0%, #69BCFE 35%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.card.extra-padding{
  padding:25px;
}
.ai_models-bullets > div{
  display: flex;
  margin-top:22px;
}
.ai_models-bullets  .ai_models-bullets-circle {
  margin-right:10px;
  background-color: #000;
  border-radius: 50%;
  color: White;
  width: 24px;
  height: 24px;
  display: inline-block;
  text-align: center;
  line-height: 24px;
  min-width: 24px;
}
.ai_models-make_model{
  border: 1.5px solid #ddd;
  width: 100%;
  height: 190px;
  border-radius: 10px;
  text-align: center;
  padding: 0px;
  background-color: white;
  cursor: pointer;
  flex: 0 0 24.5%;
  max-width: 24.5%;
  margin-right: 0.5%;
  margin-bottom:5px;
  position: relative;
  word-break: break-all;
}
.ai_models-make_date{
  position: absolute;
  bottom: 10px;
  font-size: 12px;
  text-align: center;
  width: 100%;
  margin-left:-12px;
  color:#444;
}
.ai_models-make_model:hover{
  border: 1.5px solid #107ceff0;
}
.ai_models-make_title{
  min-height: 40px;
  text-transform: capitalize;
  padding-left: 20px;
  padding-right: 20px;
}
.ai_models-make_body{
  width:90%;
  margin-top:30px;
  margin-left:5%;
}
.ai_models-faqs{
  padding:10px 20px;
}
.ai_models-faq-item{
  margin-top:22px;
}
.ai_models-faq-title{
  font-weight: bold;
}
.ai_models-faq-body{
  margin-top:5px;
}
#aiModelsModal .form-control{
  border-radius: 15px !important;
  font-size:13px !important;
  margin-left: 0.5%;
  width: 99%;
}
#aiModelsModal input.form-control{
  height: 40px;
}
#aiModelsModal label{
  font-weight: 500;
  font-size:13px;
}
.w-60{
  width: 60%;
}
.btn-circle.glow-on-hover:before, .btn-circle.glow-on-hover:after{
  border-radius: 40px;
}
.ai_models-emojis > span {
  width: 38px;
  min-width: 38px;
  height: 38px;
  display: inline-block;
  border: 1px solid #999999ab;
  text-align: center;
  line-height: 38px;
  border-radius: 50%;
  margin-right: 7px;
  cursor: pointer;
}
.ai_models-emojis > span:hover{
  background-color: #efefef;
}
.ai_models-emojis > span.active-emoji{
  border: 2px solid #4285f4;
}
.g-loading-icon{
  margin-right:5px;
  display: none;
}
.disabled .g-loading-icon{
  display: inline-block;
}
.ai_models-make_model .dropdown-toggle{
  color: #777;
}
.ai_models-make_model .dropdown-toggle:hover{
  color: #000;
}
.mr-5px{
  margin-right:5px;
}
.dropdown-custom .dropdown-menu{
  margin-top:0px;
  margin-left:-50px
}
.dropdown-custom .dropdown-item{
  padding:5px 15px;
  text-align: inherit;
}
.ai_models-dropdown .dropdown-menu{
  width: 140px;
  min-width: 140px;
}
.ai_models-dropdown .dropdown-item{
  padding-left:23px;
}
.ai_models-make_model-con{
  height: 100%;
  padding:12px;
}

.keyword-roadmap-menu svg {
  stroke: #676767;
}

.keyword-roadmap-menu.active svg {
  stroke: #fff;
}

.user-pref-label {
  color: #a8b2c4;
  font-weight: 500;
}

.content-type-switch label.is-selected {
  border-bottom: 2px solid #0175FF;
}

.ai_models-make-title{
  font-size: 16px;
  background: -webkit-linear-gradient(45deg,#344fd3, #8a40a7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  word-break: break-word;
}
.ai_models-describe-an-text{
  color: grey;
  text-align: center;
}
.top-ranking-table td{
  padding:10px 7px;
}
.top-ranking-table{
  table-layout: fixed;
}
.top-ranking-table tr td:first-child,.top-ranking-table tr th:first-child{
  width: 70%;
  max-width: 70%;
}
.writing_shortcut {
  position: relative;
}
.writing_shortcut:before{
  content: "Press 'space' for AI commands...";
  text-transform: inherit !important;
  left: 0px !important;
  font-size: inherit !important;
  bottom: 0px !important;
  font-weight: 400 !important;
  color: #8080808c !important;
}

grammarly-editor-plugin{
  --grammarly-button-position-bottom: 95px;
  --grammarly-button-position-right: 35px;
}

.btn-warning.focus, .btn-warning:focus{
  background-color: #ffc107 !important;
  box-shadow: 0 0 0 0.2rem rgba(255,193,7,.5) !important;
  color:black !important;
  border: 1px solid #ffc107 !important;
}

.top-upgrade-popup{
  position:absolute;
  padding:4px;
  border-radius:25px;
  width:400px;
  top:0px;
  left:50%;
  margin-left:-200px;
  right:0px;
  text-align:center;
  z-index:2;
  margin-top:5px;
  background-color: #ffc107a6;
  display: flex;
  align-items: center;
  justify-content: center;
}

.top-upgrade-popup .btn-xs{
  font-size: 13px !important;
  border-color:#dbaf2b;
}
.drag-plus-icon{
  width:24px;
  cursor: pointer;
  text-align: center;
}

.paragraph-exceed-bar{
  width:470px;
  margin-left:-235px;
  position: fixed;
  bottom:0px;
  left:50%;
  z-index: 3;
  text-align: center;
  font-size: 14px;
}
.circle-icon{
  width: 22px;
  height: 22px;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  color:white;
  line-height: 22px;
  margin-right:5px;
}

.paragraph-exceed-bar .circle-icon{
  background-color: #dc3545;
}

.strikethrough{
  position: relative;
}

.strikethrough:before {
  border-bottom: 2px solid #ff0000c4;
  position: absolute;
  content: "";
  width: 100%;
  height: 50%;
  top:1px;
}
.ai-questions-prompt{
  background-color: #efefef;
  padding:10px;
  font-size:12px;
  border-radius: 10px;
  cursor: pointer;
  width:fit-content;
  margin-bottom:10px;
}
.ai-questions-prompt:nth-child(even){
  margin-left:auto;
}
.active .gsc_google_icon path {
  fill: white !important;
}
.gsc-top-links {
  display: flex;
  border-bottom:1px solid #efefef;
  margin-top:-10px;
}

.gsc-top-links > div{
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
  padding: 10px 20px;
  text-align: center;
  margin-right:5px;
}

.gsc-top-links div:hover, .gsc-page-active{
  color: #2684f1;
  border-bottom: 2px solid #2684f1;
}
.no-select{
  user-select: none;
}

.gsc-table{
  font-size: 13px;
}

.gsc-table thead th{
  font-weight: 500;
}

.gsc-table .gscud.text-success:before{
  font-family: "Font Awesome 5 Free";
  content: "\f062";
  display: inline-block;
  padding-right: 3px;
  font-weight: 900;
}

.gsc-table .gscud.text-danger:before{
  font-family: "Font Awesome 5 Free";
  content: "\f063";
  display: inline-block;
  padding-right: 3px;
  font-weight: 900;
}

.gsc-table th .sort-icon{
  color: #888;
  margin-left: 5px;
}

.gsc-table th[key="keyword"],.gsc-table th[key="page"]{
  width: 280px;
  word-break: break-word;
}

.gsc-home-domain-child > div{
  margin-top:15px;
}

.gsc-home-domain-child .gsc-home-key{
  font-size: 12px;
  color: #666;
}

.gsc-home-domain-child .gsc-home-value{
  font-size: 18px;
  font-weight: 500;
  margin-top:3px;
}

.gsc-home-domain-child .gs-icon{
  margin-left:3px;
  color: #666;
  font-weight: normal;
  font-size: 16px;
}

.gs-progress-bar .progress{
  height: 10px;
  margin-top:-5px;
}

.gs-progress-bar label {
  font-size: 12px;
  color: #666;
}

.gs-progress-bar > div {
  margin-bottom:15px;
}

#toast-container{
  z-index: 999999999999999999;
}

.table-responsive .gsc-table  th {
  max-width:100%;
  white-space:nowrap;
}

.gsc-table [key="query"]{
  word-break: break-word;
  min-width: 250px;
}