/*
NTMetaCheck
*/

.meta-description-formular {
    background: #dddddd none repeat scroll 0 0;
    padding: 2rem;
}

.tooltip {
position: absolute;
z-index: 1020;
display: block;
visibility: visible;
padding: 10px;
font-size: 11px;
opacity: 0;
filter: alpha(opacity=0)
}

.tooltip.in {
opacity: .8;
filter: alpha(opacity=80)
}

.tooltip.top {
margin-top: -2px
}

.tooltip.right {
margin-left: 2px
}

.tooltip.bottom {
margin-top: 2px
}

.tooltip.left {
margin-left: -2px
}

.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #000;
}

.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #000
}

.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #000
}

.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid #000
}

.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}

.tooltip-arrow {
position: absolute;
width: 0;
height: 0
}

.green {
color: #00e026;
}

.red {
color: #c5181e;
}

.result {
#height: 100px;
width: 600px;
background: white;
}

.result .metatitle {
color: #00ff00;
}

.result .metadescription {
color: #000;
}

.result .url {
color: #ff0000;
}

#meta-description-form {
width: 100%;
}

#meta-description-form .input-group {
margin: 10px 0;
}

#google-like-result {
background: #fff;
width: 511px;
text-align: left;
}

#google-like-result h3 {
color: #0000ff;
font-size: 18px;
margin: 2px 0;
padding: 0;
}

#google-like-result .url {
color: #006621;
font-size: 13px;
margin: 0;
padding: 0;
}

#load-url {
width: 100%;
margin-left: 0;
}

#google-like-result .metadescription {
color: #545454;
font-size: 13px;
margin: 0;
padding: 0;
}

#meta-description-form .input-group.navbar-form {
padding: 0;
}
.navbar-form {
    width: 100%;
}

@media (max-width: 767px) {
    
    input#load-url-submit {
        width: 100%;
    }
}