@charset "UTF-8";
/* CSS Document */

/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; }
body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333;
  background:#F7F7F7;
  margin:0;
  padding:0;
}


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 2rem;
  margin-bottom: 0;
  font-weight: 300; }
h1 { font-size: 3.0rem; line-height: 3.0; }
h2 { font-size: 2.5rem; line-height: 2.5;}
h3 { font-size: 2.0rem; line-height: 2.0; }
h4 { font-size: 1.6rem; line-height: 1.6;}
h5 { font-size: 1.3rem; line-height: 1.3; }
h6 { font-size: 1.0rem; line-height: 1.0; }

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 3.0rem; }
  h2 { font-size: 2.5rem; }
  h3 { font-size: 2.0rem; }
  h4 { font-size: 1.6rem; }
  h5 { font-size: 1.3rem; }
  h6 { font-size: 1.0rem; }
}

p {
  margin-top: 0; }


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #1EAEDB; text-decoration:none;}
a:hover {
  color: #0FA0CE; }
  
  
  
#contenedor{
	width:340px;
	margin:150px auto;
}

#contenedor h2, #contenedor-noti h2{
	color:#069 !important;
	text-align:center;
	padding:5px 0;
	float: left;
    width: 340px;
}

#contenedor input, #contenedor-noti input{
	background: none repeat scroll 0% 0% #F1F0F0;
	border-radius: 5px;
	border: 1px solid #CCC;
	margin: 12px 0px;
	padding: 15px 10px;
	width: 300px;
	
}
#contenedor label, #contenedor-noti label{
	width: 100px;
	float: left;
	display: block;
	margin: 15px 0px 15px 5px;
	
}
.espacio{
	padding:10px;
	text-align: center;
}

#submit, #submit input{
	background-color:transparent; 
	background: #069 !important;
	color:#FFF !important;
	font-weight:bold;
	margin:20px auto !important;
	padding:15px !important;
	cursor:pointer;
	width:150px  !important;
	float: right !important;
	border: none;
	text-align: center;
}

.forgot{
	text-align:right;
	font-size:12px;
	width: 100%;
    display: block;
}

.mensaje{
	text-align:center;
	color:#990000;
	font-weight:bold;
}
.wrapper{
	width:1080px;
	margin:0 auto;
}
#header{
	background:#000;
	min-height:100px;
	width:100%;
	float:left;
}
.logo{
	height:90px;
	width:auto;
	margin:10px auto;
}
.logo_wrapper{
	width:65%;
	float:left;
}

.user_option{
	float:right !important;
	background:#FFF;
	padding:10px;
	
	
}
.cerrar{
	margin-left:20px;
	color:#CC0000;
	float:right;
}



#map-canvas {
	min-height:400px;
	min-width:100%;
	margin-bottom:20px;
	float:left;
}


 #mapa{
		  min-height:600px;
			width: 100%;
			height: 100%;
			position: absolute;
			margin-left:-240px;
		}
	
.bignumero{
	font-size: 18px;
    text-align: center;
    padding: 40px 20px;
    border-radius: 80px;
    width: 60px;
    height: 20px;
    margin: 0 auto;
    color: #FFF;
}
.azul{
	background:#006699;	
}

.verde{
	
	background:#090;	
}
.naranja{
	background:#FFCC00;
}
.morado{
	background:#63F;
}
.rosado{
	background:#F0F;
}
.rojo{
	background:#C00;	
}
.center{
	text-align:center;

}
.add_division{
	float:right;	
	margin: 0 30% 20px 30%;
    background: #FFF;
    width: 40%;
    padding: 10px 0 10px 0;
    height: 25px;
    
	text-align:center;
	color:#009900;
	
	
}

.add_division:hover{
	background:#009900;
	color:#FFF;
}

.viewarrow{
	background:#FFF;
	float:right;
	padding:12px 15px 11px 15px;
	margin:0 !important;
}
	
/* ---------------------- NAVIGATION -----------------------------*/
#navigation{
	background:#E0E0E0;
	min-height:40px;
	width:100%;
	float:left;
}

.search{
	background:#999;
	
}
.halfsearch{
	padding: 5px 1% 3px 2% !important;
    width: 31% !important;
}

.search input{
	padding:5px 5% 5px 5%;
	height:30px;
	border:0 !important;
	margin:0 !important;
	width:60%;
}

.search .submit{
	background:#F90;
	border:0 !important;
	margin:0 !important;
	padding:0 !important;
	height:40px;
	width:30%;
	color:#FFF;
	cursor: pointer;
}
#nav{
	margin:0;
	padding:0;
}

#nav ul{
	list-style:none;
	margin:0;
	padding:0;
}

#nav li{
	float:left;
}
/*
#nav li a{
	width:84px;
	float:left;
	padding:8px 10px;
	text-align:center;
	color:#333;
	text-decoration: none;
	
}*/
#nav li a {
    width: 84px;
    float: left;
    padding: 10px 10px;
    text-align: center;
    color: #333;
    text-decoration: none;
}

#nav li ul li a{
	text-align: left;

}

.selected a{
	background: #555;
	color:#FFF !important;
}

#nav li a:hover{
	background: #666;
	color:#FFF !important;
}

#nav li>ul{
	position:absolute;
	display:block;
	margin-top:40px;
	background:#E0E0E0;
	z-index: 999;
	width:180px;
}
#nav li>ul a{
	width:160px;
}

#nav li>ul>li>ul{
	width:180px;
    margin-left: 180px;
    margin-top: 0;
}

#nav li>ul{
    display:none;
}            

#nav li:hover>ul{
    display:block;
}

.productsbutton{
	float: right !important;
    background: #09F;
    padding: 5px;
    color: #FFF;
    text-align: center;
    margin: 10px 2px;
	width:100%;
}
.newitem{
	float: right !important;
    background: #F90;
    padding: 5px;
    color: #FFF;
    text-align: center;
    margin: 10px 2px;
	width:100%;
}
.newitem:hover, .productsbutton:hover{
	background: #FC0;
	color:#FFF;
}
/* ---------------------- CONTENT -----------------------------*/

#content{
	width:100%;
	min-height:300px;
	float:left;
}

/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }
 .row{
	 margin:20px 0;
 }

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 85%;
    padding: 0; }
	
}

@media (max-width: 700px) {
.line{
		width:60%	
	}
}
@media (min-width: 700px) {
.line{width:70%;}
}
/* For devices larger than 550px */
@media (min-width: 550px) {
  .container {
    width: 80%; }
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }
  
  
  
  
}





#form{
	background:#FFF;
	padding:15px 5%;
	float:left;
	width:90%;
	margin-bottom: 20px;
}




#contenedor-shadow #form{
	 padding: 0 0 0 0;
    width: 100%;
    margin: 0;
}

#contenedor-shadow #FormCreator{
	margin-top: 0 !important;
	padding-top: 0 !important;
}

#contenedor-shadow #form select{
    width: 96%;
	    float: left;
}

#contenedor-shadow #formlista{
	padding:0;
	width:100%;
	margin:0;
}

#form label{
	width:100%;
	float:left;
	margin-top:10px;
	color:#666666;
	text-align: left;
}

#form input{
	width:96%;
	float:left;
	padding:10px 2%;
	border:0 !important;
	background:#efefef;
	margin-bottom: 10px;
}

#form input[type="checkbox"]{
	width:20px !important;
	
	height: 20px;
}

#form select{
	width: 100%;
    height: 34px;
    border: 1px solid #ccc;
    /* border-radius: 5px; */
    padding: 5px;
    height: 40px;
    margin-bottom: 9px;
}
#form .submit{
	background:#F90;
	border:0 !important;
	padding:0 !important;
	height:30px;
	width:50%;
	color:#FFF;
	float:right;
	margin-top:10px;
	cursor:pointer;
}

#form .submit:hover{
	background: #FC0;
}


#form textarea{
	background:#efefef;
	border:0 !important;
	width:100%;
}
.EstimatedTime{
	background:#FFF !important;
}
/* Lista
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.lista{
	width:100%;
	float:left;	
}

.itemlista{
	width:100%;
	float:left;
	margin-bottom:1px;
	background: #EFEFEF;
	cursor:pointer;
}

.itemlista_O{
	width:100%;
	float:left;
	margin-bottom:1px;
	background: #EFEFEF;
	cursor:pointer;
}

.itemlista_E{
	width:100%;
	float:left;
	margin-bottom:1px;
	background: #ffeaea;
	cursor:pointer;
}

.itemlista_C{
	width:100%;
	float:left;
	margin-bottom:1px;
	background: #FFF;
	cursor:pointer;
}

.itemlistaProject{
	width:100%;
	float:left;
	margin-bottom:1px;
	background: #EFEFEF;
	cursor:pointer;
	width: -moz-calc(100% - 10px);
    width: -webkit-calc(100% - 10px);
    width: -o-calc(100% - 10px);
    width: calc(100% - 10px);
	
}
.itemlista_off{
	width:100%;
	float:left;
	margin-bottom:1px;
	background: #f7f7f7;
	cursor:pointer;
	color: #efefef !important;
}
.itemlista_off span{
	color: #c5c5c5 !important;
	text-decoration: line-through;
}
.itemlista:hover{
	background:#FFF;
	color:#333;
}
.lista h4{
	font-weight: bold;
    margin-bottom: 0 !important;
    padding: 9px 0;
    margin-top: 0 !important;
}

.lista a{
	color:#333333;
}
.itemimage{
	width:50px;
	height:50px;
	margin:0 10px 0 0;
	float:left;
}

.imagenes ul{
	list-style:none;
	margin:0;
	padding:0;
}

.itembigimage{
	width:100%;
	height:auto;
	
	float:left;
}
.imagewrapper{
	width:46%;
	height:auto;
	background:#efefef;
	float:left;
	margin:5px 2%;
	
}

.lista ul{
	margin:0;
	padding:0;
	list-style:none;
}
.lista li a{
	width:94%;
	float:left;
	margin-bottom:1px;
	background: #EFEFEF;
	cursor:pointer;
	padding:10px 2%;
}
.lista ul li ul li a{
	padding:10px 4%;
	width:90%;
}

.lista li a:hover{
	background:#a5713c;
	color:#CCC;
}
.borraimage img{
	padding: 10px;
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    z-index: 999;
    /* top: 0; */
    background: #ff77778a;
    border-radius: 0 0 10px 0;
    
}


.editor img{
	padding: 10px;
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    z-index: 999;
    top: 0;
    background: #0099CC8a;
    border-radius:10px 0 0 0;
	
}
.borrar{
	padding:15px;
	background: #FFF;
	float:right;
}

.tareas .borrar{
	padding:12px;
	background: #FFF;
	float:right;
}

.borrador img{
	margin-top:40px;
	padding: 10px;
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    z-index: 999;
    top: 0;
    background: #ff77778a;
    border-radius:0 0 0 10px;
}
.borrador img:hover, .borraimage img:hover, .editor img:hover{
	background: #FFF;
}

.filtro .borrador img{
	border-radius:10px 0 0 10px;
	margin-top: 0;
}
.borrarimagen{
	padding:15px;
	background: #CCC;
	float:right;
	position:absolute;
	margin-left: -50px;
}

.editar{
	padding:15px;
	background:#FFF;
	float:right;
}
.singleline{
	padding:13px;
	float:left;
}

.line{
	padding:2px 0 0 10px;
	margin:0;
	float:left;
}

.linefull{
	padding:2px 2% 0 2%;
	margin:0;
	float:left;
	width: 96%;
	font-size: 13px;
}
.bold{
	font-weight: bold;
}

.line_ItemName{
	padding:2px 0 0 10px;
	margin:0;
	float:left;
	font-size: 12px;
	width: 80%;
}
.small{
	font-size:12px;
}
.message{
	width: 100%;
    float: left;
    text-align: center;
    margin: 10px 0;
    border: 1px solid #CCC;
    background: #efefef;
    padding: 5px 0;
    font-size: 12px;
}

.correct{
	color:#009900;
	border: 1px solid #009900;
}
.alert{
	color: #F00;
	border: 1px solid #F00;
}


#contenedor-shadow{
	background:#FFF;
	padding:20px 5%;
	font-size:14px;
	float:left;
	width:90%;
}

.eliminar{
	background:#d40707;
	color:#FFF;
	float:right;
	padding:5px 20px;
	
}

.eliminar:hover{
	color:#d40707;
	background:#efefef;
}

.nuevo{
	background:#009900;
	color:#FFF !important;
	text-align:center;
	width:100%;
	float:left;
	margin:10px 0;
	padding:5px 0;
}

.newContact{
	background:#009900;
	color:#FFF !important;
	text-align:center;
	width:100%;
	float:left;
	padding:5px 0;
	border-radius: 5px;
	font-weight: bold;
}
.newContact a:hover{
	text-decoration: none;
	background:#006200;
}

.btnSystemOrders{
	background: #ffffff;
    color: #FFF !important;
    text-align: center;
    width: 100%;
    float: left;
    padding: 5px 0;
    border-radius: 5px;
    margin-top: 24px;
}

.LocationLink{
	background:#069;
	color:#FFF !important;
	text-align:center;
	width:100%;
	float:left;
	padding:5px 0;
	border-radius: 5px;
}


#accordion{
	margin-left:20px;
}

#accordion .borrar{
	padding:10px;
	height:20px;
	background:none;
}
#editbutton{
    border: none !important;
    background: url(images/editar.png) center top no-repeat;
    text-indent: -999px;
    height: 20px;
    width: 20px;
    margin: 15px;
	
}

#showbutton{
    border: none !important;
    background: url(images/show.png) center top no-repeat;
    text-indent: -999px;
    height: 20px;
    width: 20px;
	float:left;
	margin: 15px;
	
	
}

#noshowbutton{
    border: none !important;
    background: url(images/noshow.png) center top no-repeat;
    text-indent: -999px;
    height: 20px;
    width: 20px;
   float:left;
	margin: 15px;
	
	
}


.nivel1{
	margin: 0 0 5px 0;
    background: #FFF;
    width: 96%;
   float: left;
    padding: 0 0 0 1%;
    height: 50px;
	border:1px solid #ccc;
}
.codigo{
	float: left;
    width: 24%;
    margin: 5px;
}
.nivel1 .codigo{
	width: 24%;
}

.nivel2 .codigo{
	width: 20%;
	
}

.nivel3 .codigo{
	width: 16%;
	
}


.nombre{
	float:left;
	width:35%;
	font-weight:bold;
	margin: 5px;
}

.nivel2{
	margin: 0 0 5px 6%;
    background: #efefef;
    width: 90%;
   	float: left;
    padding: 0 0 0 1%;
    height: 50px;
	border:1px solid #ccc;
}
.nivel3{
	margin: 0 0 5px 10%;
    background: #e2e2e2;
    width: 86%;
   
    padding: 0 0 0 1%;
    height: 50px;
	border:1px solid #ccc;
	overflow: hidden;
}

.verimagen img{
	height:40px;
	padding:5px;
	width:80px;
	border-radius:10px;
	float:right;
	margin:0 15px;
	opacity:0.8;
}

.noimage{
	height:40px;
	padding:5px;
	width:80px;
	border-radius:10px;
	float:right;
	margin:0 15px;
	opacity:0.8;
}



.miniopciones{
	float:right;
	
}

.miniopciones a{
/*	-webkit-filter: grayscale(100%);  Safari 6.0 - 9.0 
    filter: grayscale(100%);*/
	margin:5px;
}
.miniopciones a:hover{
/*	-webkit-filter: none;  Safari 6.0 - 9.0 
    filter: none;*/
	margin:5px;
}

#togglePart1{display:none;}




#formlista{
	margin: 0 0 30px 10%;
    background: #FFF;
    width: 86%;
    padding: 0 0 0 1%;
	height:250px;
	border-radius: 10px;
	
}

#formlista .row{
	    margin: 15px 0 0 0;
    float: left;
    width: 100%;
}

#formlista label{
	font-size:14px;
	float:left;
	width:40%;
	
}

#submit_button{
	float: right !important;
	background: #104685  !important;
    color: #FFF;
    font-weight: bold;
    margin: 20px!important;
    padding: 5px !important;
    cursor: pointer;
	width:25% !important;

}

#formlista select{width:55%; height:25px;}
#formlista input{padding:5px; border-radius:5px; background:#FFF; border:1px solid #ccc; float:left; width:50%;}

#formlista .bloque{width:335px;}
#formlista .selectormarca{margin:0;}
#formlista .subirlogo{    width: 200px;}

#cancelbutton {
    border: none !important;
    background: url(images/close.png) left top no-repeat #EFEFEF !important;
    /* text-indent: -999px; */
    width:25% !important;
    margin: 20px!important;
    font-weight: bold;
} 
#form_box{
	width:420px;
	float:left;
}
#posiciones{
	width:100%;
	height:510px;
	overflow:scroll;
	float:left;
	margin:10px;
	font-size:12px;
}

#posiciones ul:first-child{
	padding:0;
}
#posiciones li{
	list-style:none;
}

#posiciones label{
	margin:0;
	width:100%;
}
#posiciones input{
	margin:5px 10px;
}

.eliminar_imagenes{float:right; margin:10px; padding:10px; background:#FF0000; color:#FFF; text-decoration:none;}

.botontareas{
	padding: 10px 15px;
    float: left;
    color: #FFF;
    background: #0076b2;
    margin: 20px;
	width: 190px;
	text-align: center;
}



/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }
table{
	padding: 0;
    margin: 0;
    border: 0;
    border-spacing: 0 !important;
}
thead{
	background: #efefef;
    padding: 0;
    margin: 0;
    border: 0;
    border-spacing: 0 !important;
}


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}


/* ---------------------- FOOTER -----------------------------*/

#footer{
	background:#000;
	color:#FFF;
	width:100%;
	height:20px;
	float:left;
	margin-top:20px;
	padding:10px 0;
	font-size:12px;
}



.categoria{
	width:100%;
	height:40px;
	float:left;
	margin-top:20px;
	background:#CCC;
}
.categoria h3{
	line-height:40px;
	margin:0;
	padding:0;
}
	
.categoria img{
	width:80px;
	height:40px;
	float:left;
	margin-right:20px;
}
.marca{
	width:100%;
	height:140px;
	text-align:center;
	background:#efefef;
	margin:10px;
	float:left;
	padding:10px;
	border-radius:5px;
}
.marca img{
	width:70%;
	height:auto;
	max-height:100px;
	margin:0 15%;
}
.marca:hover{
	background:#CCC;
}

.ChildMarca{
	text-align:center;
	background:#CCC;
	border-radius:10px;
	/*border:1px solid #CCC;*/
	margin:0 10px;
	overflow:hidden;
	opacity:0.5;
}

.ChildMarca:hover{
	background:#333;
	opacity:1.0;
	
}
.owl-carousel{
	max-height:180px;
	background:#efefef;
	padding:10px 0;
	margin-top:20px;
	border-radius:10px;
}
.producto{
	text-align: center;
    background: #efefef;
    float: left;
    padding: 10px 1%;
    border-radius: 5px;
    height: 350px;
    width: 29.33%;
    margin: 10px 1%;
}
.productoimg{
	width:100%;
	height:auto;
	max-height:230px;
	margin:0 auto;
}

#ProductDetail {background:#FFF; width:100%; height:100%;}
#ProductDetail h2{color:#F90; padding:10px; float:left; width:610px; line-height:24px; font-size:24px}
#ProductDetail table{width:240px; margin:10px 0 0 10px; font-size:12px; float:left;}
#ProductDetail table tr{background:#efefef;}
#ProductDetail table td{ padding:5px;}

#ProductDetail img{width:auto; max-width:350px; max-height:320px; float:left;}

.agregar{padding:10px 20px !important; color:#FFF; background:#006699; border-radius:5px; float:left; margin:20px 50px !important; display:block; text-decoration:none; border:none;}

.owl-nav{text-align: center; margin-top:10px;}
.owl-prev, .owl-next{padding: 0 15px !important;
    
    border-radius: 20px !important;
    font-size: 14px !important;
	margin:0 10px;
	border:none;
}


.seleccionado{ color:#FFF; opacity:1.0; border: 1px solid #1EAEDB;}
.filtros{margin-top:10px;}
.owl-carousel .owl-item img{max-height:80px !important;}
.filtro{
	height:40px;	
}
.filtrotexto{
	padding:8px;
	float:left;
	text-align:center;
	width:150px;
}

#arbol{
	padding:10px 5%;
	width:90%;
	background:#FFF;
	float:left;
	margin-top:20px;
}
#arbol ul{
	list-style:none;
	
	float:left;
	width:100%;
	padding:0;
	
}


#arbol li{
	width:100%;
	float:left;
	padding-left:3%; width:97%;
	border: 1px solid #efefef;
	border-radius:10px;
}

#arbol span{
	margin: 10px 0;
	float:left;
}


#arbol .borrar{
	height:20px;
	width:20px;
	padding:15px;
	background:none;
}

#arbol ul li ul li{ background:rgba(0, 0, 0, 0.1); }

/*#arbol ul li ul li ul li{	background:rgba(0, 0, 0, 0.15);}

#arbol ul li ul li ul li ul li{	background:rgba(0, 0, 0, 0.2);}

#arbol ul li ul li ul li ul li ul li{	background:rgba(0, 0, 0, 0.25);}

#arbol ul li ul li ul li ul li ul li ul li{	background:rgba(0, 0, 0, 0.3);}

#arbol ul li ul li ul li ul li ul li ul li ul li{	background:rgba(0, 0, 0, 0.35);}*/

.newdiv{
	font-size:24px;	
}
.newfilter{
	background:#f90 !important;
	color:#FFF !important;
}
.newfilter a{
	color:#FFF !important;
}
#filterselector{
	background: #000000bd;
    width: 50%;
    position: absolute;
    z-index: 99;
    float: right;
    padding: 10px;
    border-radius: 0 0 10px 10px;
}

#filterselector input{
	padding:10px 10px 10px 30px;
	background:url(images/calendar.png) center left no-repeat #FFF;
	border:none;
	border-radius:5px;
}

#submit_filter{
	background: #069 !important;
    color: #FFF !important;
    padding: 10px 40px !important;
}
.pageoptions{
	background:#CCCCCC;
	margin:10px 0;
	padding:2px;
}
.atras{
	float:left;
	background:#efefef;
	padding:7px 10px;
	height:25px;
}
.siguiente{
	float:right;
	background:#efefef;
	padding:7px 10px;
	height:25px;
}
.paginas{
	float:right;
	width:100px;
}
.siguiente:hover, .atras:hover{
	background:#FC0;
}
.ordenlink{
    color: #666666;
    padding: 12px 0;
	}
.link{
	color: #2a7fff !important;
}
#FormCreator{
	background: #FFF;
    float: left;
    width: 96%;
    padding: 10px 2%;
    margin: 20px 0 0 0;
}


#FormCreator input{
	width:96%;
	float:left;
	padding:10px 2%;
	border:0 !important;
	background:#efefef;
	margin-bottom: 10px;
}

#FormCreator input[type="checkbox"]{
	width:20px !important;
	height: 20px;
}
.check{
	margin-top: 10px;
}
.checklabel{
	width: 70% !important;
	margin-left: 10px;
	margin-bottom: 6px;
}
.borrarelemento{
	margin: 10px 5px;
    float: right;
}
.newElement{
	width: 90% !important;
    text-align: center;
    background: #006699;
    padding: 10px;
    float: left;
    margin-bottom: 20px;
    color: #FFF;
}

#FormCreator select{
	width:100%;
	height:40px;
	margin-bottom: 9px;
}
#FormCreator .submit{
	background:#F90;
	border:0 !important;
	padding:0 !important;
	height:30px;
	width:50%;
	color:#FFF;
	float:right;
	margin-top:10px;
	cursor:pointer;
}


#FormCreator .submit:hover{
	background: #FC0;
}


#FormCreator textarea{
	background:#efefef;
	border:0 !important;
	width:100%;
}

#FormCreator label{
	width:100%;
	float:left;
	margin-top:10px;
	color:#666666;
	text-align: left;
}

#Text, #TextArea, #Check, #Select, #File, #Headers, #Separator, #DrawImage, #Table, #Cliente, #Bomba{
	display:none;
}

.full{
	width:96%;
	float:left;
	display:block;
	margin:10px 2%;
}

.half{
	width:46%;
	float:left;
	display:block;
	margin:10px 2%;
	height: 120px;
}

.half-check{
	width:46%;
	float:left;
	display:block;
	margin:10px 2%;
	height: 120px;
	overflow: scroll !important;
}
.half-check .title_check label{
	width: 100% !important;

}
.half-check label{
	width: 80% !important;
}

#FormWrapper{
	background:#F7F7F7;
	min-width: 600px;
	float:left;
	width:100%;
	margin:0 0 10px 0;
	list-style-type: none; padding: 0;
}

#FormWrapper textarea {
	resize: none;
  }
#FormObject{
	min-height: 400px;
}
  #FormWrapper li {     margin: 0;
    padding: 5px 10px;
    font-size: 1.2em;}
  html>body #FormWrapper li {
	line-height: 1.2em;
    overflow: hidden; /* para que las imagenes no descuadren*/
    margin-bottom: 20px;
 }
  #FormWrapper .ui-state-highlight { height: 1.5em; line-height: 1.2em; }
  #FormWrapper .ui-state-default{background: none !important; border:1px solid #f7f7f7 !important}
  #FormWrapper .ui-state-default:hover{background: #dceab9 !important; border:1px solid #b4d673 !important; cursor:move}
  #FormWrapper .ui-state-highlight { height: 1.5em; line-height: 1.2em; background-color: rgb(255, 234, 152); height: 100px;}
  
 #alerta{width: 100%; color:#F00; }
 #AddObject{    padding: 10px 0;
    background: #efefef;
    width: 100%;
    float: left;
    text-align: center;
    margin: 10px 0;
 }
 .mandatory{color:#F00; font-weight:bold; }
 
#FormWrapper label {
    /*width:95%;*/
	float:left;
	padding: 3px 1%;
    margin-top: 0 !important;
    color: #666666;
    text-align: left;
	font-size: 14px;
	min-height: 21px;
	
}

#FormWrapper input{
	width:95%;
	float:left;
	padding:10px 2%;
	border:2px solid #efefef !important;
	background:#ffffff;
	margin-bottom: 10px;
	border-radius:8px;
}

#FormCreator .row{
	margin: 0;
    float: left;
    width: 100%;
}

.actividades{
	min-height: 300px;
}
.actividades .row{
	margin: 0 !important;
}

.actividades .check{
	margin: 0 10px 0 10px;
}
.checkboxes{
	width: 100%;
	height: 200px;
	overflow: scroll;
}
.checkboxes li{
	list-style: none;
}
.actividades select{
	margin-bottom: 10px !important;
}
.borrar_object{
	float: right;
	margin: 0 5px;
}
.projectinfo{
	background: #0199ff3b;
    padding: 10px 4%;
    float: left;
    margin-bottom: 20px;
    width: 92%;
}

.projectinfo input, .projectinfo textarea{
	background-color: #FFF !important;
}
.projectinfo .row{
	margin: 0 !important;
	float: none !important;
}
.Separator{
	width: 100%;
	border-bottom: 2px solid #ccc;
}
.DrawImage{
	width: 50%;
	border: 1px solid #CCCCCC;
	overflow: hidden;
}
.DrawImage img{
	width: 100%;
	height: auto;
}
.ImageFile img{
	width: 100px;
	height: 100px;
}

.ThumbDrawImage{
	width: 100%;
	height: 100px;
	border: 1px solid #CCCCCC;
	overflow: hidden;
	align-items: center;
}

.DrawImageBackground{
	opacity: 0.5;
	width: 100%;
	height: auto;
}
#FormWrapper table{
	width: 100%;
}
#FormWrapper td{
	border: 1px solid #CCCCCC;
	text-align: center;
	font-size: 14px;
	padding: 5px;
}
#FormWrapper th{
	text-align: center;
	background: #CCCCCC;
}
.addobject{
	margin: 40px 0;
    background: #1eaedb5c;
    padding: 5px;
}
.BasicOptions{
	margin:0 0 40px 0;
    background: #7777775c;
    padding: 5px;
}

#formfilter{
	margin: 5px;
	background: #FFF;
}
#formfilter select{
	width: 100%;
	padding: 5px;
	
}

#formfilter .submit{
	width: 100%;
    padding: 7px;
    background: #1eaedb;
    border: none;
    color: #fff;
	
}

.ItemHistory{
	float: right !important;
    background: #666666;
    padding: 5px;
    color: #FFF;
    text-align: center;
    margin: 10px 2px;
    width: 100%;
}

.ItemEdit{
	float: right !important;
    background: #069;
    padding: 5px;
    color: #FFF;
    text-align: center;
    margin: 10px 2px;
    width: 100%;
}
.item{
	margin-bottom: 20px;
    float: left;
    width: 100%;
 
	background: #efefef;
}

.item li{
	list-style: none;
}

.item li a:hover{
	background: #CCC;
	color: #FFF
}

.item .row{
	margin: 10px 0;
}

.item label{
	margin: 5px 0 0 0 !important;
}
.stateicon{
	width: 64px;
	height:64px;
	margin: 10px;
}
#contenedor-shadow .row{
	margin: 0 0;
    float: left;
    width: 100%;
}
.activityDate{
	background: #FFF !important;
}
.sp-original-input-container {
    width: 100%;
}

#calendar {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	float: left;
}

.col-lg-12{
	margin: 0 !important;
	padding: 0 !important;
}
.options{
	background: #efefef;
    float: left;
    margin: 0 0 20px 0;
    width: 100%;
}
.SelectView{
	padding: 10px;
    color: #000000;
}
.options select{
	width: 100%;
	padding: 3px;
}
.padding{
	padding: 10px;
}

.activity:hover{
	background: #0199ff3b;
}
.ObjectMandatory_0{display: none;}
.ObjectMandatory_1{color:  red; font-weight: bold; font-size: 20px; float: left;}

.ObjectInReport_0{display: none;}
.ObjectInReport_1{color:  red; font-weight: bold; float: left;     margin: 0 10px 0 0;}

.backbutton{
	background-color: transparent;
    background: #069 !important;
    color: #FFF;
    font-weight: bold;
	padding: 10px;
	text-align: center;
	float: left;
}
.backbutton:hover{
	color: #FFF;
	background: rgb(0, 85, 127) !important;
}
.tareas{
	margin-top: 15px;
    float: left;
    width: 100%;
	background: #FFF;
}

.contenedorObjects{
	height: 700px;
    overflow: scroll;
	float: left;
	margin-bottom: 20px;
}
.submitEstado{
	width: 100% !important;
    margin-top: 35px;
    background: #009900 !important;
    color: #FFF;
}
.ListaEstados{
	width: 100%;
	float: left;
	margin: 0 0 10px 0;
}
.ListaEstados p{
	margin: 0;
}
.statedot{
	width: 64px;
	height: 64px;
}
.state{
	width: 100%;
	float: left;
	line-height: 20px;
	margin-bottom: 10px;
}
.stateline{
	width: 100%;
	font-weight: bold;
	float: left;
	color: #000;
}
.statelinedate{
	width: 100%;
	font-size: 12px;
	float: left;
}
.btnSistema{
	color: #FFF;
    background: #1eaedb;
    padding: 10px 5%;
    width: 90%;
    float: left;
    margin-bottom: 20px;
}
.btnSinSistema{
	color: #FFF;
    background: #ffae00;
    padding: 10px 5%;
    width: 90%;
    float: left;
    margin-bottom: 20px;
}
.btnSistema:hover{
	background: #d4d4d4;
}
.looksistema{
	padding: 2px 5px 0 0;
	float: left;
}
.EstadosProyecto{
	margin: 20px 0 30px 0;
	float: left;
	color: #666666;
}
.preview{
	background: #f7f7f7;
    padding: 10px 2%;
    border-radius: 10px;
    float: left;
    width: 96%;
}
.addobjecttable{
	padding: 5px 10px;
    background-color: #dddddd;
    color: white !important;
    border-radius: 10px;
}
.addobjecttable:hover{
    background-color: cornflowerblue;
}
.editobjecttable{
	padding: 10px;
    background-color: #000000;
    color: white !important;
    border-radius: 10px;
    font-size: 12px;
}
.AgentNumber{
	width: 30px;
    height: 30px;
	padding: 10px;
	float: left;
}
.filterOptions{
	background: #efefef;
    padding: 10px;
    border-radius: 10px;
    margin-top: 2rem;
}

.filterOptions select{
	width: 100%;
    height: 34px;
    border: 1px solid #ccc;
    /* border-radius: 5px; */
    padding: 5px;
    height: 40px;
    margin-bottom: 9px;
}
.filterOptions .submit {
    background: #F90;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 40px;
    width: 100%;
    color: #FFF;
    cursor: pointer;
}
.finalizar{
	width: 100%;
    text-align: right;
    float: right;
    color: #009900 !important;
    font-weight: bold;
	margin-bottom: 20px;
}
.History_punto{
	padding: 10px 20px;
	text-align: center;
	border-radius: 10px;
	background-color: #EFEFEF;
	margin-right: 10px;
}
.HystoryWrapper{
	width: 100%;
	height: 50px;
	margin-bottom: 40px;
}
.slick-prev:before, .slick-next:before{
	color: black !important;
}
.half-check .row{
	margin: 0;
    width: 100%;
    float: left;
	height: 120px;
}
.half-check .row-viewer{
	margin: 0;
    width: 100%;
    float: left;
}
.row-order{
	float: left;
	padding: 10px 10px 0 10px;
}
.pdflink{
	font-weight: bold;
    background: #006699;
	color: #FFF !important;
    padding: 5px 10px;
    border-radius: 5px;
}
.pdflinkold{
	font-weight: bold;
    background: #009900;
	color: #FFF !important;
    padding: 5px 10px;
    border-radius: 5px;
}
.infoicon{
    width: 25px;
    height: 25px;
    float: right;
    padding: 10px;
    background: #FFF;
}
.ItemInfoIcon{
	margin-right: 10px;
	color: #f90 !important;
}
.title{
	width: 100%;
    height: 50px;
    text-align: center;
    padding: 10px 0;
    margin: 0;
    background: #006699;
    color: #FFF;
}
.sap{
	background: #ccc;
}
.tablapedido{
	margin-top: 20px;
}
.modal-content label{
	font-weight: normal !important;

}

.control-label-value, .control-label-value label{
	font-weight: bold !important;
	color: #000;
	
}

.modal-content h3{
	font-weight: bold;
	color: #006699;
	margin: 10px 0 !important;
}
.modal-content h4{
	font-weight: bold;
}
.modal-content .row{
	margin: 5px 0;
}
.tableheader{
	font-size: 12px;
    font-weight: normal;
    color: #333;
}
.changepassicon{
	color: rgb(255, 166, 0);
}

.StateName{
	padding: 5px 10px;
	color: #000;
	font-weight: bold;
}
.ProjectStateStatus{
	padding: 5px 10px;
    color: #069;
    text-align: right;
}
.filtericon{
	padding: 5px;
	float: left;
	font-size: 20px;
}

#tabs{
	float: left;
	width: 100%;
}

#tabs a{
	color: #069;

}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
    background: #FFF !important;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #006699 !important;
}
#tabs-1 .row{
	margin: 0 !important;
}
#tabs-1 .check{
	margin: 0 10px !important;
}
.CambiadoPor{
	text-decoration: line-through;
	color: #c5c5c5;
}
.ItemCambiado{
	color: #006699;
}
.addmaterials{
	width: 100%;
    text-align: center;
    padding: 10px;
    float: left;
}
.aprobarsamp{
	width: 100%;
    text-align: center;
    padding: 10px;
    float: left;
	color: #006699 !important;
}

.eliminarLista{
	width: 100%;
    text-align: center;
    padding: 10px;
    float: left;
	color: #990000 !important;
}
.ActivityName{
	background-color: #cee2f5;
	color: #001d38;
}

.ActivityItem{
	width:100%;
	float:left;
	margin-bottom:15px;
	background: #FFF;
	padding-bottom: 5px;
	cursor:pointer;
}

.tareas_home{
	margin-bottom: 15px;
    float: left;
    width: 100%;
}

.titulo_tareas{
	font-size: 14px;
	margin:  0 !important;
}

#accordionHome .ui-accordion-content{
	padding: 1em 5%;
    border-top: 0;
    overflow: auto;
    width: 90%;
}
.linkSistemas{
	font-size: 24px;
    padding: 5px;
}

.imagelink{
	padding: 5px;
    background: #ddd;
    border-radius: 5px;
    margin: 5px;
    float: left;
}
.Eliminado{
	width:100%;
	float:left;
	margin-bottom:1px;
	background: #f9d3d3;
	color: #f99393;
	cursor:no-drop;
	border-left: 10px solid #cf0000;
	opacity: 0.4;
}
.Eliminado2{
	width:100%;
	float:left;
	margin-bottom:1px;
	background: #ffdec0;
	color: #f99393;
	cursor:no-drop;
	border-left: 10px solid #f90;
	opacity: 0.4;
}
.canva{
	width: 240px;
	height: 600px;
	overflow: scroll;
	float: left;
	margin: 5px;
	padding: 5px;
	border-radius: 5px;
	background: #efefef;
}

#canvas_wrapper{
	width: 100%;
	overflow: scroll;
	font-size: 12px;
}

#canvas{
	width: 1800px;
}

#canvas_wrapper h3{
	background: #069;
    margin: 0;
    color: #FFF;
    text-align: center;
    border-radius: 5px;
	font-size: 16px;
    font-weight: bold;
}

#canvas_wrapper a{
	font-size: 12px;
}
#canvas_wrapper ul{
	margin-left: 0;
    padding-left: 0;
}

#canvas_wrapper li:hover{
	background: rgb(207, 216, 221);
}

#OrdenEstados, #OrdenEstados ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

#OrdenEstados li{
	list-style: none;
    padding: 0;
    margin: 0;
    height: 52px;
    float: left;
    width: 100%;
}

#OrdenEstados a{
	padding: 0;
	width: auto !important;
	
}
.space{
	width: 100%;
	float: left;
}

.overflow{
	overflow: hidden;
	float: left;
}

.filelist{
	list-style: none;
	margin: 0;
    padding: 0;
}

.filelist .iconito{
	float: left;
}

.TipoOrden{
	background-color: #cacaca;
    padding: 5px;
    border-radius: 5px;
    color: #ffffff;
    margin-left: 5px;
}

.linktemplatedes{
	padding: 10px;
    background: #fffcb3;
    margin: 20px 0;
    float: left;
    color: #f90;
}

.linktemplatedes:hover{
	background: #f90;
	color: #FFF;
}

#KanbanOptions input{
    padding: 5px 5% 5px 5%;
    height: 30px;
    border: 0 !important;
    margin: 0 !important;
    width: 30%;
}

#KanbanOptions select{
	width: 20%;
    height: 40px;
    margin: 0;
    padding: 0;
}

#KanbanOptions .submit {
    background: #F90;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 40px;
    width: 20%;
    color: #FFF;
    cursor: pointer;
}
.CustomizeKanban{
	color: #ffffff;
    width: 17%;
    text-align: center;
    float: right;
    padding: 8px;
}

.TitlePriority_1{
	color: #ff8000;
}
.TitlePriority_2{
	color: #FF0000;
}
.fc-event-container{
	overflow: hidden !important;
}
.EndOrderOptions{
	background-color: #efefef;
	margin-bottom: 20px;

}

.EndOrderOptions #submit{
	margin: 0 !important;
}

.EndOrderOptions .btnSistema{
	margin: 0 !important;
}

#TablaReporte{
	width: 100%;
}

#TablaReporte td{
	padding: 5px;
	font-size: 12px;
}


#TablaReporte tfoot{
	background:#FFF;
	font-weight: bold;
}
#TablaReporte thead, #TablaReporte thead:hover{
	background: rgb(0 137 29);
	font-weight: bold;
	color: #FFF;
}

#TablaReporte .blanco{
	background:#FFF;
}
#TablaReporte .verde{
	background: rgb(237 245 224);
}


#formOptions{
	background:#FFF;
	padding:10px;
	margin-bottom: 20px;
}

#formOptions input{
	width: 90%;
	padding: 5px 5%;
	border: 1px solid #ccc;
	font-size: 14;
}

#formOptions select{
	width: 90%;
	padding: 5px 5%;
	border: 1px solid #ccc;
	font-size: 14;
}

#formOptions .submit{
	background: #F90;
    border: 0 !important;
    padding: 0 !important;
    height: 30px;
    width: 50%;
    color: #FFF;
    float: right;
    margin-top: 10px;
    cursor: pointer;
}

#formOptions .Fullsubmit {
    background: #F90;
    border: 0 !important;
    padding: 0 !important;
    height: 30px;
    width: 100%;
    color: #FFF;
    float: right;
	margin-bottom: 10px;
    cursor: pointer;
}

.Export {
    background: rgb(0, 171, 34);
    border: 0 !important;
    padding: 0 !important;
    height: 30px;
    width: 100%;
    color: #FFF;
    float: right;
	font-size: 14px;
    cursor: pointer;
	text-align: center;
}

.Export:hover{
	color: #FFF;
	font-weight: bold;
}

.ListaFormularios{
	margin-bottom: 20px;
	
}
.ListaFormularios li{
	margin: 8px 0;
}

.ViewFormName{
	margin: 0 0 20px 0;
    font-weight: bold;
}

.ViewFormActivityName{
	margin: 20px 0 0 0;
}
.EventButton{
	font-size: 24px;
    width: 100%;
    text-align: center;
    padding: 10px 0 0 0;
	float: left;
}
.EventText{
	width: 100%;
    text-align: center;
	float: left;
}
#tabs-1, #tabs-2, #tabs-3{
	padding-bottom: 20px;
	float: left;
	width: 100%;
}

.newFormButton{
	background: #009900;
    color: #FFF !important;
    text-align: center;

    float: left;
    padding: 5px 20px;
    border-radius: 5px;
    font-weight: bold;
}
.TablaMail thead td{
	text-align: center;
	font-weight: bold;
	padding: 5px;
}
.TablaMail td{
	text-align: center;
	padding: 0;
}

.TablaMail .left{
	text-align: left;
}

#TablaSistemas td{
	padding: 5px;
	font-size: 13px;
}

.borrarFormImage {
    padding: 5px;
    background: #FFF;
    float: right;
    position: absolute;
}

.CategoryList ul{
	list-style: none;
    margin: 0;
    padding: 0;
}

.CategoryList ul li a{
	font-weight: bold;
    background-color: #f0f0f0;
    float: left;
    width: 100%;
    padding: 3px 10px;
	font-size: 12px;
	text-align: center;
}

.cat_header{
	font-weight: bold;
    background-color: #f0f0f0;
    float: left;
    width: 100%;
    padding: 3px 10px;
	font-size: 12px;
	text-align: center;
	margin-top: 10px;
}

.CategoryList ul li ul li a{
	background-color: #FFF;
    padding: 3px 1.66%;
    width: 30%;
	text-align: left;
}

.CategoryList ul li ul li a:hover{
	background-color: #f0f0f0;
}


.CategoryList li{
	list-style: none;
}
.categorieslink{
	background: #1EAEDB;
    padding: 10px 20px;
    color: #FFF;
    margin: -20px 0 0 -20px;
    border-radius: 5px;
}

.btnAgregar{
	border: none;
    background: #f90;
    padding: 5px 20px;
    border-radius: 5px;
    color: #FFF;
}
.addmaterials{
	margin-top: 10px;
}
.cantidadMaterial{
	padding: 3px;
	width: 100px;
}
.InputComprobante{
	padding: 5px !important;
    /* border-radius: 5px; */
    border: 1px solid #CCC !important;
    margin: 0 !important;
}
.RowComprobante{
	height: 40px;
}
.radiocheck{
	width: 40px !important;
}
.Detalle_Opcion{
	background: #d7f0f8;
    padding: 5px;
    border-radius: 5px;
}
.tabletitle{
	background: #015601;
    width: 98%;
    float: left;
    color: #fff;
    padding: 5px 1%;
    font-size: 15px;
}

.tabletitle a{
	color: #fff;
}

.ListaReportes{
	list-style: none;
    padding: 0;
    margin: 0;
}

.ListaReportes li a{
	width: 100%;
	float: left;
	padding: 5px;
	background-color: #FFF;
	border-radius: 5px;
	margin-bottom: 5px;
}

#accordion .row{
	margin: 0 !important;
}

.required{
	color: #FF0000;
}

.iconolista{
	padding: 12px 10px;
	float: right;
	color: #FFF !important;
}