/* position: absolute; */

/* The container */
.chckcontainer {
  display: block;
  position: absolute;
  padding-left: 35px;
  margin-top: 5px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.chckcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 15px;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.chckcontainer:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.chckcontainer input:checked ~ .checkmark {
  background-color: #6ec242;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.chckcontainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.chckcontainer .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.top-bg
{
  background-color: #ebeef3;
}
.blockdisplay
{
  display: none;
}
.tab {
  overflow: hidden;
  height: 55px;
  position: relative;
  /*background-color: #ebeef3;*/ 
}
.tab div{
  position: absolute;
  height: 40px;
  bottom: 0;
}
.ma-l-6{
  margin-left:6px ;
}
.pd-b-20
{
  padding-bottom: 20px;
}
.m-15
{
  margin: 15px;
}
.tab div div {
background-color: inherit;
position: relative;
float: left;
border: none;
outline: none;
height: 40px;
cursor: pointer;
padding: 8px 13px;
transition: 0.3s;
font-size: 15px;
background-color: #dfe6ee;
}
.seoheadbg
{
/* background: #264965; */
background-color: #18264a;
  color: #e6f2fe;
  height: 50px;
  margin-top: 10px;
  margin-bottom: 15px;
  padding: 15px;
}
.seoheadbg h4
{
margin: 0;
}
.seosubcontent
{
  padding: 15px!important;
  background: #ebeff3;
  border: 1px solid #dadee2;
  border-radius: 4px;
  box-sizing: border-box;
}
.seocontent
{
border: 1px solid #CCCCCC;
background-color: #fff;
border-radius: 10px;
}
.tab div div:hover {
background-color: #f5f7fa;
border-top: solid 4px #0d6cb0;
font-weight: 600;
}

.tab div div.active {
background-color: #f5f7fa;
border-top: solid 4px #0d6cb0;
font-weight: 600;
}
.url-bg
{
  height: 38px;
  float: left;
  white-space: nowrap !important;
  background: #dde5ec;
  color: #647a8e;
  font-weight: bold;
  padding: 5px 5px;
  border-radius: 5px 0 0 5px;
  border: 1px solid #ced9e4;
  border-right: none;
}
.tabcontent-bg
{
background-color: #f5f7fa;
padding:16px;
}
.tabcontent {
display: none;
padding: 6px 12px;
-webkit-animation: fadeEffect 1s;
animation: fadeEffect 1s;
}

@-webkit-keyframes fadeEffect {
from {opacity: 0;}
to {opacity: 1;}
}

@keyframes fadeEffect {
from {opacity: 0;}
to {opacity: 1;}
}
.metatext {
resize: none;
}