@font-face {
  font-family: 'fibre';
  src:  url('fonts/fibre-font.otf') format('otf'),
        url('fonts/fibre-font.woff') format('woff');
}
@font-face {
  font-family: 'gothamBold';
  src:  url('fonts/gotham-bold.ttf') format('truetype');;
}
@font-face {
  font-family: 'sunvalley';
  src:  url('fonts/sunvalley.ttf') format('truetype');;
}

@media (max-width: 500px) {
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
.hidden-xs{ display:none;}
}

.col-md-4 a{ text-decoration:none;}
a:hover{text-decoration:none;}

.logo-easy{margin-bottom:0px; width:230px;}

@media (max-width: 991px) {
.logo-easy{ width:150px; }	
}

.buscador{ border-radius:8px; margin-top:5px; margin-bottom:5px; }
.sin-padding-col{ padding-left:2px; padding-right:2px; }
.btn-buscador{ border-radius:8px; margin-top:5px; margin-bottom:5px; }
.btn-ampliar{ margin-top:15px; margin-left:auto; margin-right:auto; }
.registro{ border:2px solid #fff; }
.titulo-1{ font-size:24px; color:#000105; margin-top:30px; margin-bottom:30px; line-height:30px; text-align:center; font-weight:600;  font-family: 'gothamBold', sans-serif;}
.titulo-1-1{ font-size:35px; color:#2bb7e4; margin-top:30px; margin-bottom:30px; line-height:30px; text-align:center; font-weight:600;  font-family: 'fibre', sans-serif;}
.titulo-maquina{ font-size:15px; color:#7B7B7B; line-height:18px; text-align:center; margin-top:7px; margin-bottom:7px; font-family: 'Poppins', sans-serif;}
.titulo-2{ color:#000105; font-size:24px; line-height:30px; font-weight:600; margin-top:30px; margin-bottom:30px;font-family: 'gothamBold', sans-serif;}
.titulo-2-1{ color:#2bb7e4; font-size:35px; line-height:30px; font-weight:600; margin-top:30px; margin-bottom:30px;font-family: 'fibre', sans-serif;}
.mas-margen{ margin-top:30px; margin-bottom:30px; }
.fondo-footer{ background:#818181; margin-top:30px;}
.fondo-copyright{ background:#33ac7d; }
.copyright-text{ color:#fff; } 
.texto-foot{ font-size:1em; line-height:20px; margin-bottom:5px; margin-top:5px; }
.titulo-foot{ line-height:38px; margin-bottom:20px;}
.logo-foot{ margin-bottom:20px; }
.input-nombre-foot{ margin-bottom:5px; }
.input-mail-foot{ margin-top:5px; margin-bottom:5px;}
.nombre-receta{ font-size:20px; text-transform:uppercase; color:#a3a3a3; line-height:24px; font-weight:400; text-align:center; margin-top:10px; margin-bottom:5px; font-family: 'Oswald', sans-serif; text-decoration:none;}
.nombre-receta:hover{ color:#41b5e4; }
.categorias-receta{ 
    text-align:center; 
	color: #968e8e;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0px;
    text-transform: none;}

.migas-de-pan{ font-size:16px; color:#7B7B7B; margin-top:20px; margin-bottom:20px; line-height:18px; text-align:left; font-weight:600; }
.miga-actual{ color:#41b5e4; }
.titulo-4-azul{ color:#2bb7e4; font-size:18px; line-height:23px; font-weight:600; margin-top:30px; margin-bottom:30px; text-align:center;}
.titulo-4{ text-align:center; color:#000; font-size:18px; line-height:23px; font-weight:600; margin-top:30px; margin-bottom:30px;}
.label-buscador-1{ margin-top:30px; margin-bottom:4px; }
.label-buscador-2{ margin-top:8px; margin-bottom:4px; }
.buscador-ampliado{ margin-top:5px; margin-bottom:5px; border:2px solid #A7A7A7;}
.titulo-receta{ color:#881c32; font-size:25px; line-height:30px; font-weight:600; margin-bottom:10px; padding-left:15px;}
.fondo-ingredientes{padding:30px 15px; margin-right:15px; margin-left:15px;}
.subtitulo-ingredientes{ color:#fff; font-weight:600; font-size:17px; line-height:22px; margin-top:15px; margin-bottom:7px;}
.ingrediente{ color:#fff; font-weight:600; font-size:15px; line-height:20px; margin-top:2px; margin-bottom:2px;}
.subtitulo-receta{color:#881c32; padding-left:15px; padding-top:25px; font-size:17px; line-height:22px; margin-top:2px; margin-bottom:20px; font-weight:600;}
.receta-referida{color:#565353; font-size:14px; font-weight:400; font-style:italic; margin-top:10px; margin-bottom:10px;}
.receta-referida a{ text-decoration:underline; color:#565353;}
.paso-receta{color:#000; font-weight:600; padding-left:15px; font-size:15px; line-height:20px; margin-top:2px; margin-bottom:5px; font-weight:600;}
.control-receta{color:#000; padding-left:15px; font-size:15px; line-height:20px; margin-top:2px; margin-bottom:15px; font-weight:600;}

/* TagsInput */
.label-default {
	background: #ebebeb;
	color: #777777;
	padding:3px;
	border-radius:2px;
}

.label-sm {
	font-size: 50%;
}

.label-primary {
	background: #cccccc;
	color: white;
	padding:3px;
	padding:3px;
	border-radius:2px;
}

.label-success {
	background: #47a447;
	color: white;
	padding:3px;
	border-radius:2px;
}

.label-warning {
	background: #ed9c28;
	color: white;
	padding:3px;
	border-radius:2px;
}

.label-danger {
	background: #d2322d;
	color: white;
	padding:3px;
	border-radius:2px;
}

.label-info {
	background: #41b5e4;
	color: white;
	padding:3px;
	border-radius:2px;
}

.label-dark {
	background: #171717;
	color: white;
	padding:3px;
	border-radius:2px;
}


/* Bootstrap Markdown */
.md-editor {
	border-radius: 4px;
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	-moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.md-editor > .md-header {
	border-radius: 4px 4px 0 0;
	padding: 6px 4px 0;
}
.md-editor > .md-preview,
.md-editor > textarea {
	background: #FFF;
	border-bottom: none;
	border-radius: 0 0 4px 4px;
	padding: 10px;
	outline: none;
	width: 100% !important;
}
.md-editor .btn-group {
	margin-bottom: 6px;
}

html.dark .md-editor {
	border-color: #282d36;
}
html.dark .md-editor > .md-header,
html.dark .md-editor .md-footer {
	background: #242830;
}
html.dark .md-editor > .md-preview,
html.dark .md-editor > textarea {
	background: #282d36;
}
html.dark .md-editor > textarea {
	color: #EEE;
	border-color: #1d2127;
}

@media only screen and (max-width: 767px) {
	.bootstrap-maxlength.bottom-left {
		margin-left: 40px;
	}
}
.bootstrap-tagsinput {
	width: 100%;
}

.form-group-invisible .bootstrap-tagsinput {
	border: 0 none;
	box-shadow: none;
	background-color: transparent;
}

html.dark .bootstrap-tagsinput {
	background: #282d36;
	border-color: #282d36;
}

html.dark .bootstrap-timepicker-widget {
	background-color: #282d36;
}
html.dark .bootstrap-timepicker-widget:before {
	border-bottom-color: #1d2127;
}
html.dark .bootstrap-timepicker-widget:after {
	border-bottom-color: #282d36;
}
html.dark .bootstrap-timepicker-widget.timepicker-orient-bottom:before {
	border-top-color: #1d2127;
}
html.dark .bootstrap-timepicker-widget.timepicker-orient-bottom:after {
	border-top-color: #282d36;
}
html.dark .bootstrap-timepicker-widget table td a {
	color: #FFF;
}
html.dark .bootstrap-timepicker-widget table td a:hover {
	border-color: #282d36;
}
html.dark .bootstrap-timepicker-widget table td input {
	background-color: #21262d;
	border-color: #282d36;
	color: #EEE;
}

html.dark .colorpicker {
	background-color: #282d36;
}
html.dark .colorpicker:before {
	border-bottom-color: #1d2127;
}
html.dark .colorpicker:after {
	border-bottom-color: #282d36;
}

html.dark .multiselect-container {
	background-color: #282d36;
}
html.dark .multiselect-container > li > a {
	color: #EEE;
}
html.dark .multiselect-container > li > a:hover, html.dark .multiselect-container > li > a:focus {
	background-color: #1d2127;
	color: #FFF;
}

.spinner-buttons.btn-group-vertical .btn {
	height: 18px;
	margin: 0 0 0 -1px;
	padding-left: 6px;
	padding-right: 6px;
	text-align: center;
	width: 22px;
	line-height: 14px;
}
.spinner-buttons.btn-group-vertical .btn i {
	margin-top: -2px;
}
.spinner-buttons.btn-group-vertical .btn:first-child {
	border-radius: 0 4px 0 0 !important;
	-webkit-border-radius: 0 4px 0 0 !important;
}
.spinner-buttons.btn-group-vertical .btn:last-child {
	border-radius: 0 0 4px !important;
	-webkit-border-radius: 0 0 4px !important;
	margin-top: -1px;
	height: 17px;
}

/* Form Group Invisible */
.form-group-invisible {
	position: relative;
}
.form-group-invisible.focus .control-label-invisible {
	color: #0088cc;
}
.form-group-invisible .control-label-invisible {
	bottom: 0;
	display: block;
	float: none;
	left: 0;
	line-height: 64px;
	margin: 0;
	padding-left: 50px;
	position: absolute;
	right: 0;
	top: -15px;
	-webkit-transition: color ease-in-out 0.15s;
	-moz-transition: color ease-in-out 0.15s;
	transition: color ease-in-out 0.15s;
	width: auto;
}
.form-group-invisible .form-control-invisible, .form-group-invisible .form-control-invisible:focus, .form-group-invisible .form-control-invisible:active, .form-group-invisible .form-control-invisible + .bootstrap-tagsinput {
	background: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
}
.form-group-invisible .form-control-invisible + .bootstrap-tagsinput {
	margin-bottom: 4px;
}

@media only screen and (max-width: 767px) {
	.form-group-invisible {
		padding-top: 30px;
	}
	.form-group-invisible .control-label-invisible {
		padding-left: 27px;
	}
}
html.dark .CodeMirror pre {
	background: transparent;
	border: none;
}

@media only screen and (max-width: 767px) {
	#gmap {
		margin: -40px -15px 0 -15px;
	}

	html.mobile-device #gmap {
		min-height: 100px;
	}
}
@media only screen and (min-width: 768px) {
	#gmap {
		bottom: 0;
		height: auto !important;
		left: 0;
		position: absolute !important;
		right: 0;
		top: 0;
		min-height: 0;
	}
}

/* TagsInput */
.select2-container--default.select2-selection--multiple{
	
  border: 1px solid #ced4da;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);


  border-radius: 4px;

}
.select2-container--default.select2-container--focus .select2-selection--multiple{
	
  border: 1px solid #ced4da;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);


  border-radius: 4px;

}

.foto-maquina img{ transition: transform .5s; }

.foto-maquina:hover img{ transform: scale(1.2);  }

.foto-maquina p{ transition: transform .5s; }

.foto-maquina:hover p{font-weight:600; transform: scale(1.1);  }
@media (max-width: 500px) {
.titulo-1{ font-size:18px; color:#000108; margin-top:20px; margin-bottom:20px; line-height:24px; text-align:center; font-weight:600; }
.titulo-2{ color:#000108; font-size:18px; line-height:24px; font-weight:600; margin-top:20px; margin-bottom:20px;}
.mas-margen{ margin-top:15px; margin-bottom:15px; }
}
.modal-content{border-radius:0px; border:5px solid #2bb7e4;}

.icono-check{color:#2bb7e4; font-size:50px;}
.icono-cruz{color:#e36159; font-size:50px;}
.corazon{font-size:20px;  text-align:right; margin-top:-45px; cursor:pointer;}
.corazon-no-guardado{color:#a3a3a3;}
.corazon-guardado{ color:#e36159; }
.migas-de-pan a{text-decoration:none; color:#7B7B7B;}
@media (min-width: 500px) {
#registrate-popup{ background:url(../img/fondo-popup.jpg) center center no-repeat; background-size:contain; min-height:400px; overflow:hidden; zoom:1;   }
.titulo-popup{ font-size:16px; color:#000105; margin-top:30px; margin-bottom:10px; line-height:20px; text-align:center; font-weight:400;  font-family: 'gothamBold', sans-serif; letter-spacing:1px;}
.frase-popup{ color:#2bb7e4; font-size:45px; line-height:50px; margin-top:10px; margin-bottom:40px;font-family: 'sunvalley', sans-serif;}
.btn-registrate{width:100%; background:#582c7e; border:1px solid #582c7e; border-radius:7px; text-transform:uppercase; font-family: 'gothamBold', sans-serif; font-size:15px; line-height:25px; font-weight:400; letter-spacing:1px;}
.btn-inicia{width:100%; background:#86a62f;  border:1px solid #86a62f; border-radius:7px; text-transform:uppercase; font-family: 'gothamBold', sans-serif; font-size:15px; line-height:25px; font-weight:400; letter-spacing:1px;}
}
@media (max-width: 500px) {
#registrate-popup{ background:url(../img/fondo-popup-mobile.jpg) center center no-repeat; background-size:contain; min-height:350px; overflow:hidden; zoom:1;   }
.titulo-popup{ font-size:14px; color:#000105; margin-top:20px; margin-bottom:10px; line-height:20px; text-align:center; font-weight:400;  font-family: 'gothamBold', sans-serif; letter-spacing:1px;}
.frase-popup{ color:#2bb7e4; font-size:30px; line-height:50px; margin-top:10px; margin-bottom:20px;font-family: 'sunvalley', sans-serif;}
.btn-registrate{width:100%; background:#582c7e; border:1px solid #582c7e; border-radius:7px; text-transform:uppercase; font-family: 'gothamBold', sans-serif; font-size:9px; line-height:20px; font-weight:400; letter-spacing:0px;}
.btn-inicia{width:100%; background:#86a62f;  border:1px solid #86a62f; border-radius:7px; text-transform:uppercase; font-family: 'gothamBold', sans-serif; font-size:9px; line-height:20px; font-weight:400; letter-spacing:0px;}
}

.foto-receta{ width:80%; }

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
	.foto-receta{width:40%;}
}
.btn-miseasyways{ background:#41b5e4; border:1px solid #41b5e4; color:#ffffff; width:100%; margin-top:5px; margin-bottom:5px; }

.btn-miseasyways:hover{ background:#1BA1D8; border:1px solid #1BA1D8; color:#ffffff; }

.table thead th{font-size:10px; padding:2px; text-align:center;}
.table tbody td{font-size:10px; padding:2px; text-align:center;}

.modall {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('http://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
}

body.loading {
    overflow: hidden;   
}

body.loading .modall {
    display: block;
}
.row{width:100%;}
#formaPago{line-height: 1.0;}
#observaciones{line-height: 1.0;}