/* Custom CSS */

/*--- Body -------------------------- */
body {
	padding-top: 50px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
	/* background-color: #fafbfc; */
	}

/*--- Secciones ------------------------*/
section { padding: 15px 0px 15px 0px; }
section.section-header { background:#fafbfc; }
section.section-content { padding:15px 0 0 0; background:#ffffff; }

section.section-header-yellow {
	background-color: #FDEE00 !important;
    border-color: transparent;
 	padding: 15px 0px 15px 15px;
    clear: left;
    color: #1C1C1C;
    font-weight:bold;
    text-transform: uppercase;	
	margin-bottom:15px;
	}                        
	
/*--- Footer -----------------------*/
.footer {
	position: relative;
    bottom: 0;
    width: 100%;
    min-height: 100px;
    background-color: #fafbfc;
	margin-top: 20px;
	padding:20px;
	}

/*--- Contenido -----------------------*/
hd { 
	display: block;
	padding: 0px;
	font-weight:500;
	border-bottom: 1px #eee solid;
	margin-bottom: -10px; /* Por el <br> */
	}

hide {
	display: none;
}

.title {
	display: block;
	margin-bottom: 5px;
	font-weight:500;
	border-bottom: 1px #ccc solid;
	text-transform: uppercase;
}

/*--- button-base ---------------------*/
.btn-base {
	color: #333333;
	background-color: transparent; /*#F5F5F5*/
	border-color: #ccc;
	}

.btn-base:hover, .btn-base:focus, .btn-base:active, .btn-base.active, .open > .btn-base.dropdown-toggle {
	color: #ffffff;
	background-color: #068efb;
	border-color: #005ec2;

	background-image: none;
	outline: 0;	
	/* -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); */
    -webkit-box-shadow: none;
	/* box-shadow: inset 0 3px 5px rgba(0,0,0,.125); */
	box-shadow: none;
	}                                                                                    

.btn-base.disabled, .btn-base.disabled:hover, .btn-base.disabled:focus, .btn-base.disabled:active, .btn-base.disabled.active, .btn-base[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
	background-color: #fff;
	border-color: #007aff; 
	}

.btn-base .badge {
	color: #fff;
	background-color: #007aff; 
	}



/*--- button-base-inverse ---------------------- */
.btn-base-inverse {
	color: #fff;
	background-color: #007aff;
	border-color: #006fe6; 
	}
.btn-base-inverse:hover, .btn-base-inverse:focus, .btn-base-inverse:active, .btn-base-inverse.active, .open > .btn-base-inverse.dropdown-toggle {
	color: #fff;
	background-color: #0063cc;
	border-color: #0051a8; 
	}
.btn-base-inverse:active, .btn-base-inverse.active, .open > .btn-base-inverse.dropdown-toggle {
	background-image: none; 
	}
.btn-base-inverse.disabled, .btn-base-inverse.disabled:hover, .btn-base-inverse.disabled:focus, .btn-base-inverse.disabled:active, .btn-base-inverse.disabled.active, .btn-base-inverse[disabled], .btn-base-inverse[disabled]:hover, .btn-base-inverse[disabled]:focus, .btn-base-inverse[disabled]:active, .btn-base-inverse[disabled].active, fieldset[disabled] .btn-base-inverse, fieldset[disabled] .btn-base-inverse:hover, fieldset[disabled] .btn-base-inverse:focus, fieldset[disabled] .btn-base-inverse:active, fieldset[disabled] .btn-base-inverse.active {
	background-color: #007aff;
	border-color: #006fe6; 
	}
.btn-base-inverse .badge {
	color: #007aff;
	background-color: #fff; 
	}


/*--- button-blueish ---------------------*/
.btn-blueish {
	color: #333333;
	background-color: #fafbfc;
	border-color: #333;
	}

.btn-blueish:hover, .btn-blueish:focus, .btn-blueish:active, .btn-blueish.active, .open > .btn-blueish.dropdown-toggle {
	color: #333;
	background-color: #fafbfc;
	border-color: #005ec2;
	background-image: none;
	outline: 0;	
	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    -webkit-box-shadow: none;
	box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
	box-shadow: none;
	}                                                                                    

.btn-blueish.disabled, .btn-blueish.disabled:hover, .btn-blueish.disabled:focus, .btn-blueish.disabled:active, .btn-blueish.disabled.active, .btn-blueish[disabled], .btn-blueish[disabled]:hover, .btn-blueish[disabled]:focus, .btn-blueish[disabled]:active, .btn-blueish[disabled].active, fieldset[disabled] .btn-blueish, fieldset[disabled] .btn-blueish:hover, fieldset[disabled] .btn-blueish:focus, fieldset[disabled] .btn-blueish:active, fieldset[disabled] .btn-blueish.active {
	background-color: #fff;
	border-color: #007aff; 
	}

.btn-blueish .badge {
	color: #333;
	background-color: #bbb; 
	}

/* btn-yellow */
.btn-yellow,.btn-yellow.disabled,.btn-yellow:disabled{background-color:#ffd262;border-color:#e4b34f}
.btn-yellow{color:#552600}
.btn-yellow.focus,.btn-yellow:focus{box-shadow:0 0 0 2px rgba(228,179,79,.5)}
.btn-yellow.active,.btn-yellow:active,.show>.btn-yellow.dropdown-toggle{color:#552600;background-color:#ffc32f;background-image:none;border-color:#d59a21}
.btn-yellow:active,.btn-yellow:focus,.btn-yellow:hover{background-color:#ffe08c;border-color:#e4b34f;color:#552600}


/* Botonera en Items */
.botonera { margin-bottom: 5px; margin-top:15px; }







/*--- NavBar B -------------------------- */
/* https://work.smarchal.com/twbscolor/3.3.7/css/2a3f54172d44b8c2ccffffff0 */
/*--- Barra Navegacion -----------------------*/   

.navbar-default-b {
 background-color: #37474f;
 color: #fff;       
 min-height:60px;
 /*line-height: 35px; */
 padding-top: 0;
 }

.navbar-default-b .navbar-brand {
  color: #b8c2cc; 
  margin-top:9px;
}
.navbar-default-b .navbar-brand:hover,
.navbar-default-b .navbar-brand:focus {
  color: #ffffff;
}
.navbar-default-b .navbar-text {
  color: #000;                              
}

.navbar-default-b .navbar-nav > li > a {
  color: #b8c2cc;
}
.navbar-default-b .navbar-nav > li > a:hover,
.navbar-default-b .navbar-nav > li > a:focus {
	background-color: #2f3c43;         
	border-color: #2f3c43;
	color: #fff059;
}
.navbar-default-b .navbar-nav > .active > a,
.navbar-default-b .navbar-nav > .active > a:hover,
.navbar-default-b .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #172d44;
}
.navbar-default-b .navbar-nav > .open > a,
.navbar-default-b .navbar-nav > .open > a:hover,
.navbar-default-b .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #172d44;
}
.navbar-default-b .navbar-toggle {
  border-color: #172d44;
}
.navbar-default-b .navbar-toggle:hover,
.navbar-default-b .navbar-toggle:focus {
  background-color: #172d44;
}
.navbar-default-b .navbar-toggle .icon-bar {
  background-color: #b8c2cc;
}
.navbar-default-b .navbar-collapse,
.navbar-default-b .navbar-form {
  border-color: transparent; 
  -webkit-box-shadow: inset 0 1px 0 transparent;
  box-shadow: inset 0 1px 0 transparent;
}
.navbar-default-b .navbar-link {
  color: #b8c2cc;
}
.navbar-default-b .navbar-link:hover {
  color: #ffffff;

}

@media (max-width: 767px) {
  .navbar-default-b .navbar-nav .open .dropdown-menu > li > a {
    color: #b8c2cc;
  }
  .navbar-default-b .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default-b .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;        
  }
  .navbar-default-b .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default-b .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default-b .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #172d44;
  }
}










/*--- NavBar -------------------------- */
/* https://work.smarchal.com/twbscolor/3.3.6/css/3079ed006fe6ffffffffffff0 */
/*--- Barra Navegacion -----------------------*/   
.navbar-default-a {
  background-color: #068efb;  /* Oscuro #3079ed; */
  border-color: #006fe6;
}
.navbar-default-a .navbar-brand {
  color: #ffffff;

}
.navbar-default-a .navbar-brand:hover,
.navbar-default-a .navbar-brand:focus {
  color: #ffffff;
}
.navbar-default-a .navbar-text {
  color: #ffffff;
}
.navbar-default-a .navbar-nav > li:hover {
  background-color: #F7f7f7 !important;
}

.navbar-default-a .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-default-a .navbar-nav > li > a:hover,
.navbar-default-a .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: #3079ed;
	/*
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
*/
}
.navbar-default-a .navbar-nav > .active > a,
.navbar-default-a .navbar-nav > .active > a:hover,
.navbar-default-a .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #3079ed;
}
.navbar-default-a .navbar-nav > .open > a,
.navbar-default-a .navbar-nav > .open > a:hover,
.navbar-default-a .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #3079ed;
}

.navbar-default-a .navbar-toggle {
  border-color: transparent;
}
.navbar-default-a .navbar-toggle:hover,
.navbar-default-a .navbar-toggle:focus {
  background-color: #3079ed;
}
.navbar-default-a .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-default-a .navbar-collapse,
.navbar-default-a .navbar-form {
  border-top: 0px #068efb solid;
  border-bottom: 0px #068efb solid;
}
.navbar-default-a .navbar-link {
  color: #ffffff;
}
.navbar-default-a .navbar-link:hover {
  color: #ffffff;           
}






/* ---- Barra de Navegacion Customizada ----- */
.search-box::-moz-placeholder {
  color: #333;
}
.search-box:-ms-input-placeholder {
  color: #333;
}
.search-box::-webkit-input-placeholder {
  color: #333;
}

.search-box.form-control { border: 1px solid transparent; }

input.search-box[type="text"] {
    background-color: hsla(0,0%,100%,.8);
    position: relative;
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 915;
	color:#333;
}

button.search-box[type="submit"] {
    background-color: hsla(0,0%,100%,.8);
    position: relative;
    border: 1px transparent solid;
	/*
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	*/
    z-index: 916;
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    margin-left: 0px;
}


.navbar-form.search-box{
	/*width: 200px !important; *//*calc(75% + 1px)*/
	/* padding: 0px; */
	border: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
    margin: 8px 5px 0px 25px;
	}









/* --- Typeahead --- */
.typeahead,
.tt-query,
.tt-hint {
  /*
  width: 396px;
  height: 30px;
  padding: 8px 12px;
  font-size: 24px;
  line-height: 30px;
  border: 2px solid #ccc;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  outline: none;
  */
  }

.typeahead {
  background-color: #fff;
}

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

.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-menu {
  width: 350px;
  margin: 8px 0;
  padding: 0px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2); 

  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;

  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
	padding: 10px 10px;
	font-size: 14px;
	line-height: 14px;
/*	min-width: 330px; */
	text-align: left;
	display: block;
	border-bottom: 1px #eee solid;
	text-decoration: none !important;
	}

.tt-suggestion:hover, .tt-suggestion:active, .typeahead-list-header-no-result:hover, .typeahead-list-header-no-result:active {
  cursor: pointer;
  color: #333;
  background-color: #F7F7F7;
}

.tt-suggestion.tt-cursor {
  cursor: pointer;
  color: #333;
  background-color: #F7F7F7;
}

.tt-suggestion p {
  margin: 0;
}

.gist {
  font-size: 14px;
}      

.typeahead-list-header {
	display: block;
	background: #eee;
	margin-top: 0px;
	padding: 8px 10px;
	text-align: left;
	}

.typeahead-list-header-no-result {
	padding: 10px 10px;
/*	font-size: 14px; */
	line-height: 14px;
	text-align: left;
	display: block;
	border-bottom: 1px #eee solid;
	text-decoration: none !important;
	background: #fff;
	margin-top: 0px;
	}        

.tt-media { }

.tt-media-a, .tt-media-a:hover, .tt-media-a:active { text-decoration: none !important; }

/* --- Fin Typeahead --- */





/* --- Mobile Lateral Navbar Sidebar --- */

body {
    overflow-x: hidden;
 	}

/* Toggle Styles */
#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	}

#wrapper.toggled {
    padding-left: 250px;
	}

#sidebar-wrapper {
    z-index: 1200;
    position: fixed;
    left: 250px;
    width: 0;
    height: 100%;
    margin-top:-50px;
	margin-left: -250px;
    overflow-y: auto;
    background: #000;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	}

#wrapper.toggled #sidebar-wrapper {
    width: 250px;
	}

#page-content-wrapper {
    width: 100%;
    /* position: absolute; */
    /* padding: 15px; */
	}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
	}

/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
	}

.sidebar-nav li {
    text-indent: 10px;
    line-height: 40px;
	}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999999;
	}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
	}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
	}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
	}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
	}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
	}

@media(min-width:768px) {
    #wrapper {
        padding-left: 0;
    	}

    #wrapper.toggled {
        padding-left: 250px;
    	}

    #sidebar-wrapper {
        width: 0;
    	}

    #wrapper.toggled #sidebar-wrapper {
        width: 250px;
    	}

    #page-content-wrapper {
        padding: 20px;
        position: relative;
    	}

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    	}
}

/* --- Fin Mobile Lateral Navbar Sidebar --- */

/* --- Carousel Settings --- */
@media(max-width:768px) {
	.container-carousel {
	    padding-right: 0px;
	    padding-left: 0px;
		}     
}	

.carousel-control.right, .carousel-control.left {
	background: none;
	}
	
	





/* Cards */
.nav-tabs { border-bottom: 1px solid #eee; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
.nav-tabs > li > a { border: none; color: #666; }
.nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #4285F4 !important; background: transparent; }
.nav-tabs > li > a::after { content: ""; background: #4285F4; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
.tab-pane { padding: 15px 0; }
.tab-content{ padding:0px; }
.card {background: #FFF none repeat scroll 0% 0%; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); margin-bottom: 30px; }
/* Cards v. Zen */
.card-zen {background: #FFF none repeat scroll 0% 0%; margin-bottom: 30px; }
.nav-tabs-zen { border: 1px solid #eee; } 

/* Texto */
.highlights {                 
    font-size: 21px;
    line-height: 1.4em;
    font-weight: 300 !important;
    padding: 4px 14px;
    margin-left: -1px;
	border-radius: 3px 3px 0px 0px;
	/*
    color: #1C1C1C;
	background-color: #FDEE00 !important;

	color: #FFF;	
	background-color: #00b9f5 !important;

	color: #FFF;
	background-color: #068efb !important;
	*/
	
	color:#333;
	background-color: #fafbfc !important;
   	border-top: 1px #ddd solid;
   	border-left: 1px #ddd solid;
   	border-right: 1px #ddd solid;
}                               

.title-header {
		background: #fff;
		display: block;
		padding:3px 3px 1px 4px;
}

/* Panel Theme */
.theme-blue { border: 1px solid #4e6c9d; }
.theme-blue > .panel-heading  { background-color: #4e6c9d; color: white; padding: 15px; }

.thick { border: 3px solid transparent; }

.panel-blueish { border-color: #ddd; }
.panel-blueish > .panel-heading {
    color: #333;
    background-color: #fafbfc;
    border-color: #ddd;
	padding: 10px !important;
}

/* Table Theme */
thead { background: #f5f5fa; color: #333333; }	


/* Theme - Color */
.blueish { background-color: #fafbfc !important; }
.white { background-color: #fff !important; }

/*--- Colores en Rating --------------------*/
.color-star-pale { color: #f2bd79; text-decoration:none; }
.color-star-yellow { color: #fec011; text-decoration:none; }
.color-star-orange { color: #ff9242; text-decoration:none; }
.color-star-red { color: #f15c4f; text-decoration:none; }
.color-star-redplus { color: #f15c4f; text-decoration:none; }
.color-grey { color: #999; text-decoration:none; }
.color-lightgrey { color: #ccc; text-decoration:none; }
.color-green { color: green; text-decoration:none; }
.color-red { color: red; text-decoration:none; }
.color-yellow { color: #ffe08c !important; text-decoration:none; }
.color-celeste { color: #00b9f5 !important; text-decoration:none; }
.color-blue { color: #3079ed !important; text-decoration:none; }
.color-white { color: #ffffff !important; text-decoration:none; }

.badge-notifica { background: #3079ed; border-radius: 20px; }

.container-space { margin-top: 30px; }

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
  z-index: 2;
  color: #333333;
  background-color: #f5f5fa; /* new */
  border-color: #ccccd1;     /* new */
}

.list-group-item:focus, .list-group-item:hover {
  z-index: 2;
  color: #333333;
  background-color: #f5f5fa !important;
  border-color: #ccccd1 !important;
}


.list-group-item.search-list {
	padding: 8px 8px !important;
	margin-bottom: -1px;
	background-color: #fff;
	border: none !important;
	border-bottom: 1px solid #ddd !important;
}                                                       



.space-r { margin-right: 6px !important; }


/* Actions Cards -------------------------------------------------------------------------------------------------------- */
.form-comentario-acciones { 
	background: #fafbfc;
	padding: 10px !important;
	/*margin-top: -10px !important;*/
	border: #ddd 1px solid;
	margin-bottom:8px;
	}

.action-card {
	margin-bottom: 8px;
	padding: 5px 5px 0px 5px;
  }

.commentupdate {
	background-color: #fafbfc;
	padding: 3px;
	overflow:auto;
	margin: 0px -5px 0px -5px;
    /* border-top: 1px #E1E2E3 solid; */
}

.stcommentcontainer {
	/* 
	margin-top:10px;
	background-color:transparent;
	*/
}

.stcommentbody {
   border: 6px #fafbfc solid;
   padding: 3px;
   overflow: auto;
   margin: 0px -5px 0px -5px;
   border-bottom: solid 1px #ccc;	
   }

.stcommenttext {
	word-wrap:break-word;
	overflow:hidden;
	line-height: 12px;
	padding: 5px 5px 5px 0px;
	}

.stcommenttext b { color:#006699; }

.comentario-time { 	
	margin: 0px -6px 0px -6px;
	padding: 5px 5px 5px 10px;
	border: 1px #ddd solid;
	background-color: #fafbfc;
	font-size: 12px;
	}

.comment-text-separator {   
	margin-left: 5px;
  	margin-right: 5px;
	}

.commenttxt { 
	color: #333;
	padding: 0px;
	line-height: 18px; 
	}
.commenttxt p { margin: 0 0 5px; }

.stcommenttext .name { line-height:16px; }

.form-inline > * {
   margin:0px 2px;
} 
                  

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbe8aa;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/

.round-tab-yellow {
    width: 32px;
    height: 32px;
    display: inline-block;
    border-radius: 100px;
    border: 2px solid #e4b34f;
    z-index: 2;
    left: 0;
    text-align: center;

	margin-right:5px;  
	background-color:#ffe08c;
	color:#552600;
 	line-height: 28px;
    font-size: 18px;
}

/* Dropdown Grey */
.dropdown-menu>li>a:hover { background: #eee !important;}               

/* Font Outline */
.outline-blue {
    color: white;
    text-shadow: -1px 0 #4169E1, 0 1px #4169E1, 1px 0 #4169E1, 0 -1px #4169E1;
}
.outline-black {	
    color: white;
	text-shadow: 0px 0px 1px #000, 0px 0px 1px #000; /* Aplicado doble, luce mejor */
}

/* Badges */
.badge-up {
	font-family: 'Open Sans', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif;
    font-size: 10px !important;
    font-weight: 600;
    display: inline-block;
    min-width: 10px;
    color: #ffffff;
    line-height: 1.45;
    vertical-align: baseline;
    white-space: nowrap;
    border-radius: 8px;            
	padding: 0px 5px;
	background-color: #ff5722;
	text-align: center;
	text-shadow: none !important;
	top: 10px;
	right: 8px;
	position: absolute;
}

/* .size-24 { font-size: 24px; } */

/* Tags Input <:: */
.bootstrap-tagsinput {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  display: inline-block;
  padding: 4px 6px;
  margin-bottom: 10px;
  color: #555;
  vertical-align: middle;
  border-radius: 4px;
  max-width: 100%;
  width: 100%;
  line-height: 22px;
  cursor: text;
}
.bootstrap-tagsinput input {
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0;
  margin: 0;
  width: auto !important;
  max-width: inherit;
}
.bootstrap-tagsinput input:focus {
  border: none;
  box-shadow: none;
}
.bootstrap-tagsinput .tag {
  margin-right: 2px;
  color: white;
}
.bootstrap-tagsinput .tag [data-role="remove"] {
  margin-left: 8px;
  cursor: pointer;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after {
  content: "x";
  padding: 0px 2px;
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

/* ::> Tags Input */   



/* ::> Custom Carrousel */
.carousel .carousel-indicators {
	bottom: -50px;
}
.carousel-indicators li, .carousel-indicators li.active {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin: 4px;
	border-color: transparent;
}
.carousel-indicators li {	
	background: rgba(0, 0, 0, 0.3); /* #ababab; */
}
.carousel-indicators li.active {	
	background: #555;
}

.carousel .carousel-control {
	height: 24px;
	width: 24px;
	background: #333;	
    margin: 25% 0;
    border-radius: 50%;
    border: 3px solid #333;
}
.carousel .carousel-control i {
    font-size: 20px;
    position: absolute;
    top: 50%;
    display: inline-block;
    margin: -11px 0 0 0;
    z-index: 5;
    left: 0;
    right: 0;
    color: #ffffff;
	text-shadow: none;
    font-weight: bold;
}
.carousel .carousel-control.left i {
	margin-left: -3px;
}
.carousel .carousel-control.right i {
	margin-right: -3px;
}                   





/* Relativo a los thumbs dentro del carrousel */
.thumb-row {
	display: flex;
	flex-wrap: wrap;
}
.thumb-wrapper {
	height:100%;
	border:1px #eee solid;
}   
.thumb-content {
	padding: 5px 8px; height:160px;
}
.thumb-content-footer {
	bottom: 0 !important; 
	margin: 0 -8px -5px -8px; 
	background: transparent; 
	padding: 10px;
	position: absolute;
	width: 88%;
}



/* Upload image Cropit */
.cropit-preview {
  background-color: #f8f8f8;
  background-size: cover;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-top: 7px;
  width: 550px;
  height: 329px;
}

.cropit-preview-image-container {
  cursor: move;
}

.cropit-image-size-label {
  margin-top: 10px;
}

#cropit-result {
  margin-top: 10px;
  width: 900px;
}

#cropit-result-data {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: break-word;
}

input[type="file"] {
    display: none;
}
.cropit-file-upload-custom {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}



/* Login Form */
.row-block {
	margin:5px 0px;
}
.access-forgotlink {
    margin-top: 10px;
    display: block;
}

.or-box {
    position: relative;
    border-top: 1px solid #dfdfdf;
    padding-top: 20px;
    margin-top:20px;
}

.or {
    color: #666666;
    background-color: #ffffff;
    position: absolute;
    text-align: center;
    top: -8px;
    width: 80px;
    left: 90px;
}
.account-box .btn:hover {
    color: #fff;
}

.btn-facebook {
    background-color: #3F639E;
    color: #fff;
    font-weight:bold;
}
.access .btn:hover {
    color: #fff;
} 

.btn-google {
    background-color: #454545;
    color: #fff;
    font-weight:bold;
}





/* Botones Sociales */
.btn-social{position:relative;padding-left:44px;text-align:left;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)}
.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-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 !important;background-color:#2d4373 !important;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-plus{color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}.btn-google-plus:hover,.btn-google-plus:focus,.btn-google-plus:active,.btn-google-plus.active,.open>.dropdown-toggle.btn-google-plus{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}
.btn-google-plus:active,.btn-google-plus.active,.open>.dropdown-toggle.btn-google-plus{background-image:none}
.btn-google-plus.disabled,.btn-google-plus[disabled],fieldset[disabled] .btn-google-plus,.btn-google-plus.disabled:hover,.btn-google-plus[disabled]:hover,fieldset[disabled] .btn-google-plus:hover,.btn-google-plus.disabled:focus,.btn-google-plus[disabled]:focus,fieldset[disabled] .btn-google-plus:focus,.btn-google-plus.disabled:active,.btn-google-plus[disabled]:active,fieldset[disabled] .btn-google-plus:active,.btn-google-plus.disabled.active,.btn-google-plus[disabled].active,fieldset[disabled] .btn-google-plus.active{background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}
.btn-google-plus .badge{color:#dd4b39;background-color:#fff}

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

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

.btn-twitter{color:#fff;background-color:#55acee;border-color:rgba(0,0,0,0.2)}.btn-twitter:hover,.btn-twitter:focus,.btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}
.btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{background-image:none}
.btn-twitter.disabled,.btn-twitter[disabled],fieldset[disabled] .btn-twitter,.btn-twitter.disabled:hover,.btn-twitter[disabled]:hover,fieldset[disabled] .btn-twitter:hover,.btn-twitter.disabled:focus,.btn-twitter[disabled]:focus,fieldset[disabled] .btn-twitter:focus,.btn-twitter.disabled:active,.btn-twitter[disabled]:active,fieldset[disabled] .btn-twitter:active,.btn-twitter.disabled.active,.btn-twitter[disabled].active,fieldset[disabled] .btn-twitter.active{background-color:#55acee;border-color:rgba(0,0,0,0.2)}
.btn-twitter .badge{color:#55acee;background-color:#fff}

.btn-frieni{color:#fff;background-color:#2672ec;border-color:rgba(0,0,0,0.2)}.btn-frieni:hover,.btn-frieni:focus,.btn-frieni:active,.btn-frieni.active,.open>.dropdown-toggle.btn-frieni{color:#fff;background-color:#125acd;border-color:rgba(0,0,0,0.2)}
.btn-frieni:active,.btn-frieni.active,.open>.dropdown-toggle.btn-frieni{background-image:none}
.btn-frieni.disabled,.btn-frieni[disabled],fieldset[disabled] .btn-frieni,.btn-frieni.disabled:hover,.btn-frieni[disabled]:hover,fieldset[disabled] .btn-frieni:hover,.btn-frieni.disabled:focus,.btn-frieni[disabled]:focus,fieldset[disabled] .btn-frieni:focus,.btn-frieni.disabled:active,.btn-frieni[disabled]:active,fieldset[disabled] .btn-frieni:active,.btn-frieni.disabled.active,.btn-frieni[disabled].active,fieldset[disabled] .btn-frieni.active{background-color:#2672ec;border-color:rgba(0,0,0,0.2)}
.btn-frieni .badge{color:#2672ec;background-color:#fff}

.btn-envelope{color:#fff;background-color:#2672ec;border-color:rgba(0,0,0,0.2)}.btn-envelope:hover,.btn-envelope:focus,.btn-envelope:active,.btn-envelope.active,.open>.dropdown-toggle.btn-envelope{color:#fff;background-color:#125acd;border-color:rgba(0,0,0,0.2)}
.btn-envelope:active,.btn-envelope.active,.open>.dropdown-toggle.btn-envelope{background-image:none}
.btn-envelope.disabled,.btn-envelope[disabled],fieldset[disabled] .btn-envelope,.btn-envelope.disabled:hover,.btn-envelope[disabled]:hover,fieldset[disabled] .btn-envelope:hover,.btn-envelope.disabled:focus,.btn-envelope[disabled]:focus,fieldset[disabled] .btn-envelope:focus,.btn-envelope.disabled:active,.btn-envelope[disabled]:active,fieldset[disabled] .btn-envelope:active,.btn-envelope.disabled.active,.btn-envelope[disabled].active,fieldset[disabled] .btn-envelope.active{background-color:#2672ec;border-color:rgba(0,0,0,0.2)}
.btn-envelope .badge{color:#2672ec;background-color:#fff }

.btn-whatsapp{color:#fff;background-color:#25d366;border-color:rgba(0,0,0,0.2)} .btn-whatsapp:hover,.btn-whatsapp:focus,.btn-whatsapp:active,.btn-whatsapp.active,.open>.dropdown-toggle.btn-whatsapp{color:#fff;background-color:#128c7e;border-color:rgba(0,0,0,0.2)}
.btn-whatsapp:active,.btn-whatsapp.active,.open>.dropdown-toggle.btn-whatsapp{background-image:none}
.btn-whatsapp.disabled,.btn-whatsapp[disabled],fieldset[disabled] .btn-whatsapp,.btn-whatsapp.disabled:hover,.btn-whatsapp[disabled]:hover,fieldset[disabled] .btn-whatsapp:hover,.btn-whatsapp.disabled:focus,.btn-whatsapp[disabled]:focus,fieldset[disabled] .btn-whatsapp:focus,.btn-whatsapp.disabled:active,.btn-whatsapp[disabled]:active,fieldset[disabled] .btn-whatsapp:active,.btn-whatsapp.disabled.active,.btn-whatsapp[disabled].active,fieldset[disabled] .btn-whatsapp.active{background-color:#25d366;border-color:rgba(0,0,0,0.2)}
.btn-whatsapp .badge{color:#25d366;background-color:#fff }
         


fieldset.special-border {
    border: 1px groove #eee !important;
    padding: 0 1.4em 0.5em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

legend.special-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width:inherit; /* Or auto */
    padding:0 10px; /* To give a bit of padding on the left and right */
    border-bottom:none; 
    margin-bottom: 0px !important;
}                 


/* PRO Pricing Table */



.box {
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 10px 25px;
    text-align: left;
    display: block;
    margin-top: 60px;
}
.box-icon {
    background-color: RoyalBlue;
    border-radius: 50% !important;
    display: table;
    height: 100px;
    margin: 0 auto;
    width: 100px;
    margin-top: -61px;
}
.box-icon span {
    color: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.info h4 {
    font-size: 20px;
    letter-spacing: 1px;
    /* text-transform: uppercase; */
	color: #FF5722;
}
.info > p {
    color: #717171;
    font-size: 16px;
    padding-top: 10px;
    text-align: justify;
}
.info > a {
    background-color: #03a9f4;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    color: #fff;
    transition: all 0.5s ease 0s;
}
.info > a:hover {
    background-color: #0288d1;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
    color: #fff;
    transition: all 0.5s ease 0s;
}

.strong { font-weight: 600; }

.well-sp {
	    min-height: 20px;
	    padding: 19px;
	    margin-bottom: 20px;
	    background-color: transparent;
	    border: 1px solid #e3e3e3;
	    border-radius: 4px;
		-webkit-box-shadow: none !important;
		box-shadow: none !important; 
	}
                       

.popover { z-index: 1005 !important; }     


.wh-widget-send-button-get-button { display:none !important; }

.ads_label {
    background-color: #fff;
    border-radius: 3px;
    color: #006621;
    display: inline-block;
    font-size: 11px;
    border: 1px solid #006621;
    padding: 1px 3px 0 2px;
    line-height: 11px;
    vertical-align: baseline;
}

.tos_ { display: none; }