@charset "utf-8";

/* CSS Document */



/* LOADING SCREEN */

.loadingScreen{

	position:fixed;

    padding:0;

    margin:0;

    top:0;

    left:0;

    width: 100%;

    height: 100%;

    background:rgba(0,0,0,0.5);

	z-index: 99999999999999;

	

}



/****** PANEL *****/



.PanelBackground{

	width:100%;

	height:100%;

	background-color:#FFFFFF;

}



.loginbar{

	width:100%;

	height:auto;

	background-color:#000000;

	padding:10px 20px 0px;	

	color:#FFFFFF;

	font-size:14px;

	border-bottom:solid thin #939597;

}



.loginbar img{

	height:20px;

	width:auto;	

	margin-right:10px;

	

}



.date{

	text-align:right;

}





.content{

	padding: 20px !important;

}



/* ===== BOTON ARRIBA ===== */

.ir-arriba {

	padding:10px;

	display:inline-block;

	background:#231F20;

	color:#fff;

	position: fixed;

	font-size:20px;

	bottom:20px;

	right:20px;

	cursor:pointer;

}



/****** HEADER *****/



header{

	width:100%;

	height:auto;

	background-color:#231F20;

	border-bottom:solid 4px #939597;

}



header .headerLogo{

	height:100px;

	width:auto;

	padding: 8px;

	

	

	

}



.nomargin{

	margin-left:-15px;

}



.marginbox{

	width:100%;

	height:100%;

	padding-top:30px;

	background-color:#F4F4F4;

	

	border:solid thin #939597;	

	

	-moz-border-radius:8px;

	-webkit-border-radius:8px;

	border-radius:8px;

}







/****** TEXT *****/

.checkalert{

	font-style:italic;

	margin-left:5px;

	font-weight:bold;

	color:#743C91;

	

}



.secctiontittle{

	font-weight:bold;

	font-size:18px;

}



/****** MENU *****/



.menuicon{

	height:30px;

	margin:10px;	

}

.navbar{

	margin-bottom: 0px !important;

}



.navbar a{

	text-align:center;	

	color:#FFFFFF;

	border-bottom:solid 3px #231F20;

	font-size:12px;

}



.navbar .navbar-nav > li{

	margin-left:5px;

}





.navbar .navbar-nav > li > a:hover{

	background-color:#000000;

	color:#FFFFFF;	

	border-bottom:solid 3px #939597;

	

}







.navbar .navbar-nav li a:active:before{

	background-color:#2DCCD3;

	color:#FFFFFF;	

	border-bottom:solid 3px #000000;

	-webkit-box-shadow: inset 2px 2px 10px 0px rgba(50, 50, 50, 0.75);

	-moz-box-shadow:    inset 2px 2px 10px 0px rgba(50, 50, 50, 0.75);

	box-shadow:         inset 2px 2px 10px 0px rgba(50, 50, 50, 0.75);

}





.navbar .navbar-nav .dropdown-menu{

    background-color: #939597;

	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);

 	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);

 	box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);

}



.navbar .navbar-nav .dropdown-menu > li > a {

    background-color: #353535;

    color:#ffffff;

	border:none;

	padding:20px 15px !important;

	text-align:left;

	min-width:250px;

  }

  

  

  .navbar .navbar-nav .dropdown-menu > li > a:hover {

    background-color: #939597;

    color:#ffffff;

	-webkit-box-shadow: inset 2px 2px 10px 0px rgba(50, 50, 50, 0.75);

	-moz-box-shadow:    inset 2px 2px 10px 0px rgba(50, 50, 50, 0.75);

	box-shadow:         inset 2px 2px 10px 0px rgba(50, 50, 50, 0.75);

  }





  /*--- TEST ----*/

/*

.navbar .navbar-nav li a:focus, .navbar .navbar-nav li a:focus-visible, .navbar .navbar-nav > li > a:target {

	background-color:#2DCCD3;

	color:#FFFFFF;	

	border-bottom:solid 3px #000000;

	-webkit-box-shadow: inset 2px 2px 10px 0px rgba(50, 50, 50, 0.75);

	-moz-box-shadow:    inset 2px 2px 10px 0px rgba(50, 50, 50, 0.75);

	box-shadow:         inset 2px 2px 10px 0px rgba(50, 50, 50, 0.75);

}

*/





  .btn-active{

	background-color:#2DCCD3 !important;

	color:#000000 !important;	

	border-bottom:solid 3px #000000;

	-webkit-box-shadow: inset 2px 2px 10px 0px rgba(50, 50, 50, 0.75);

	-moz-box-shadow:    inset 2px 2px 10px 0px rgba(50, 50, 50, 0.75);

	box-shadow:         inset 2px 2px 10px 0px rgba(50, 50, 50, 0.75);

}



.btn-active img{

	-webkit-filter: invert(1);

   filter: invert(1);

}









  

.marginBottom-0 {margin-bottom:0;}



.dropdown-submenu{

	position:relative;

}



.dropdown-submenu>.dropdown-menu{

	top:0;

	left:100%;

	margin-top:-100px;

	margin-left:-1px;

	-webkit-border-radius:0 6px 6px 6px;

	-moz-border-radius:0 6px 6px 6px;

	border-radius:0 6px 6px 6px;

}



.dropdown-submenu:hover>a:after{

	border-left-color:#555;

}



.dropdown-submenu.pull-left{

	float:none;

}



.dropdown-submenu.pull-right>.dropdown-menu{

	right:-100%;

	margin-right:10px;

	-webkit-border-radius:6px 0 6px 6px;

	-moz-border-radius:6px 0 6px 6px;

	border-radius:6px 0 6px 6px;

}



.caret-right {

  display: inline-block;

  width: 0;

  height: 0;

  margin-left: 2px;

  vertical-align: middle;

  border-left: 5px solid;

  border-left-color:#FFFFFF;

  border-bottom: 5px solid transparent;

  border-top: 5px solid transparent;

}



.navbar-toggle span.icon-bar{

	border-color: white !important;

	color: white !important;

	background-color: white !important;

}





/* ----- DROPDOWN LIST PORPIEDADES ----- */



.open>.dropdown-menu {

    display: block;

	width: 300px !important; /* Width of the dropdown menu */

}



.dropdown-menu {

    right: 0 !important;

	float: right !important;

	left: auto !important;

	/*top: 40px !important;*/



}



.dropdown-menu>li>a {

	text-align: right;

}



.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {

    color: #ffffff !important;

    text-decoration: none;

    background-color: #414141 !important;

}



/* ------ MENU TOOLS ------ */





.tools{

	background-color:#E5E4E4;

	padding-top:10px;

	height:auto;

		

}



.iconTools{

	width:100%;	

	margin-bottom:10px;

}



.iconTools ul{

	list-style:none;

	margin:0;

	padding:0;

}



.iconTools li{

	display:inline-block;

	border:thin #CCCCCC solid;

	border-radius:3px;

	padding:0px;

	margin-right:5px;	

	min-width:70px;

	background-color:#DDDDDD;

	margin-bottom:5px;

}



.iconTools li:hover{

	text-decoration:none;

	background-color:#4D4D4D;	

}



.iconTools li:hover img{

	-webkit-filter: invert(100%);

	filter: invert(100%);

}



.iconTools li:hover p{

	color:#FFFFFF;

}





.iconTools img{

	width:20px;	

	margin:0 auto;

	margin-top:10px;

}



.iconTools p{

	text-align:center;

	color:#4D4D4D;

}



/***** LISTADO PERMISOS *****/





.listadoPermisos ul{

 list-style:none;

 -webkit-column-count: 3;

    -moz-column-count: 3;

    column-count: 3;

}



.listadoPermisos li{

 display:list-item !important;

}





/***** TABLE *****/

.tdIcons{

	height:35px;

	width:auto;

	margin-right:5px;

	float:right;

}



.tableinfo{

	height:auto;

	width:100%;

	padding:10px;

	background-color:#CCCCCC;

}



.tdfoto{

	width:50px;

	height:65px;

	background-color:#CCCCCC;

}



.table-responsive .table td{

	vertical-align:baseline;

	background-color:#FFFFFF;

}



.table-responsive .btnOpciones{

	margin:0;

	padding:5px;

	width:100%;

	background-color:#DDDDDD;

}



.table-responsive .btnOpciones:hover{

	background-color:#231F20;

	color:#FFFFFF;

	text-decoration:none;

	text-shadow:none;

}



.table-responsive .table #table-row{

	background-color:#FFFFFF;

}

.table-responsive .table #table-row:hover{

	background-color:#939597;

}



.table-responsive .btnOperaciones{

	background-color:#DDDDDD;

	margin: 0;

    padding: 5px 30px;

    border: 1px solid #b7b7b7;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;

    box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;

    text-shadow: 1px 1px 0 rgba(255,255,255,0.66);

    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);

    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);

    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);

    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);

	text-align: center !important;

}



.table-responsive .btnOperaciones:hover{

	background-color:#231F20;

	color:#FFFFFF;

	text-decoration:none;

	text-shadow:none;

}







/***** LIST *****/



.list{

	padding:20px;

}



.list table{

	width:100%;

	border-collapse: collapse;	

}



.table-responsive th {

  text-align: center !important

}



.list table th,tr, td{

	border: 2px solid #A8A8A8;

}



.list td{

	padding:3px; 

}





.list table .tr-color{

	background-color:#747474;

	color:#FFFFFF;

	font-weight:bold;

}



.list table .no-border>tr{

	border:none;

}



.table-row table>tbody>tr, .table-row table>tbody>tr>td{

border:0 none;

}



.table-row table{

	width: 100%;

}



.table-row table th,tr, td{

	vertical-align: middle !important;

}



.table-row table td{

	padding: 8px;

}



.table-row>tbody>tr>td {

	border: 0 none !important;

}





.table-row .moveimg{

	cursor:pointer !important;

	width: 30px;

	height: 30px;

}







/***** BUTTONS *****/



.seccionTittle .btnNuevo{

	padding:5px 40px;

	color:#000000;

	background-color:#DDDDDD;

	float:right;

}



.seccionTittle .btnNuevo:hover{

	background-color:#939597;

	color:#FFFFFF;

	text-decoration:none;

	text-shadow:none;

}



.openicon a img{

	float:right;

	width:25px;

	height:auto;	

}





.input-f3{

	 flex-grow: 1;

	 margin-bottom: 10px !important;

}

.btn-f3{

  	margin-left: 5px;

  	padding: 6px 10px !important;

  	border: 1px solid #b7b7b7;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

	height: 34px;

    font-size: 14px;

    line-height: 1.42857143;

	position: relative;

	top:-5px;

  

	

}





.btn-seleccionar{

	background-color:#DDDDDD;

	margin: 0;

    padding: 5px 30px !important;

    border: 1px solid #b7b7b7;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;

    box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;

    text-shadow: 1px 1px 0 rgba(255,255,255,0.66);

    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);

    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);

    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);

    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);

	text-align: center !important;

}



.btn-seleccionar:hover{

	background-color:#231F20;

	color:#FFFFFF;

	text-decoration:none;

	text-shadow:none;

}





/***** SEARCH BAR *****/



#custom-search-input{

    border: solid 1px #E4E4E4;

    border-radius: 6px;

    background-color: #fff;

	margin-bottom:20px;

}





#custom-search-input input{

    border: 0;

    box-shadow: none;

}



#custom-search-input button{

    margin: 2px 0 0 0;

    background: none;

    box-shadow: none;

    border: 0;

    color: #666666;

    padding: 0 8px 0 10px;

    border-left: solid 1px #ccc;

}



#custom-search-input button:hover{

    border: 0;

    box-shadow: none;

    border-left: solid 1px #ccc;

}



#custom-search-input .glyphicon-search{

    font-size: 23px;

}





/***** SELECT CLIENTE *****/

.selectCliente{

	margin:0;

	padding:0;

	background-color:#E3E3E3;

	width:100%;

	height:auto;

	position:relative;

	top:-18px;	

	

	-webkit-border-bottom-right-radius: 10px;

	-webkit-border-bottom-left-radius: 10px;

	-moz-border-radius-bottomright: 10px;

	-moz-border-radius-bottomleft: 10px;

	border-bottom-right-radius: 10px;

	border-bottom-left-radius: 10px;

	

	-webkit-box-shadow: inset 2px 2px 10px 0px rgba(50, 50, 50, 0.75);

	-moz-box-shadow:    inset 2px 2px 10px 0px rgba(50, 50, 50, 0.75);

	box-shadow:         inset 2px 2px 10px 0px rgba(50, 50, 50, 0.75);

	overflow:hidden;

}



.selectCliente table{

	

	

}



.selectCliente table tr{

	margin:0;

	padding:0;

	border:none;

}



.selectCliente table tr:hover{

	background-color:#743C91;

	color:#FFFFFF;

	-webkit-box-shadow: inset 2px 2px 10px 0px rgba(50, 50, 50, 0.75);

	-moz-box-shadow:    inset 2px 2px 10px 0px rgba(50, 50, 50, 0.75);

	box-shadow:         inset 2px 2px 10px 0px rgba(50, 50, 50, 0.75);

}



.selectCliente table td{

	width:100%;

	margin:0;

	padding:5px 10px 5px 20px;

	border:none;

}



.selectCliente .btnSeleccionar{

	float:right;

	padding:5px 10px 5px 20px;

}





.selectCliente .btnSeleccionar:hover{

	color:#FFFFFF;

	background-color:#727070;

	text-shadow:none;

}



/* LISTADO */

.bold{

 font-weight:bold;

}



.listado ul{

 list-style:none;

 -webkit-column-count: 3;

    -moz-column-count: 3;

    column-count: 3;

}



.listado li{

 display:list-item !important;

}



.productionTittle{

	background-color:#949494;

	padding:8px;

	color:#FFFFFF;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	

}





.listF3{

	

}



.listF3 th{

	padding: 6px;

}



.listF3 td{

	padding: 6px;

}





/***** BUSCAR CLIENTE *****/

.SearchBox{

	width:100%;

	height:auto;

	max-height:100px;

	border: 1px solid #b7b7b7;

  	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	background-color:#FFFFFF;	

	overflow:hidden;	

	overflow-y: scroll;

}



.SearchBox p{	

	padding:5px 8px;

	margin:0;

}





.SearchBox p:hover {

	color:#FFFFFF;

	background-color:#939597;

	cursor:pointer;

	width:100%;

}









/***** FORM *****/



.contact-form {

    padding-top: 25px;

    padding-bottom: 30px;

	font-size:14px;



}



.contact-form form {

    margin-top: 0px;

}



.contact-form form .form-group {

	margin-bottom: 20px;

	

}





.contact-form input[type="text"],[type="number"],[type="email"],[type="password"],[type="date"],[type="time"] { width: 100%; padding:6px;}

.contact-form textarea { width: 100%; height: 170px; padding:6px; resize: none; }



.contact-form textarea.textarea-fullheight {

	height: 100% !important;

}

.contact-form .textareaGde { width: 100%; height: 340px; padding:6px;}

.contact-form select { width: 100%; height: 34px; padding:6px; }

.contact-form label { font-size: 14px; font-weight: 800; color:#848484; }

.contact-form label .error-label { font-style: italic }

.contact-form label span { font-style: italic; font-weight: normal;}

.contact-form button { margin-top: 5px; padding: 0 45px; }



.contact-form input, select, textarea{

  	margin:0;

  	padding: 10px 0px 10px 10px;

	  background-color: #ffffff !important;



  

  	border: 1px solid #b7b7b7;

  	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;



  	-webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;

  	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;

  	text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;

  	-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);

  	-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);

  	-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);

  	transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);

}





.contact-form .recomendacion{

	 height: 6em !important;

	 resize:none;

}



 .contact-form select[disabled] { 

 	background-color: #ABABAB;

 }





.contact-form .seccionTittle{

	margin:0px;

	width:100%;

	height:auto;

	padding:10px;

	background-color:#231F20;

	margin-bottom:20px;

	

	 

	font-size:16px;

	color:#FFFFFF;

	text-align:left;

	

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}









.contact-form hr{

	border:1px solid #939597;

}



.contact-form ul{

	width:100%;

	list-style:none;

	margin-bottom:20px;

}





.contact-form li{

  /*float:left;*/

  display:inline;

  margin-bottom:10px;

}





.contact-form .button {

	font-size:16px;

	font-weight:normal;

	

	padding:9px 30px;

	text-decoration:none;

	text-shadow:none;

	background-color:#939597;

	color:#FFFFFF;

	border:none;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	

	margin-top:20px;

	margin-bottom:20px;

	margin-left:10px;

	float:right;

	

}



.contact-form .button p{

	margin:0;

	padding:0;

	line-height:30px;	

}



.contact-form .button p img{

	height:30px;

	width:30px;

	margin-right:10px;

}



.contact-form .button:hover {

	background-color:#000000;

	color:#FFFFFF;

	text-decoration:none;

}



.addcomentario{

	font-size:16px;

	font-weight:normal;

	

	padding:9px 30px;

	text-decoration:none;

	text-shadow:none;

	background-color:#939597;

	color:#FFFFFF;

	border:none;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}



.inputlist{

  margin-top: 10px !important;

 }



.inputlist input{

  width: 28px;

  height: 28px;

  position: relative;

  background: #fcfff4;

  background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);

  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);

  margin: 10px !important;

 }





.inputlist p span{

	font-size: 16px;

	position: relative;

	top: -8px;

}





.contact-form button.butttonF3{

	margin-top: 0 !important;

    padding: 0 25px !important;

	border-top-right-radius: 4px;

    border-bottom-right-radius: 4px;

	background-color: #808080;

	height: 34px;

	color: #FFFFFF !important;

}



/****** test *****/



.dropdown.dropdown-lg .dropdown-menu {

    margin-top: -1px;

    padding: 6px 20px;

}

.input-group-btn .btn-group {

    display: flex !important;

}

.btn-group .btn {

    border-radius: 0;

    margin-left: -1px;

}

.btn-group .btn:last-child {

    border-top-right-radius: 4px;

    border-bottom-right-radius: 4px;

}

.btn-group .form-horizontal .btn[type="submit"] {

  border-top-left-radius: 4px;

  border-bottom-left-radius: 4px;

}

.form-horizontal .form-group {

    margin-left: 0;

    margin-right: 0;

}

.form-group .form-control:last-child {

    border-top-left-radius: 4px;

   

}

 

/****** CARGA de IMAGENES *****/

.add-icon{

	margin: 0;

	padding-left: 20px !important;

	width: 60px !important;

	height: 40px!important ;

}







#img-list ul{

	margin: 0 !important;

	padding: 0 !important;

	list-style: none;

}

#img-list li{

	display:inline-block !important;

	border: thin solid #7A7A7A;

	padding: 3px;

	margin: 5px;

}





#img-group{

	position: relative;

	width: 150px;

	height: 150px;

	overflow: hidden;

	display: flex;

	align-items: center;

	background-color: white;

}



#img-group .icon-delete{

	width: 35px;

	height: 35px;

	position: absolute;

	top: 0;

	right: 0;

	z-index: 50;

	margin: 0;

}



#img-group .image-thumbs{

	max-height:150px;

	max-width: 150px;

	margin: auto;

}



/******  DROPMENU SECUNDARIO *****/