@media only screen and (min-width:768px){
   .right-url-area {
   	padding-top: 120px;
   }
}

#text_warning {
	background-color: red; color: #FFFFFF; border-radius: 0.3rem;
}


#url_success {
	background-color: green; color: #FFFFFF; border-radius: 0.3rem;
}

#panel_url {
	background-color: #FFF; border-radius: 3rem
}

.icons_box {
	background-color: #fff; margin-left: 5px; margin-right: 5px; border-radius: 0.5rem;
}


#url_id {
	border-style: solid; border-color: #000; border-width: 0.1px; color : #000000;
}

#url_input {
	color : #000000;
}

.face-social {
  background-image: url('../images/icon/icon_sosmed.png');
  background-size: 20px 20px;
  height: 20px;
    width: 20px;
    display: inline-block;
    background-repeat: no-repeat;
}

.face-digital-marketing {
  background-image: url('../images/icon/icon_digital_marketing.png');
  background-size: 20px 20px;
  height: 20px;
    width: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}

.face-developer {
  background-image: url('../images/icon/icon_developer.png');
  background-size: 20px 20px;
  height: 20px;
    width: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}

.face-management {
  background-image: url('../images/icon/icon_management.png');
  background-size: 20px auto;
  height: 20px;
    width: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}

.face-link {
  background-image: url('../images/icon/icon_integration.png');
  background-size: 20px 20px;
  height: 20px;
    width: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}

.face-branded {
  background-image: url('../images/icon/icon_branded.png');
  background-size: 20px 20px;
  height: 20px;
    width: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}


.face-campaign {
  background-image: url('../images/icon/icon_analisa.png');
  background-size: 20px 20px;
  height: 20px;
    width: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}

.face-blog {
  background-image: url('../images/icon/icon_blog.png');
  background-size: 20px 20px;
  height: 20px;
    width: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}

.face-resource {
  background-image: url('../images/icon/icon_library.png');
  background-size: 20px 20px;
  height: 20px;
    width: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}


.face-support {
  background-image: url('../images/icon/icon_support.png');
  background-size: 20px 20px;
  height: 20px;
    width: 20px;
  display: inline-block;
  background-repeat: no-repeat;
}