@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,500, 600,700&lang=en');
body {margin-left: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px; font-family: "Open Sans", Arial; background-color: #EDF0F5; font-size:13px;}
a:link, a:visited {	color:#039;	text-decoration:none;}
a:hover {color:#000;	text-decoration:underline;}
h2{font-size:30px; color:#333; margin:0px; font-weight:300;border: 1px solid #E4E5E7; padding:15px;}
h3{font-size:24px; color:#444; margin:0px; font-weight:300; padding:0px;}
h5{font-size:14px; color:#666; margin:0px 0px 10px 0px; font-weight:700; padding:0px;}
h6{font-size:14px; color:#333; margin:0px 0px 23px 0px; font-weight:700; padding:0px;}
img {vertical-align:middle;}

/*Estilos de menu*/
.header {display: block; height: 62px; margin: 0; padding: 0; position: relative; border-bottom: 1px solid #E4E5E7; z-index:100; background-color:#FFF;}
.menu {position:fixed; top:0px; width: 180px; height:100%; background-color: #FFF; text-align: center; color: #222; font-size: 16px;border-right: 1px solid #E4E5E7; z-index:100;}
.op_menu {width: 120px; height:40px; line-height:40px; background-color: #f7f9fa; font-weight:600; border-bottom: 1px solid #E4E5E7; border-top: 1px solid #E4E5E7; border-right: 1px solid #E4E5E7; text-align: left; color: #222; font-size: 13px; padding-left:10px;}
.op_submenu {width: 120px; height:62px; background-color: #FEFEFE; font-weight:600; text-align: center; color: #666; font-size: 16px; line-height:65px;}
.op_submenu:focus, .op_submenu:hover {background-color: #F2F1F0; cursor:pointer;}
.submenu_cont {padding-bottom:2px; background-color:#FFF; padding-left:3px; padding-right:3px; display:none; width:125px; z-index:2000; position:absolute; top:63px; border-bottom:#EEE thin solid; border-left:#EEE thin solid; border-right:#EEE thin solid;}
.submenu_opt {background:#EEE; padding:12px; border-bottom:#FFF thin solid; cursor:pointer; -moz-transition: background .5s; -webkit-transition: background .5s; -o-transition: background 5s; transition: background .5s;}
.submenu_opt:hover {background:#666; padding:12px; border-bottom:#FFF thin solid; cursor:pointer; color:#FFF;}
.submenu2_opt {background:#DDD; padding:12px; border-bottom:#FFF thin solid; cursor:pointer; -moz-transition: background .5s; -webkit-transition: background .5s; -o-transition: background 5s; transition: background .5s;}
.submenu2_opt:hover {background:#666; padding:12px; border-bottom:#FFF thin solid; cursor:pointer; color:#FFF;}


/*Estilos generales*/
.alert-danger {color: #a94442; background-color: #f2dede; border: #ebccd1 solid 1px; padding:10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.color-line {background: #f7f9fa; height: 6px; background-size: 100% 6px;  background-position: 50% 100%; background-repeat: no-repeat; z-index:1000; position:fixed; width:100%;
    background-image: -webkit-linear-gradient(left, #34495e, #34495e 25%, #9b59b6 25%, #9b59b6 35%, #3498db 35%, #3498db 45%, #62CB31 45%, #62CB31 55%, #ffb606 55%, #ffb606 65%, #e67e22 65%, #e67e22 75%, #e74c3c 85%, #e74c3c 85%, #c0392b 85%, #c0392b 100%);
    background-image: -moz-linear-gradient(left, #34495e, #34495e 25%, #9b59b6 25%, #9b59b6 35%, #3498db 35%, #3498db 45%, #62CB31 45%, #62CB31 55%, #ffb606 55%, #ffb606 65%, #e67e22 65%, #e67e22 75%, #e74c3c 85%, #e74c3c 85%, #c0392b 85%, #c0392b 100%);
    background-image: -ms-linear-gradient(left, #34495e, #34495e 25%, #9b59b6 25%, #9b59b6 35%, #3498db 35%, #3498db 45%, #62CB31 45%, #62CB31 55%, #ffb606 55%, #ffb606 65%, #e67e22 65%, #e67e22 75%, #e74c3c 85%, #e74c3c 85%, #c0392b 85%, #c0392b 100%);
    background-image: linear-gradient(to right, #34495e, #34495e 25%, #9b59b6 25%, #9b59b6 35%, #3498db 35%, #3498db 45%, #62CB31 45%, #62CB31 55%, #ffb606 55%, #ffb606 65%, #e67e22 65%, #e67e22 75%, #e74c3c 85%, #e74c3c 85%, #c0392b 85%, #c0392b 100%);}
.combo {padding:5px; font-family: "Open Sans", Arial; font-size:13px;}
.contenedor{	position:absolute;	top:0px; left:0px;height:100%; width:100%; z-index:900;}
.contenido{position: absolute; left: 10px; top: 10px;	width: 98%; background-color: #FFF; margin-right:10px; margin-bottom:30px;}
.cursor_borrar {cursor:no-drop;}
.enlace {cursor:pointer}
.fila1 {border-left:1px solid #E4E5E7; color: #6A6C6F; }
.fr {float:right;}
.intro { font-weight:600;color: #62bcbd;font-size: 30px;}
.intro2 { font-weight:600; color: #999;font-size: 20px;}
.item_tienda {background:#EEE; padding:5px 10px; margin:7px; display:inline-block; font-size:12px}
.item_tienda:hover {background:#CCC;}
.link{ background-color:#FFF; font-size:15px; text-align:center; color:#62CB31; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor:pointer; border:#62CB31 1px solid;  padding:5px 10px 5px 10px; -moz-transition: background .5s; -webkit-transition: background .5s; -o-transition: background 5s; transition: background .5s;}
.link:hover, .link:focus {font-family: 'Basic', Geneva, Helvetica, Verdana; font-size:15px; text-align:center; color:#FFF; 	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor:pointer; background:#62CB31;}
.link:hover, .link:focus {background-color:#6A6C6F;}
.listado_cortes {width:100px; display:inline-block; background-color:#EEE; padding:12px; margin-bottom:15px; margin-right:15px;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.logo {width: 180px; height:62px; line-height:67px; background-color: #f7f9fa; font-weight:600; border-bottom: 1px solid #E4E5E7;	border-right: 1px solid #E4E5E7; text-align: center; color: #62bcbd;font-size: 20px; margin-bottom:20px;}
.mensaje_aviso  {display:none; padding:20px; z-index:1000; background-color:#FFF; position:absolute; right:6px; top:67px; border:#444 thin solid;-webkit-box-shadow: #666 1px 1px 2px; -moz-box-shadow: #666 1px 1px 2px; box-shadow: #666 1px 1px 2px;}
.migaja{ color: #62bcbd; height:40px;}
.migaja a{ color: #AAA; height:40px;}
.mini_cuadros {text-align:center; width:50px !important;}
.ml20 {margin-left:20px;}
.mr10{margin-right:10px;}
.mt10 {margin-top:10px;}
.oculto {display:none;}
.opciones {padding-top:20px; display:none;}
.paginador, a.paginador, a.paginador:visited {padding:3px 8px 3px 8px; border:#E3E2E1 thin solid;	background:#FFF; color:#337AB7;}
.paginador_act {padding:3px 8px 3px 8px; border:#3498DB thin solid; background:#3498DB; color:#FFF;}
.resumen {font-size:14px; margin-top:10px; font-weight:500;}
.spacer2{height:20px; background-color:#EDF0F5;}
.tabla td {color: #6A6C6F;  border-right: 1px solid #E4E5E7; border-bottom: 1px solid #E4E5E7; }
.tabs {border:1px solid #E4E5E7; padding:20px; -webkit-border-radius:0px 5px 5px 5px; -moz-border-radius:0px 5px 5px 5px; border-radius:0px 5px 5px 5px;}
.tabs_top {display:inline-block; padding:15px; margin-bottom:-1px; cursor:pointer;  font-weight:600; color:#666; }
.tabs_top_a {border-left:#E4E5E7 1px solid; border-top:#E4E5E7 1px solid; border-right:#E4E5E7 1px solid; border-bottom:#FFF 1px solid; display:inline-block; padding:15px; margin-bottom:-1px;-webkit-border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px;  font-weight:600; color:#666;}
.tar {text-align:right;}
.tac {text-align:center;}
.texto_alterno { color:#BC5800; font-size:22px;}
.texto_naranja { color:#BC5800;}
.texto_small {font-family: "Open Sans", Arial; color:333; font-size:11px;}


/*Estilos de formularios*/
.boton{ background-color:#FFF;font-family: 'Basic', Geneva, Helvetica, Verdana;  font-size:15px; text-align:center; color:#2082C4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor:pointer; border:#2082C4 1px solid;  padding:8px 15px 8px 15px; -moz-transition: background .5s; -webkit-transition: background .5s; -o-transition: background 5s; transition: background .5s;}
.boton:hover, .boton:focus {color:#FFF;  background:#3498DB;}
.boton_mini{ background-color:#FFF; font-size:14px; text-align:center; color:#2082C4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor:pointer; border:#2082C4 1px solid;  padding:6px 10px 6px 10px; -moz-transition: background .5s; -webkit-transition: background .5s; -o-transition: background 5s; transition: background .5s;}
.boton_mini:hover, .boton_mini:focus {color:#FFF; background:#3498DB;}
.cuadro_texto_o {font-family: "Open Sans", Arial;  font-size:13px; padding:5px;	width:300px;	height:20px;	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #ccc; display:none; margin-bottom:20px;}
.cuadro_texto {font-family: "Open Sans", Arial;  font-size:13px; padding:5px;	width:330px;	height:20px;	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #ccc;}
.cuadro_texto_mini {font-family: "Open Sans", Arial;  font-size:13px; padding:5px;	width:137px;	height:20px;	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #ccc;}
.cuadro_texto_fecha {font-family: "Open Sans", Arial;  font-size:13px; padding:5px;	width:80px;	height:20px;	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #ccc;}
.combo_box {font-family: "Open Sans", Arial;  font-size:13px; padding:5px;	width:343px;	height:35px;	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #ccc;}
.combo_box_mini  {font-family: "Open Sans", Arial;  font-size:13px; padding:5px;	width:150px;	height:35px;	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #ccc;}
.formulario input[type="radio"], .formulario input[type="checkbox"] {display:none;}
.formulario label.etiquetar, .formulario label.etiquetac  {color:#333; padding:5px 15px 5px 30px; display:inline-block; position:relative; font-size:1.1em; cursor:pointer; border-radius:3px; -moz-transition: all .5s ease; -webkit-transition:all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
.formulario label.etiquetar:before, .formulario label.etiquetac:before  {content:""; width:15px; height:15px; display:inline-block; background:none; border:#999 1px solid; border-radius:50%; position:absolute; left:0px; top:7px;} .formulario label.etiquetac:before  {border-radius:2px;} 
.formulario input[type="radio"]:checked + label, .formulario input[type="checkbox"]:checked + label {padding: 5px 15px; background:#666; color:#FFF;}
.formulario input[type="radio"]:checked + label:before, .formulario input[type="checkbox"]:checked + label:before {display:none;}

.picture-container{
    position: relative;
    cursor: pointer;
    text-align: center;
}
.picture{
    width: 106px;
    height: 106px;
    background-color: #3472f7;
    border: 4px solid #283d9d;
    color: #FFFFFF;
    border-radius: 50%;
    margin: 0px auto;
    overflow: hidden;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.picture:hover{
    border-color: #fb861e;
}
.content.ct-wizard-green .picture:hover{
    border-color: #05ae0e;
}
.content.ct-wizard-blue .picture:hover{
    border-color: #3472f7;
}
.content.ct-wizard-orange .picture:hover{
    border-color: #dddddd;
}
.content.ct-wizard-red .picture:hover{
    border-color: #ff3b30;
}
.picture input[type="file"] {
    cursor: pointer;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0 !important;
    position: absolute;
    top: 0;
    width: 100%;
}

.picture-src{
    width: 100%;
    height: 100%;
}

/* Styles for flexbox containers and items */
.bg-red {
    background-color: #ff0000;
    color: #fff;
}
.bg-success{
    background-color: #5cb85c;
    border: 3px solid green;
    color: #fff;
}
.container {
    display: flex;
    flex: 50%; /* or - flex: 0 50% - or - flex-basis: 50% - */
    justify-content: space-between;
    margin-bottom: 2rem;

}

.item {
    /* order: 6; */
    flex-grow: 1;
}

.container > div {
    flex: 50%; /* or - flex: 0 50% - or - flex-basis: 50% - */
    /*demo*/
  }

.label-form {
    display: inline-block;
    width: 30%;
}

.input-form {
    display: inline-block;
    width: 40%;
}

.p-5 {
    padding: .3rem !important;
}