﻿.inner-block{

	min-height: 610px;

}

h1, h2, h3 {
	
	clear: both;

    text-align: center;

    text-shadow: 0 1px 1px #000;

    text-transform: uppercase;

}
h1{
	font-size: 30px;
}
h2{
	font-size: 26px;
}
h3{
	font-size: 24px;
}
select, input {
    border: 1px solid;
    border-radius: 5px;
    box-shadow: 1px 2px 3px black;
	/*height: 28px;*/
    padding-left: 5px;
}
/*container footer*/
.ui-dialog{
	top: 5px !important;
}
.ui-widget-content .login-box {
	text-align:center;
}
.ui-widget-content .login-box label{
	color: white;
    display: block;
    font: bold 16px arial;
    margin: 10px;
    text-shadow: 2px 2px 3px black;
}
.ui-widget-content .login-box .button_form{
	margin: 10px 0;
}
.ui-widget-content .login-box input{
}
.ui-widget-content .login-box span{
	font-weight: bold;
}
.ui-widget-content .login-box span a{
	color: white;
    text-shadow: 2px 2px 3px black;
}
.bg-content-opacity{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.83) !important;
}
.ui-dialog{
	top: 115px !important;
	opacity: 1 !important;
}
/*.link_input{
	background-color: #99cc99;
    border: 2px solid #336633;
    border-radius: 5px;
    color: black;
    font-weight: bold;
    margin: 3px;
    padding: 3px 8px;
    text-shadow: 2px 2px 3px white;
}*/
.logo h2 a{
    font-family: 'Elephant', cursive;
    font-size: 30px;
    font-weight: 400;
    color: #fff;
	text-decoration: none;
}

.content_list_full {
    overflow: auto;
	border: 2px solid #ddd;
    border-radius: 20px;
    padding: 10px 0;
}

.container-gestion{
	margin: 10px 0;
	text-align: center;
}
.dataTables_paginate .paginate_button, .dataTables_paginate  .paginate_active{
	background-color: #99cc99;
    border: 2px solid #336633;
    border-radius: 5px;
    color: black;
    font-weight: bold;
    margin: 3px;
    padding: 3px 8px;
    text-shadow: 2px 2px 3px white;
}
.dataTables_paginate  .paginate_active{
	background-color: #daf8da;
    border-color: #003300;
}



/* TABLA CSS */
.dataTables_length, .dataTables_filter{
	font: bold 15px times new roman;
	margin-bottom: 10px;
	text-align: left;
}
#tabla_lista_datos thead{
}
#tabla_lista_datos thead tr{
}
#tabla_lista_datos thead th, .tabla_lista_datos thead th{
	background-color: #336633;
    color: white;
    padding: 4px 6px;
    text-align: center;
    text-shadow: 2px 2px 3px black;
}
#gym_body #tabla_lista_datos thead th, #gym_body .tabla_lista_datos thead th{
	background-color: #cc3300;
}
#gym_body .bg_green {
    background-color: #cc3300;
}
#gym_body tr.odd {
    background-color: #ffcc99;
}
#gym_body tr.even {
}
#gym_body tr.odd td.sorting_1 {
    background-color: #993300;
}
#gym_body tr.even td.sorting_1 {
    background-color: #fcae61;
}
#gym_body .dataTables_paginate .paginate_button, #gym_body .dataTables_paginate .paginate_active {
    background-color: #ed6310;
    border: 2px solid #9d2113;
}
#gym_body .dataTables_paginate .paginate_active {
    background-color: #ffcc99;
    border-color: #9d2113;
}
#gym_body .paging_full_numbers span.paginate_button:hover {
    background-color: #fff;
}
#gym_body .overbox {
    background-color: #fbeee0;
    border: 5px solid #9d2113;
}
#gym_body  input[type="submit"]:hover, #gym_body input[type="button"]:hover, #gym_body input[type="clear"]:hover, #gym_body input[type="reset"]:hover, #gym_body .plupload_button {
    background: #ff6600 none repeat scroll 0 0;
}



.overbox {
    background-color: #e9f8e9 ;
    border: 5px solid #4aac5b;
    border-radius: 10px;
    display: none;
    left: 25%;
    padding: 10px 0;
    position: fixed;
    top: 10%;
    width: 50%;
    z-index: 1002;
}
.fadebox {
    background-color: black;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1001;
}

/*css tabla formulario llenado de datos*/
.container_forulario{
	max-height: 420px;
    overflow: auto;
	margin: 10px 20px;
}
.box-button-send{
	text-align: center;
	padding: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}
.formulario {
	margin: 10px;
	width: 98%;
}
.width_75{ 
	width: 75% !important; 
}
.formulario td {
    padding: 5px;
    position: relative;
}
.hidden_input {
    display: none;
}
.mayus {
    text-transform: uppercase;
}
/*talba precios*/
.sub_formu td {
    text-align: center;
}
.border_boton {
    border-top: 2px solid #000;
}

/*FORMULARIO ERROR*/
.formulario input.error, .formulario select.error {
    background-color: #ff4242;
}

label.error {
    background-color: #fcdae0;
    box-shadow: 0 0 5px #aaa;
    color: #8e0019;
    font: italic bold 12px "Times New Roman",Times,serif;
    padding: 3px;
    position: absolute;
    right: 0;
	z-index: 2;
}

.navbar-nav > li .sub_menu{
	border-bottom: 5px solid #b00;
    border-radius: 0 0 10px 10px;
    display: none;
    left: 0;
    margin: 0 -3px;
    position: absolute;
    top: 28px;
}
.navbar-nav li:hover .sub_menu {
    background-color: #4aac5b;
    border-bottom: 8px solid #000;
    border-radius: 0 0 10px 10px;
    display: block;
    left: 0;
    position: absolute;
    top: 40px;
	z-index: 1001;
}
.navbar-nav > li .sub_menu li{
	list-style: outside none none;
    padding: 5px 10px;
    text-align: left;
}
.navbar-nav > li .sub_menu li:hover a{
	color: #000;
}
.navbar-nav > li .sub_menu li a{
	color: #fff;
    display: block;
    font-family: "Nunito";
    font-size: 18px;
    text-shadow: 2px 2px 3px #000;
}

.link_ventas{}
.form_ventas{
	text-align: center;
	/*float: left;
	padding: 20px;
	width: 70%;*/
}
.ventas_insert{
	background: transparent url(../images/icon/ventas.png) top center;
	border: medium none;
    box-shadow: none;
	cursor: pointer;
    height: 280px;
    width: 280px;
	margin: 5px;
}
.ventas_reportes{
	background: transparent url(../images/icon/report_ventas.png) top center;
	border: medium none;
    box-shadow: none;
	cursor: pointer;
    height: 280px;
    width: 280px;
	margin: 5px;
}
/*SEARCH CSS*/
#bus {
    background-image: url(../images/icon/search.png);
    background-position: 2px center;
    background-repeat: no-repeat;
    background-size: 25px 23px;
    color: #000;
    height: 30px;
	padding-left: 30px;
}
#myDiv{ 
 display: block;
    margin: 0 auto !important;
    width: 80%;        
}

.sugerencias:hover{
 background-color:#D3D3D3;
 cursor:default; 
}
#pres table{}

.box_date{
	text-align: center;
	min-height: 270px;
	margin: 30px;
}

#about{
	display: none;
}
#central{
	display: none;
}
#sucursal{
	display: none;
}

.cont_box_left{
	float: left;
}
.cont_box_right{
	float: right;
}
.cont_box_left, .cont_box_right, .cont_box_full{
    border: 2px solid black;
    border-radius: 10px;
    box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.25);
    margin: 10px;
    padding: 10px;
    width: 45%;
}
.cont_box_full{
	width: 98%;
}
.cont_box_left strong, .cont_box_right strong{
	/*float: right;*/
	margin-right: 10px;
}
.cont_box_label{
	display: inline-block;
	margin: 5px;
	vertical-align: top;
	position: relative;
}
.cont_box_label textarea{
	/*height: 26px;*/
}
.msn_ayuda {
    background-color: #d73230;
    border-radius: 14px;
    color: white;
    display: none;
    font: italic bold 14px arial;
    opacity: 0.7;
    padding: 10px;
    position: absolute;
    right: -10px;
    text-align: center;
    text-transform: uppercase;
    top: -55px;
}

.link_gestion {
    position: relative;
}
/*input[type="clear"], input[type="button"], input[type="submit"], input[type="reset"], button, .button {
    background-color: #94c104;
    border: 3px solid #000;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font: bold 16px/30px "Trebuchet MS",Arial,Helvetica,sans-serif;
    margin-right: 5px;
    outline: 0 none;
    padding: 3px 10px;
    text-shadow: 0.1em 0.1em 0.2em black;
    transition: background-color 0.25s ease-in-out 0s;
}*/
.msn_ayuda {
    display: none;
}
input[type="text"], select{
	height: 28px;
	text-transform: uppercase;
}
.cont_box_label label.error {
}
input.error, select.error, textarea.error {
    background-color: #ff4242;
}
form .formulario input[type="text"], form .form_cotizacion input[type="text"], form .formulario textarea, form .form_cotizacion textarea {
    text-transform: uppercase;
	/*width: 100%;*/
}
#overDiv {
    background-color: #d73230;
    border-radius: 14px;
    opacity: 0.7;
    padding: 10px;
    text-align: center;
}
#overDiv div {
    color: white !important;
    font: italic bold 14px arial !important;
    text-transform: uppercase;
}
#contenido{
	margin: auto;
}
/*input[placeholder="C.I.:(12345678)"],input[placeholder="NOMBRES"],input[placeholder="APELLIDO PATERNO"],input[placeholder="APELLIDO MATERNO"],input[placeholder="C.I.:(12345678)"],input[placeholder="NIT:(1234567890)"],input[placeholder="CELULAR(77123456)"],input[placeholder="TELEFONO:(6212345)"],input[placeholder="DIRECCIÓN"],input[placeholder="nombre@hotmail.com"],input[placeholder="www.nombrepagina.com"],
input[placeholder="RAZON SOCIAL NOMBRE"],input[placeholder="CARGO DEL REPRESENTANTE"],input[placeholder=""],input[placeholder=""]{
	color: #000033;
	font-weight: 400;
	font-style: italic;
}*/

.container_left{
	width: 70%;
	display: inline-block;
	float: left;
}
.container_right{
	width: 30%;
	display: inline-block;
	text-align: center;
}
.container_art{
    overflow: hidden;
}
#webcam_movie{

}

#resultBus{
	background-color: #e9f8e9;
    background-image: linear-gradient(#e9f8e9, #4aac5b);
    border-radius: 10px;
    box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.25);
}

.box_video{
	float:left;
    margin: 10px;
    text-align: center;
    width: 30%;
}
.box_info{
	float:left;
    margin: 15px;
}
.left{ text-align:left;}
.box_button{
	text-align:center;
}
#upload_results img{
}
.boton_tipo{}
.content_venta{
	margin: 0 auto;
	width: 60%;
}
.title_content{
	background-color: #336633 !important;
    height: 34px;
	padding: 5px 0;
}
.content_reg{
	width: 90%;
	margin: auto;
}
#tabla_lista_datos tr td, .tabla_lista_datos tr td{
	padding: 3px 5px;
	vertical-align: middle;
	border-top: 2px solid black;
}
#tabla_lista_datos tr:last-child td, 
#tabla_lista_datosU tr:last-child td, 
#tabla_lista_datosP tr:last-child td, 
#tabla_lista_datosC tr:last-child td, 
#tabla_lista_datosV tr:last-child td{
	border-bottom: 2px solid black;
}
/*input[type="submit"].button_input{
	display: none;
	margin-left: 47%;
}*/
.drop-here .button_input{
	display: none;
	margin: auto;
}
div.button_input{
	display: none;
}
#stTienda{
	background-color: #fbecb9;
    margin: 10px auto 0;
    padding: 10px;
    text-align: left;
	border-radius: 10px;
}
tr.out, tr.concluido, tr.CONCLUIDO{
	 background-color: #FC8213 !important;
}
tr.off, tr.VENCIDO{
	 background-color: #fe625f !important;
}
tr.off td.sorting_1, tr.vencido td.sorting_1{
	 background-color: #ff0000 !important;
}
tr.selected{
	 background-color: #ffcc00 !important;
}
tr.selected td.sorting_1 {
    background-color: #996600 !important;
}
.content_datos {
    background: #f2a227 none repeat scroll 0 0;
    border-radius: 10px;
    box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.25);
    font-size: 14px;
    margin: 10px auto;
    padding: 1%;
    width: 85%;
}
.content_datos h3{
	font-size: 18px;
	margin: 5px 0;
}
#item-list table{}
#item-list tbody tr{}
#item-list tr{}
#item-list tr td{
	padding: 0 5px;
	position: relative;
}
.box_histo_lotes{
	max-height: 100px;
    overflow: auto;
	margin: auto;
	
}
.buscar{
	font-size: 14px;
}
.title_des{
	color: white;
    display: none;
    font-size: 26px;
    font-weight: bold;
    line-height: 34px;
}
.box_foto{
	float: left;
	margin: 5px 15px;
}
.center{
	text-align:center;
}
.max_height_200{
	max-height: 200px;
    overflow: auto;
}
.max_height_320{
	max-height: 320px;
    overflow: auto;
}
.max_height_300{
	max-height: 300px;
    overflow: auto;
	margin: 10px;
}
.max_height_400{
	max-height: 400px;
    overflow: auto;
}
.container_datos{
	margin:5px;
}
#main-container .container{
	padding-left: 5px;
	padding-right: 5px;
}


input[type="checkbox"]{
 -moz-appearance: none;
    border: 4px solid red;
    border-radius: 2px;
    height: 30px;
    margin: 0 5px 0 0;
    width: 30px;
}
 
input[type="checkbox"]:checked{
 background: url(../images/icon/rojo.jpg);
}
 
</pre>
<pre>input[type="checkbox"]:focus{
 outline: none;
}
input[readonly="readonly"]{
	background-color:#ccc;
	text-align: center;
}
.bg_green{
	background-color: #336633;
    color: white;
    text-align: center;
    text-shadow: 2px 2px 3px black;
}
#numpagos{
	text-align:center;
}
.center{
	text-align:center;
}

.content_box{
	/*background: url(../images/icon/ventas2.png) no-repeat center right;
	border-bottom: 2px solid #400352;*/
}
.precios_box {
    width: 40%;
}
.content_box div{
	display: inline-block;
	vertical-align: middle;
	padding: 5px;
}
.number_box{padding: 0 !important;}
.img_box{}
.info_box{
	width: 40%;
}
.compra_box{}

#item-list #venta-list tr td{
	padding: 5px;
	border-bottom: 2px solid #f2a227;
}
#cart-icon{
	text-align: center;
	padding: 3%;
}
#ajax-loader{
	height: 100%;
    width: 20%;
}
.container_art .box_doc, 
.container_art .box_paq, 
.container_art .box_selecTipo,
.content_list_full .box_doc, 
.content_list_full .box_paq, 
.content_list_full .box_selecTipo,
.formulario .box_doc, 
.formulario .box_paq, 
.formulario .box_selecTipo{
    display: none;
}
.width_90 .content-area{
	width: 99.5%;
}
.invisible{}

#tabla_lista_datos .classVC{
	background-color: #FC0;
}
#tabla_lista_datos .classVP{
	background-color: #0F0;
}


.box_printer .content_list_full{
	border: medium none;
}
.box_printer #tabla_lista_datos{
	width: auto !important;
}
.box_printer #tabla_lista_datos_length, .box_printer #tabla_lista_datos_filter, .box_printer #tabla_lista_datos_paginate , .box_printer #tabla_lista_datos_info{
	display: none;
}
.box_printer .container_forulario{
	max-height: none;
}