/* Seobot Css by HETA */

@media only screen {
/*****/
html {
    background: url('/img/seobot-bg.png') center top repeat-y;
}

/******/
}
/******/


@media (max-width: 737px) {


	.input-group .input-group-prepend:first-child {
		margin: 10px auto;
		width: 98%;
	}
	.input-group .input-group-prepend:nth-child(2) {
		margin: auto;
		width: 200px;
	}
	.input-group .input-group-prepend:nth-child(3) {
		width: 190px;
		margin: 5px auto 0;
	}
	.input-group .input-group-prepend:nth-child(4) {
		margin: 10px auto;
		width: 98%;
	}
	#refresh-captcha {
		margin-right: 4px !important;
	}


}


body {
    background: transparent;
    font-family: 'Nunito', sans-serif;
}


.seo-google{
    text-align:left;
    user-select: none;
    display:none;
}
.seo-google span:first-child {
    color: #00e;
    font-size: 16px;
    margin-bottom: 2px;
    overflow-x: hidden;
    text-decoration: underline;
    white-space: nowrap;
    display:block;
}
.seo-google span:nth-child(2) {
    color: #00802a;
    font-size: 14px;
    font-weight:bold;
}
.seo-google span:nth-child(3) {
    color: #444;
    font-family: helvetica,arial,sans-serif;
    font-size: 13px;
}


img.logo {
    margin: 150px auto 40px;
    display: block;
    max-width: 100%;
    width: 360px;
    height: auto;
}

.input-group-prepend:first-child {
    width: 90%;
    margin: 4px auto 20px;
}
.input-group-prepend:nth-child(2) {
    width: 200px;
    display: inline-block;
    margin-left: calc((100% - 400px) / 2);
    text-align: right;
}
.input-group-prepend:nth-child(3) {
    width: 200px;
    display: inline-block;

}
.input-group-prepend:nth-child(4) {
    clear: both;
    display: inline-block;
    width: 60%;
    margin: 20px auto;
}
.input-group-prepend button.btn {
    display: block;
    width: 100%;
    border-radius: 8px !important;
    background: #252525;
    color: #fff;
    border: none;
}

#refresh-captcha {
    width: 38px;
    background: #7e321f;
    height: 38px;
    float: right;
    padding: 10px;
    border: 2px solid #cc3300;
    margin-right: 10px;
    color: #fff;
}

#chart {
    width:150px; 
    margin:auto;
}
#chart span {
    position:absolute;top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%);
}

div.seo-google {
    margin-top: -30px;
}
h5.card-title {
    font-size: 0.9em;
    margin-bottom: 0;
}

div.card-header {
    background: #f4f8ff;
}
div.card-header div {
    font-size: 0.8em;
    font-weight: 600;
}

.card-body .card-text {
    font-size: 0.9em;
    margin-bottom: 3px;
}

.filter-description {
    padding: 10px 2em;
    font-size: 0.8em;
    background: #f0f0f0;
    color: #733068;
}

.filter-str-len {
    font-size: 0.8em;
    color: #733067;
}