/*  Propietary Style  */

body {
    font-size:13px;
	font-family: 'Open Sans', sans-serif;
	color:#595959;
	/*background-image: url('background-reg.jpg');*/
}

h1 {font-weight:600;letter-spacing:-1px;}

.pac-container:after {  /* Disclaimer: not needed to show 'powered by Google' if also a Google Map inus shown */
    background-image: none !important;
    height: 0px;
}

/* Customize container */
@media (min-width: 1200px) {
    .container {
        max-width: 970px;
    }

}

@media (min-width: 992px) {
    .container {
        max-width: 970px;
    }

}

.profile{
    background: #f9f9f9;
    border: 1px dashed #ccc;
    padding: 5px;
}

.profile img{
    width: 100%;
}

#smartphone h5 {margin:0 0 15px 0;}

.option {border:1px solid #ccc;padding:20px;width:160px;}
.option:hover {background:#e7e7e7;}
.option.selected {background:#eeeeee;border:3px solid #ccc;}


.center {text-align:center;}
.panel-body.registrationSTP1 h4.registrationType {color:#999}
.panel-body.registrationSTP1 hr {border-top: 1px solid #ddd;}

.panel-default.registration {background-color:#D7E7FF;}
.panel-default.login {background-color:#f7f7f7;}

.modal-dialog.login {max-width:400px;min-width:250px;}



.form-horizontal .control-label {
    text-align: right;
}

.form-horizontal .control-label, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    padding-top: 6px;
    padding-right: 0px;
}

.input-group  {
    width:214px;
}

.captcha {border:1px solid #ccc;}

h6.help-text {color:#7d7d7d;}

legend {
    font-size:14px;
    font-weight:bold;
    padding:10px 10px 0 10px;
    border-bottom:0px;
}

.control-label {
    font-weight:normal;
}

.dropdown-menu {
    margin-top:0px;border-radius: 2px;-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.175);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.175);padding-top:0px;padding-bottom:0px;border-top:0px;
}

.dropdown-menu > li > a {
    padding: 5px 40px 5px 10px;
}

.help-block {
    font-size:11px;
}

.panel.panel-info {
	background:#FFFF99;
	border:0px;
	font-size: 14px;}

.panel {
    padding:10px;
    margin-bottom:5px;
    background:#f7f7f7;
    /* border:3px solid #ccc; */
    /* position: relative; */
    /* left: 300px; */
    /* width: 555px; */
    margin-top:20px;
}

.panel .form-control {
    font-size:13px;
}
.panel-body h4 {
    font-size:15px;
    font-weight:normal;
}

.panel-heading {
    margin: -5px -5px 5px;
    text-align:left;
    background:#3B5998;
    border-bottom:1px solid #133783;
    padding:20px 20px 20px 10px;
}

.panel-heading .form-group {
    margin-bottom:0px;
}

.breadcrumb {
    padding: 8px 0px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #fff;
    border-radius: 0px;
}

.modal-content {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.8);
    border-radius: 2px;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: none;
}

.modal-header {
    background-color:#ffffff;border:0px;
}

.modal-header.answers {
    background-color:#eee;border:0px;
}

.modal-footer {
    background-color:#eeeeee;border:0px;
}

.typeahead,
.tt-query,
.tt-hint {
    display: block;
    width: 214px;
    height: 34px;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


.typeahead {
    background-color: #fff;
}

.typeahead:focus {
    border: 1px solid #0097cf;
}

.tt-dataset-countries h6 {padding:5px 10px;margin:0;font-size:11px;color:#999;background: #f7f7f7;}


.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999
}

.tt-dropdown-menu {
    width: 214px;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.2);
    -moz-box-shadow: 0 4px 8px rgba(0,0,0,.2);
    box-shadow: 0 4px 8px rgba(0,0,0,.2);
    max-height: 200px;
    overflow-y: auto;
    min-height: 84px;

}

.tt-suggestion {
    padding: 5px 10px 5px 10px;
    font-size: 13px;
    line-height: 23px;
}

.tt-suggestion.tt-is-under-cursor {
    color: #fff;
    background-color: #0097cf;

}

.tt-suggestion p {
    margin: 0;
}

.terms {width:85%;margin:0 auto;font-size:11px;}
.terms p {margin-top:25px;text-align:center;}


.btnfix, .inputfix {width: 214px;}

.formdiv{
    margin: 20px;
}

.formlabel{
    width: 25%;
    float: left;
}

.forminput{
    width: 72%;
}

#wrapper {
    margin-left: 200px;
}
#content {
    float: right;
    width: 80%;

}
#sidebar {
    float: left;
    width: 330px;
    margin-left: -200px;

}
#cleared {
    clear: both;
}



.navbar-default {
  background-color: #ff7a42;
  border-color: #ff7a42;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: #ff7a42;
}

.navbar-brand img {
  max-height: 30px;

}

.navbar-brand {
  padding: 10px 5px 10px 15px;
}

.navbar-default .navbar-nav > li > a {
  color: #fff;
  font-size:13px;
  font-weight:700;
}

.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 0px solid transparent;
  -webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, .1);
  box-shadow: inset 0 0px 0 rgba(255, 255, 255, .1);
}

.navbar {
  border-radius: 0px;
}

.tagline {
	padding:14px 0 0 0;
	font-weight:500; 
	color:#fff; 
	font-size:13px;
	opacity: 0.7;
}

.alert-danger p {
	font-family: 'Open Sans', Helvetica, Arial, Sans Serif;
	font-size:12px;
}


.alert-danger {
  color: #F20B0B;
  background-color: #FFF7F7;
  border:0px;

 }

.alert-danger h5 {font-weight:bold;margin:0 0 10px 0}
.alert-danger p {margin:0;font-weight:normal;}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {color: #F20B0B;}


/*
 * Social Buttons for Bootstrap
 *
 * Copyright 2013-2015 Panayiotis Lipiridis
 * Licensed under the MIT License
 *
 * https://github.com/lipis/bootstrap-social
 */

.btn-social{position:relative;padding-left:40px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-social>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social.btn-lg{padding-left:61px}.btn-social.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social.btn-sm{padding-left:38px}.btn-social.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social.btn-xs{padding-left:30px}.btn-social.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding:0}.btn-social-icon>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2);margin-left: auto;}
.btn-social-icon.btn-lg{padding-left:61px}.btn-social-icon.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social-icon.btn-sm{padding-left:38px}.btn-social-icon.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social-icon.btn-xs{padding-left:30px}.btn-social-icon.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon>:first-child{border:none;text-align:center;width:100% !important}
.btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0}
.btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0}
.btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0}
.btn-adn{color:#fff;background-color:#d87a68;border-color:rgba(0,0,0,0.2)}.btn-adn:hover,.btn-adn:focus,.btn-adn:active,.btn-adn.active,.open>.dropdown-toggle.btn-adn{color:#fff;background-color:#ce563f;border-color:rgba(0,0,0,0.2)}
.btn-adn:active,.btn-adn.active,.open>.dropdown-toggle.btn-adn{background-image:none}
.btn-adn.disabled,.btn-adn[disabled],fieldset[disabled] .btn-adn,.btn-adn.disabled:hover,.btn-adn[disabled]:hover,fieldset[disabled] .btn-adn:hover,.btn-adn.disabled:focus,.btn-adn[disabled]:focus,fieldset[disabled] .btn-adn:focus,.btn-adn.disabled:active,.btn-adn[disabled]:active,fieldset[disabled] .btn-adn:active,.btn-adn.disabled.active,.btn-adn[disabled].active,fieldset[disabled] .btn-adn.active{background-color:#d87a68;border-color:rgba(0,0,0,0.2)}
.btn-adn .badge{color:#d87a68;background-color:#fff}


.btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}.btn-facebook:hover,.btn-facebook:focus,.btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}
.btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{background-image:none}
.btn-facebook.disabled,.btn-facebook[disabled],fieldset[disabled] .btn-facebook,.btn-facebook.disabled:hover,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook:hover,.btn-facebook.disabled:focus,.btn-facebook[disabled]:focus,fieldset[disabled] .btn-facebook:focus,.btn-facebook.disabled:active,.btn-facebook[disabled]:active,fieldset[disabled] .btn-facebook:active,.btn-facebook.disabled.active,.btn-facebook[disabled].active,fieldset[disabled] .btn-facebook.active{background-color:#3b5998;border-color:rgba(0,0,0,0.2)}
.btn-facebook .badge{color:#3b5998;background-color:#fff}

.btn-google{color:#fff;background-color:#de5246;border-color:rgba(0,0,0,0.2)}.btn-google:hover,.btn-google:focus,.btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{color:#fff;background-color:#de5246;border-color:rgba(0,0,0,0.2)}
.btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{background-image:none}
.btn-google.disabled,.btn-google[disabled],fieldset[disabled] .btn-google,.btn-google.disabled:hover,.btn-google[disabled]:hover,fieldset[disabled] .btn-google:hover,.btn-google.disabled:focus,.btn-google[disabled]:focus,fieldset[disabled] .btn-google:focus,.btn-google.disabled:active,.btn-google[disabled]:active,fieldset[disabled] .btn-google:active,.btn-google.disabled.active,.btn-google[disabled].active,fieldset[disabled] .btn-google.active{background-color:#3b5998;border-color:rgba(0,0,0,0.2)}
.btn-google .badge{color:#de5246;background-color:#fff}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {

  /* Margin bottom by footer height */
  margin-bottom: 100px;

}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 80px;
  text-align:center;
  background:#f7f7f7;
  font-size:12px;
  padding-top:20px;
  color:#ccc;
}

.navbar-default .navbar-toggle {
  border-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}

.btn {font-weight:600;}

h4 {
	font-weight:500;
	line-height: 24px;
	margin-bottom:10px;
	font-size: 16px;
}

h5 {
	font-weight:500;
	line-height: 24px;
	margin-bottom:10px;
	font-size: 14px;
}


.alert-success {
  color: #fff;
  background-color: #5CB85C;
  border-color: #30BF2D;
  text-align: center;
}

ul.brief {
	margin:0 0 20px 0;
	padding:0;
}

.brief li {
  font-size: 14px;
  margin-bottom: 15px;
  font-weight: 500;
  list-style: none;
  margin:0;
}


.tab-content {
	background-color:#f7f7f7;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:15px;
	font-size:13px;
}

.media {border-bottom:0px solid #eee;}

.nav-tabs > li > a {
	font-size:14px;
}

.nav-tabs > li.active > a {
	font-weight:700;

}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	cursor: default;
  	background-color: #f7f7f7;
  	border: 1px solid #ddd;
  	border-bottom-color: transparent;
}

.header-logged-in {
	position:absolute;top:-55px;right:0;color:#fff;
}

.header-logged-in a {color:#fff;}


.textarea-modal {width:100%;height:300px;overflow-y:auto;padding:10px;border:1px solid #ccc; background-color:#fff;}
.textarea-modal h3 {font-size:15px; font-weight:600;margin-top:0px;}

.modal-body {background-color:#eeeeee;}
.modal-title {font-weight:600;}
.modal-footer {padding-top: 0px;}


.option.selected {
  background: #fff;
  border: 3px solid green;
}

.modal-header.answers {
	background-color:#fff;
}

.modal-header.answers h5 {
  margin: 0 0 15px 0;
  font-size: 20px;
}


/* New loading */

#circularG {
width:230px;
height:16px;
overflow:hidden;
background-color:#5CB85C;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-ms-border-radius:8px;
-o-border-radius:8px;
border-radius:8px;
margin-top:30px;
}


.circularG {
background-color:#CCCCCC;
margin-top:0;
margin-left:-230px;
-moz-animation-name:bounce_loadingProgressG;
-moz-animation-duration:2.4s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:linear;
-webkit-animation-name:bounce_loadingProgressG;
-webkit-animation-duration:2.4s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-ms-animation-name:bounce_loadingProgressG;
-ms-animation-duration:2.4s;
-ms-animation-iteration-count:infinite;
-ms-animation-timing-function:linear;
-o-animation-name:bounce_loadingProgressG;
-o-animation-duration:2.4s;
-o-animation-iteration-count:infinite;
-o-animation-timing-function:linear;
animation-name:bounce_loadingProgressG;
animation-duration:2.4s;
animation-iteration-count:infinite;
animation-timing-function:linear;
width:230px;
height:16px;
}

#circularGFacebook {
width:230px;
height:16px;
overflow:hidden;
background-color:#5CB85C;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-ms-border-radius:8px;
-o-border-radius:8px;
border-radius:8px;
margin-top:30px;
}


.circularGFacebook {
background-color:#CCCCCC;
margin-top:0;
margin-left:-230px;
-moz-animation-name:bounce_loadingProgressG;
-moz-animation-duration:2.4s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:linear;
-webkit-animation-name:bounce_loadingProgressG;
-webkit-animation-duration:2.4s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-ms-animation-name:bounce_loadingProgressG;
-ms-animation-duration:2.4s;
-ms-animation-iteration-count:infinite;
-ms-animation-timing-function:linear;
-o-animation-name:bounce_loadingProgressG;
-o-animation-duration:2.4s;
-o-animation-iteration-count:infinite;
-o-animation-timing-function:linear;
animation-name:bounce_loadingProgressG;
animation-duration:2.4s;
animation-iteration-count:infinite;
animation-timing-function:linear;
width:230px;
height:16px;
}

@-moz-keyframes bounce_loadingProgressG{
0%{
margin-left:-230px;
}

100%{
margin-left:230px;
}

}

@-webkit-keyframes bounce_loadingProgressG{
0%{
margin-left:-230px;
}

100%{
margin-left:230px;
}

}

@-ms-keyframes bounce_loadingProgressG{
0%{
margin-left:-230px;
}

100%{
margin-left:230px;
}

}

@-o-keyframes bounce_loadingProgressG{
0%{
margin-left:-230px;
}

100%{
margin-left:230px;
}

}

@keyframes bounce_loadingProgressG{
0%{
margin-left:-230px;
}

100%{
margin-left:230px;
}

} 


img#imgId {
  width: 150px;
  border: 1px solid #ccc;
  margin-bottom: 20px;

}
#circular3dGState{
		position:relative;
	width:27px;
	height:27px;
	margin:auto;
}

#circular3dGCity{
		position:relative;
	width:27px;
	height:27px;
	margin:auto;
}

.circular3dG{
	position:absolute;
	background-color:rgb(0,0,0);
	width:8px;
	height:8px;
	border-radius:8px;
		-o-border-radius:8px;
		-ms-border-radius:8px;
		-webkit-border-radius:8px;
		-moz-border-radius:8px;
	animation-name:bounce_circular3dG;
		-o-animation-name:bounce_circular3dG;
		-ms-animation-name:bounce_circular3dG;
		-webkit-animation-name:bounce_circular3dG;
		-moz-animation-name:bounce_circular3dG;
	animation-duration:1.2s;
		-o-animation-duration:1.2s;
		-ms-animation-duration:1.2s;
		-webkit-animation-duration:1.2s;
		-moz-animation-duration:1.2s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
}

#circular3d_1G{
	left:11px;
	top:2px;
	animation-delay:0.45s;
		-o-animation-delay:0.45s;
		-ms-animation-delay:0.45s;
		-webkit-animation-delay:0.45s;
		-moz-animation-delay:0.45s;
}

#circular3d_2G{
	left:17px;
	top:6px;
	animation-delay:0.6s;
		-o-animation-delay:0.6s;
		-ms-animation-delay:0.6s;
		-webkit-animation-delay:0.6s;
		-moz-animation-delay:0.6s;
}

#circular3d_3G{
	left:20px;
	top:12px;
	animation-delay:0.75s;
		-o-animation-delay:0.75s;
		-ms-animation-delay:0.75s;
		-webkit-animation-delay:0.75s;
		-moz-animation-delay:0.75s;
}

#circular3d_4G{
	left:18px;
	top:18px;
	animation-delay:0.9s;
		-o-animation-delay:0.9s;
		-ms-animation-delay:0.9s;
		-webkit-animation-delay:0.9s;
		-moz-animation-delay:0.9s;
}

#circular3d_5G{
	left:11px;
	top:20px;
	animation-delay:1.05s;
		-o-animation-delay:1.05s;
		-ms-animation-delay:1.05s;
		-webkit-animation-delay:1.05s;
		-moz-animation-delay:1.05s;
}

#circular3d_6G{
	left:2px;
	top:13px;
	animation-delay:1.2s;
		-o-animation-delay:1.2s;
		-ms-animation-delay:1.2s;
		-webkit-animation-delay:1.2s;
		-moz-animation-delay:1.2s;
}

#circular3d_7G{
	left:0px;
	top:4px;
	animation-delay:1.35s;
		-o-animation-delay:1.35s;
		-ms-animation-delay:1.35s;
		-webkit-animation-delay:1.35s;
		-moz-animation-delay:1.35s;
}

#circular3d_8G{
	left:4px;
	top:0px;
	animation-delay:1.5s;
		-o-animation-delay:1.5s;
		-ms-animation-delay:1.5s;
		-webkit-animation-delay:1.5s;
		-moz-animation-delay:1.5s;
}



@keyframes bounce_circular3dG{
	0%{
	transform:scale(1)
	}

	100%{
	transform:scale(.3)
	}
}

@-o-keyframes bounce_circular3dG{
	0%{
	-o-transform:scale(1)
	}

	100%{
	-o-transform:scale(.3)
	}
}

@-ms-keyframes bounce_circular3dG{
	0%{
	-ms-transform:scale(1)
	}

	100%{
	-ms-transform:scale(.3)
	}
}

@-webkit-keyframes bounce_circular3dG{
	0%{
	-webkit-transform:scale(1)
	}

	100%{
	-webkit-transform:scale(.3)
	}
}

@-moz-keyframes bounce_circular3dG{
	0%{
	-moz-transform:scale(1)
	}

	100%{
	-moz-transform:scale(.3)
	}
}

a {
    color: #3b5998;
}
