/*colores
	Gris Oscuro #202121
    Celeste #3498db

	Celeste brillante #11d6f8
    Turquesa: #1abc9c
*/
/*fonts*/
@import url('font-awesome.css');
/*BOLD*/
@font-face {
	font-family: 'bold';
	src: url('../webfonts/proximanova-bold.eot?#iefix') format('embedded-opentype'),
		 url('../webfonts/proximanova-bold.ttf')  format('truetype');
}
/*LIGHT*/
@font-face {
	font-family: 'light';
	src: url('../webfonts/proximanova-light.eot?#iefix') format('embedded-opentype'),
		 url('../webfonts/proximanova-light.ttf')  format('truetype');
}
/*codigo de reset*/
* {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-style: normal;
	text-decoration: none;
	font-weight: normal;
	line-height:1em;
	box-sizing: border-box;
	outline: none;
}
/*iconos*/
:after,
:before{font-family: 'awesome';}
#settings:before{content: "\f013";}
#logout:before{content: "\f08b";}
#notification:before{content: "\f0ac";}
#profile:before{content: "\f007";}
#search:after{content: "\f002";}
#icofiltro:before{content: "\f0b0";}
#icoftabla:before{content: "\f0ec";}
#b_subir:before{content: "\f077";}
#b_atras:before{content: "\f053";}
#b_imprimir:before{content: "\f02f";}
#b_compartir:before{content: "\f1e0";}

.help_button:before{content: "\f059";}
.icon_search_customer:before{content: "\f007";}
.icon_edit_customer:before{content: "\f040";}
/*.icon_delete_budget:before{content: "\f00d";}
.icon_copy_budget:before{content: "\f24d";}
.icon_edit_budget:before{content: "\f040";}*/
.icon_delete_budget:before{content: "\f1f8";}
.icon_copy_budget:before{content: "\f0c5";}
.icon_edit_budget:before{content: "\f044";}
.icon_forward_budget:before{content: "\f003";}
.icon_eye_budget:before{content: "\f06e"; color:#f36f21;}
.icon_png:before{content: "\f03e";}
.icon_pdf:before{content: "\f0f6";}
.icon_presupuesto:before{content: "\f0d6";}
.icon_factura:before{content: "\f0f6";}
.icon_name:before{content: "\f022";}
.icon_time:before{content: "\f017";}
.icon_key:before{content: "\f084";}
.icon_server:before{content: "\f233";}
.icon_link:before{content: "\f0c1";}
.icon_date:before{content: "\f073";}


#help:before{content: "\f059";}
#contact:before{content: "\f0e0";}
.b_delete:before{content: "\f00d";}
.employee:before{content: "\f007";}
.admin:before{content: "\f084";}
.user_email:before{content: "\f1fa";}
.activo:before{content: "\f00c";}
.inactivo:before{content: "\f00d";}
.rif:before{content: "\f022";}
.pais:before{content: "\f0ac";}
.telefono:before{content: "\f095";}
.vermas:before{content: "\f067";}
.price:before{content: "\f0d6";}

.icon_down:before{content: "\f0d7";}
.icon_up:before{content: "\f0d8";}
.icon_bottom:before{content: "\f078";}
.icon_top:before{content: "\f077";}

.icon_invoice:before{content: "\f155";}

.icon_email_contract:before{content: "\f0e0";}
.icon_gen_contract:before{content: "\f0f6";}
.abierto:after{content: "\f053";}
.cerrado:after{content: "\f078";}

.icon_close:before{content: "\f05c";}

/*general*/
html{
	width: 100%;
	height: 100%;
}
body{
	width: 100%;
	height: 100%;
	background-color: #e9e9e9;
}
.mitad{
	width: 50%;
	float: left;
}
a{
    color: inherit;
}
a:hover{
    color: #f36f21;
}
input{
	border-top: 1px solid #d2d6d5;
	border-left: #fff;
	border-right: #fff;
	border-bottom: hidden;
	padding: 15px;
	text-align: center;
	font-size: 18px;
	z-index: 5;
	font-family: 'light', sans-serif;
	transition: all 0.3s ease;
}
input:hover{
	background-color: #f9f9f9;
}
button{
	background-color: #f36f21;
	color: #fff;
	border: none;
	padding: 15px;
	text-align: center;
	cursor: pointer;
	z-index: 5;
	font-family: 'light', sans-serif;
	font-size: 16px;
	letter-spacing: 1px;
	text-transform: uppercase;
	transition: all 0.3s ease;
	text-align: center!important;
}
button:hover{
	background-color: #202121!important;
}
input[type="submit"]{
	background-color: #f36f21;
	color: #fff;
	border: none;
	padding: 15px;
	text-align: center;
	cursor: pointer;
	z-index: 5;
	font-family: 'light', sans-serif;
	font-size: 16px;
	letter-spacing: 1px;
	text-transform: uppercase;
	transition: all 0.3s ease;
	text-align: center!important;
}
input[type="submit"]:hover{
	background-color: #202121!important;
}
*:disabled{
	background-color: #e8e8e8;
	color: #868686;
	cursor: not-allowed;
}
*:disabled:hover{
	background-color: #e8e8e8;
}
h1, h2, h3, h4, h5{
	font-family: 'bold', sans-serif;
}
.hidden{
	display: none;
}
.upper{
	text-transform: uppercase;
}
/*************************************************LOGIN*/
#background_login{
	background-color: #000;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	overflow: hidden;
}
	#blue{
		position: absolute;
		z-index: 1;
		background-color: rgba(243,111,33,0.7);
		width: 100%;
		height: 170px;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
	}
	#container_login{
		background-color: #fff;
		width: 400px;
		height: auto;
		padding: 40px 30px;
		text-align: center;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
		z-index: 5;
		display: flex;
		flex-direction: column;
		overflow: visible;
	}
		/*#container_login::before{
			content: 'Entrar al sistema de presupuestos';
			text-transform: uppercase;
			position: absolute;
			font-family: 'bold', sans-serif;
			font-size: 19px;
			letter-spacing: 1px;
			z-index: 3;
			top: -30px;
			left: 0;
			color: #fff;
		}*/
			input{
				border-top: 1px solid #d2d6d5;
				border-left: #fff;
				border-right: #fff;
				border-bottom: hidden;
				padding: 15px;
				text-align: center;
				font-size: 18px;
				z-index: 5;
				font-family: 'light', sans-serif;
				transition: all 0.3s ease;
			}
			input:hover{
				background-color: #f9f9f9;
			}
			#send_login{
				background-color: #f36f21;
				color: #fff;
				border: none;
				padding: 15px;
				cursor: pointer;
				z-index: 5;
				font-family: 'bold', sans-serif;
				font-size: 20px;
				letter-spacing: 1px;
				text-transform: uppercase;
				transition: all 0.3s ease;
				text-align: center!important;
			}
			button{
				background-color: #f36f21;
				color: #fff;
				border: none;
				padding: 15px;
				text-align: center;
				cursor: pointer;
				z-index: 5;
				font-family: 'light', sans-serif;
				font-size: 16px;
				letter-spacing: 1px;
				text-transform: uppercase;
				transition: all 0.3s ease;
				text-align: center!important;
			}
			button:hover{
				background-color: #202121!important;
			}
		#logo_login{
			width: 100px;
			position:absolute;
			left: 50%;
			top: 85%;
			transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
		}
/****************************************HEADER*/
header{
	position: fixed;
	width: 100%;
	height: 50px;
	background-color: #fff;
	z-index: 98;
	padding-left: 250px;
	overflow: hidden;
	transition: all 0.2s ease;
}
    #close_menu,
	#menu_close{
		font-size: 27px;
	}
	#menu_close,
    #close_menu,
	#search,
	#notification,
    header #logout{
		height: 50px;
		width: auto;
		line-height: 50px;
		padding: 0 20px;
		text-align: center;
		color: #202121;
		cursor: pointer;
		font-family: 'light', sans-serif;
		float: left;
	}
	#notification,
    header #logout{
		float: right;
		padding: 0 20px;
		font-family: 'light', sans-serif;
	}
	header #logout{
		font-size: 20px;
	}
	header #logout:hover,
	#menu_close:hover,
	#search:hover,
	#notification:hover{
		color: #f36f21;
	}
	#search{
		padding-left: 0;
		border-right: 1px solid #d2d6d5;
	}
	#search:hover{
		background-color: #f9f9f9;
	}
	#search:hover input{
		background-color: #f9f9f9;
	}
	#search input{
		border: none;
		height: 50px;
		width: 400px;
		line-height: 45px;
		padding: 0 20px;
		text-align: left;
		border-left: 1px solid #d2d6d5;
		font-family: 'light', sans-serif;
		font-size: 18px;
		transition: all 0.5s ease;
	}
/****************************************MENU*/
aside{
	width: 250px;
	height: 100%;
	position: fixed;
	z-index: 99;
	background-color: #202121;
	padding: 20px;
	text-align: left;
	font-family: 'light', sans-serif;
	color: #e9e9e9;
	transition: all 0.2s ease;
	overflow: hidden;
}
	aside #close_menu{
		font-size: 25px;
		position: absolute;
		padding: 10px;
		top: 0;
		right: 0;
		color: #fff;
		height: 45px;
		line-height: 22.5px;
		z-index: 9999999;
		display: none;
	}
	.hidden_aside{
		margin-left: -250px;
		overflow-x: hidden;
		overflow-y: hidden;
		overflow: hidden;
	}
	.completo{
		padding-left: 0px!important;
	}
	#topmenu{
		position: absolute;
		top: 0;
		left: 0;
		padding: 20px;
		width: 100%;
		height: 190px;
		border-bottom: 1px solid #313232;
		line-height: 20px;
        background-color: #202121;
        z-index: 999999;
	}
		#logotop{
			height: 95px;
			padding: 20px 0 20px;
			border-bottom: 1px solid #313232;
			text-align: center;
			margin-top: -20px;
            position: relative;
		}
		#logotop:hover{
			background-color: #191a1a;
		}
			#logotop img{
				width: auto;
				max-height: 54px;
                max-width: 210px;
                position: absolute;
                left: 50%;
                top: 50%;
                -webkit-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
			}
		#topmenu span{
			font-size: 14px;
		}
		#user,
		#user_type{
			padding-left: 45px;
		}
		span#user_type{
			color: #e9e9e9;
		}
		#user{
			font-family: 'bold', sans-serif;
			letter-spacing: 0.5px;
            text-transform: uppercase;
			padding-top: 10px;
		}
		#topmenu #profile{
			color: #252525;
			top: 100px;
			width: 42px;
			height: 42px;
			font-size: 30px;
			line-height: 42px;
			position: absolute;
			left: 10px;
			border-radius: 50%;
			background-color: #fff;
			text-align: center;
			overflow: hidden;
			border: 2px solid #fefefe;
		}
			#topmenu #profile:after{
				opacity: 0;
				transition: all 0.3s ease;
			}
			#topmenu #profile:hover:after{
				content: "\f040";
				font-family: 'awesome';
				position: absolute;
				top: 0;
				left: 0;
				background-color: rgba(244,111,33,.5);
				/*rgba(0,0,0,0.35)*/
				width: 100%;
				height: 100%;
				z-index: 0;
				text-align: center;
				line-height: 42px;
				color: #fff;
				font-size: 20px;
				opacity: 1;
			}
			#profile img{
				/*max-width: 100%;*/
				max-height: 120%;
				position: absolute;
				top: 0;
				left: 0;
			}
.notify{
	position: relative;
}
	.notify #number{
		top: 0;
		right: 0;
		left: inherit;
	}
	.notify:hover #number{
		background-color: #f36f21;
	}
#notification{
	position: relative;
}
#number{
	position: absolute;
    top: 5px;
    left: 50%;
    background-color: #b50202;
    border-radius: 3px;
   	padding: 4px 5px;
    color: #fff;
    font-family: 'light',sans-serif;
    font-size: 12px;
    line-height: 10px;
}
#notification:hover #number{
    background-color: #108d8d;
}
#notifications{
    background-color: #fff;
    width: 450px;
    /*padding: 0 0 10px;*/
    position: fixed;
    right: 50px;
    top: 50px;
    z-index: 98;
    border-top: 1px solid #e3e3e3;
    display: none;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}
#notifications:before{
    content: "";
    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-top: 5px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #f2f2f2;
    position: absolute;
    top: -13px;
    right: 30px;
}
	#top_notify{
		border-bottom: 1px solid #e3e3e3;
		padding: 10px 20px;
		overflow: hidden;
	}
		#top_notify h4{
			font-family: 'bold', sans-serif;
			color: #f36f21;
			text-transform: uppercase;
			float: left;
		}
		#top_notify .topbutton{
			font-family: 'light', sans-serif;
			float: right;
			cursor: pointer;
			font-size: 14.5px;
			padding-left: 30px;
		}
		#top_notify .topbutton:hover{
			color: #f36f21;
		}
    #notifications .notification{
        padding: 15px 15px 15px 60px;
        border-bottom: 1px solid #e3e3e3;
        color: #313232;
        font-family: 'light', sans-serif;
        line-height: 20px;
        position: relative;
        transition: background 0.3s ease!important;
    }
    #notifications .notification:hover{
        background-color: #dadada!important;
    }
    #notifications .notification span{
        font-family: 'bold', sans-serif;

    }
    #notifications .notification span.fecha{
        font-family: 'light', sans-serif;
        color: #909090;
        font-size: 15px;

    }
        #notifications .notification:before{
            color: #191a1a;
            margin-right: 5px;
            letter-spacing: 15px;
            text-align: left;
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            left: 35px;
        }
		#notifications .notification.noleido{
			/*cursor: pointer;*/
			/*font-family: 'bold', sans-serif;*/
        }
        #notifications .notification.noleido:before{
            color: #f36f21;
        }
		#notifications .notification.noleido:hover:before{
            color: #191a1a;
        }
        #notifications #ver_todas{
            width: 100%;
            background-color: #f36f21;
            color: #fff;
            text-align: center;
            padding: 15px;
            font-size: 15px;
            font-family: 'bold', sans-serif;
            text-transform: uppercase;
            letter-spacing: 1px;
            cursor: pointer;
        }
        #notifications #ver_todas:hover{
            background-color: #313232;
        }
			#notifications .noleido .markread{
				position: absolute;
				right: 15px;
				bottom: 15px;
			}
			#notifications .noleido:hover .markread:after{
				content: "\f00c  Marcar como leído";
				font-family: 'light', sans-serif, 'awesome';
			}
			#notifications .noleido:hover .markread:hover:after{
				color: #f36f21;
			}
			/*#notifications .noleido:hover:after{
				content: "\f00c  Marcar como leído";
				position: absolute;
				right: 15px;
				font-family: 'light', sans-serif, 'awesome';
			}*/
/****************************************NAV*/
nav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 268px;
	/* padding: 175px 20px 160px 20px; */
	/*padding: 0 10px;*/
	background-color: #191a1a;
	overflow: scroll;
	overflow-x: hidden;
	padding-right: 18px;
}
@media only screen and (max-width:650px) {
	nav{
		width: 100%;
		padding-right: 0px;
	}
}
    /*nav ul{
        padding: 0 10px 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #313232;
    }
	nav ul:first-child{
		padding-top: 175px;
    }
	nav ul:last-child{
        padding: 0 10px 0;
        margin-bottom: 0;
        border-bottom: none;
		padding-bottom: 160px;
    }
        nav ul h2{
            /*color:  #f36f21;*/
            /*font-family: 'bold', sans-serif;
            margin-bottom: 10px;
            text-transform: uppercase;
            font-size: 19px;
			letter-spacing: 1px;
        }
        nav ul li{
            padding-left: 10px;
            padding: 10px;
            line-height: 20px;
        }
		nav ul li:hover{
            color: #f36f21;
			cursor: pointer;
        }
        nav ul li i{
            padding-right: 10px;
        }*/
/*****************************************MENU2*/
.nopadding{
	padding-right: 0!important;
}
.is-open:before{content: "\f068";}
.is-close:before{content: "\f067";}
/***************************MENÚ*/
#menu2 {
	/*background-color: #f36f21;*/
	/*background-color: #f36f21;*/
	width: 250px;
	/*margin: 100px auto 0 auto;*/
	color: white;
	padding-top: 150px;
	padding-bottom: 145px;
}
	/*estilos de menu principal*/
	#menu2 h3 {
		background-color: #191a1a;
		margin: 0;
		position: relative;
		font-family: 'bold', sans-serif;
		font-size: 16px;
		height: 45px;
		line-height: 45px;
		text-transform: uppercase;
		cursor: pointer;
		padding: 0 10px;
	}
	#menu2 h3:hover{
		color: #f36f21;
	}
		#menu2 h3 p{
			float: left;
			position:absolute;
			top: 50%;
			transform: translate(0, -50%);
		}
		#menu2 h3 #number{
			left: 80px;
			position:absolute;
			top: 50%;
			transform: translate(0, -50%);
		}
		#menu2 h3 span{
			position:absolute;
			top: 50%;
			transform: translate(0, -50%);
			right: 10px;
		}
		#menu2 h3 span:hover{
			color: #f36f21;
		}
/*quitar puntos*/
	#menu2 li {
		list-style-type: none;
	}
		#menu2 ul ul {
			display: none;
		}
			#menu2 ul ul ul {
				display: none;
			}
		#menu2 li.active ul {
			display: block;
		}
/*H2*/
#menu2 ul ul li {
	transition: all 0.3s;
}
#menu2 h2 {
	color: white;
	text-decoration: none;
	font-size: 15px;
	line-height: 27px;
	padding: 0 20px 8px 0;
	transition: all 0.30s;
	background-color: #131313;
	/*border-left: 2px solid lightgreen;*/
	position: relative;
	font-family: 'light', sans-serif;
	height: 38px;
	cursor: pointer;
	overflow: hidden;
}
#menu2 h2:hover {
	/*border-left: 4px solid lightgreen;
	transition: all 0.3s;*/
}
		#menu2 h2 span {
			position:absolute;
			top: 50%;
			transform: translate(0, -50%);
			right: 15px;
		}
		#menu2 h2 i{
			padding: 10px;
			transition: all 0.3s ease;
			position: relative;
			width: 35px;
			text-align: center;
			margin-right: 5px;
			font-size: 17px;
		}
		#menu2 h2:hover{
			color: #f36f21;
		}
		#menu2 h2:hover i{
			/*color: #151515;*/
			color: #fff;
			margin-right: 15px;
		}
			#menu2 h2 i:before{
				position: relative;
				z-index: 99;
			}
			#menu2 h2 i:after{
				left: -100%;
				content: "";
				position: absolute;
				top: 0;
				background-color: #f36f21;
				width: 100%;
				height: 100%;
				z-index: 0;
				transition: all 0.3s ease;
			}
			#menu2 h2:hover i:after{
				left: 0;
			}
/*A*/
	#menu2 ul ul ul li a {
		color: white;
		text-decoration: none;
		font-size: 16px;
		line-height: 27px;
		display: block;
		padding: 7px 25px;
		font-family: 'light', sans-serif;
		background-color: #f36f21;
	}
	#menu2 ul ul ul li a i{
		letter-spacing: 10px;
	}
	#menu2 ul ul ul li a:hover {
		background: #DA6420;
		color: #131313;
		/*border-left: 5px solid #000;*/
	}
/**************************************** CIERRA MENU2*/
/****************************************FOOTER*/
footer{
	position: absolute;
	height: 145px;
	bottom: 0;
	left: 0;
	padding: 20px 20px 15px;
	border-top: 1px solid #313232;
	font-family: 'bold', sans-serif;
	width: 100%;
    background-color: #202121;
    z-index: 999999;
	color: #e9e9e9;
}
	footer section{
		overflow: hidden;
		margin-bottom: 5px;
		font-size: 13px;
		text-align: center;
	}
	/*#logout{
		text-align: center;
		letter-spacing: 1px;
		padding-bottom: 5px;
	}
	#logout:hover,*/
    #footer_b{
        text-transform: uppercase;
    }
	#footer_b div:hover{
		color: #f36f21;
		cursor: pointer;
	}
	#logo{
		width: 100%;
	}
		#logo img{
			height: 35px;
			margin-bottom: 10px;
		}
	#footer_b div:before{
		margin-right: 5px;
	}
	#copyright{
		border-top: 1px solid #313232;
		font-family: 'light', sans-serif;
		font-size: 12px;
		letter-spacing: 1px;
		padding-top: 10px;
		margin-top: 10px;
	}
/****************************************MAIN*/
.mitad {
	width: 45%;
	float: left;
}
.w90{
	width: 90%;
}
.main{
	width: 100%;
	height: auto;
	padding: 50px 0 0 250px;
	transition: all 0.2s ease;
}
/*HOME*/
#container_budget{
	width: 100%;
	background-color: #e9e9e9;
	padding-top: 70px;
	padding-bottom: 50px;
}
	#container_fixed{
		position: relative;
		height: 190px;
		margin-bottom: 10px;
	}
		#fixed{
			position: fixed;
			width: 100%;
            z-index: 10;
            background-color: #e9e9e9;
            margin-top: -20px;
            padding-top: 20px;
		}
	#titulo{
		width: 95%;
		background-color: #fff;
		margin: 10px auto 0;
		padding: 10px 20px 10px 20px;
		position: relative;
	}
		#titulo br{
			display: none;
		}
		#container_budget h1{
			color: #f36f21;
			font-family: 'bold', sans-serif;
			font-size: 40px;
			text-transform: uppercase;
			padding-right: 200px;
		}
		#container_budget h2{
			color: #f36f21;
			font-family: 'bold', sans-serif;
			font-size: 25px;
			text-transform: uppercase;
		}
		#selected_buttons{
			/*quitar comentario para responsive*/ /*display: none;*/
			float: right;
			position: absolute;
			top: 7px;
			right: 200px;
		}
			#selected_buttons div{
				text-align: center;
				background-color: #f36f21;
				color: #fff;
				text-transform: uppercase;
				font-family: 'bold', sans-serif;;
				font-size: 16px;
				line-height: 18px;
				padding: 10px;
				cursor: pointer;
				margin-left: 5px;
				transition: all 0.3s ease;
				padding-bottom: 11px;
				padding-top: 15px;
				border-radius: 3px;
				border-bottom: 3px solid #159999;
				float: left;
			}
			#selected_buttons div:hover{
				background-color: #202121;
				border-bottom: 3px solid #2d2f2f;
			}
			#selected_buttons span:hover{
				color: #fff;
			}
	#filter_budget,
	#filter_item{
		background-color: #f2f2f2;
		width: 95%;
		text-transform: uppercase;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		flex-wrap:  wrap;
	}
	#filter_item{
		background-color: #e9e9e9;
		padding: 10px;
	}
		#filter_item select{
			padding: 10px;
		}
		#filter_item button{
			height: 43px;
		}
		#icofiltro{
			color: #d6d6d6!important;
			font-size: 20px;
			padding: 10px!important;
		}
		#icoftabla{
			color: #b5b5b5!important;
			font-size: 20px;
			padding: 10px!important;
			transform: rotate(90deg);
		}
		#filter_item ul,
		#filter_budget ul{
			display: flex;
			flex-direction: row;
			flex-wrap:  wrap;
		}
			#filter_item ul li,
			#filter_budget ul li{
				padding: 12px 15px 10px 15px;
				font-family: 'bold', sans-serif;
				color:#aeaeae;
				cursor: pointer;
				transition: all 0.3s ease;
			}
			#filter_item ul li:hover,
			#filter_budget ul li:hover{
				background-color:#d6d6d6;
				color: #fff;
			}
				#filter_item ul li span{
					display: inline-block;
					padding-left: 5px;
				}
				#filter_budget ul li .more{
					display: none;
					background-color: #d6d6d6;
					width: 95%;
					left: 2.5%;
					margin-top: 10px;
					padding: 0px;
					height: 0px;
					overflow: hidden;
					transition: all 0.3s ease;
				}
					#filter_budget ul li .more input{
						padding: 5px;
						color: #aeaeae;
						float: left;
						height: 33px;
					}
                    #filter_budget ul li .more select{
						float: left;
						height: 33px;
                        padding: 5px;
					}
					#filter_budget ul li .more span{
						padding: 10px;
						float: left;
					}
					#filter_budget ul li .more .filter_buttom{
						background-color: #f36f21;
						height: 33px;
						padding: 0 10px;
						font-size: 14px;
						text-transform: uppercase;
						color: #fff;
						cursor: pointer;
						position: relative;
						float: left;
					}
					#filter_budget ul li .more .filter_buttom:hover{
						background-color: #202121;
					}
					#filter_budget ul li .more input:hover{
						background-color: #f2f2f2;
					}
#activities{
    float: right;
    font-family: 'bold', sans-serif;
    color: #202121;
    line-height: 44px;
    right: 40px;
    position: absolute;
}
    #activities span{
        color: #f36f21;
    }
/*LIST*/
.big_list{
	width: 95%;
    margin: 20px auto;
    overflow: hidden;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
	padding: 0 0 10px;
}
	.listados #empty,
	.big_list #empty,
	#container_notificaciones #empty{
		text-align: center;
		font-family: 'bold', sans-serif;
		color: #d4d4d4;
		text-transform: uppercase;
		font-size: 40px;
		padding: 50px 100px;
		margin: 0 auto;
	}
		.listados #empty i,
		.big_list #empty i,
		#container_notificaciones #empty i{
			font-size: 40px;
		}
	.big_list .item{
		width: 23%;
		margin: 0 1% 20px;
		background-color: #fff;
		float: left;
		padding: 70px 20px 70px;
		position: relative;
		font-family: 'light', sans-serif;
		transition: all 0.3s ease;
	}
		.big_list .item.nofooter{
			padding: 70px 20px 20px;
		}
	.big_list .item:hover {
		box-shadow: 3px 3px 0px rgba(0,0,0,0.1);
	}
		.big_list .item .item_head,
		.big_list .item .item_footer{
			width: 100%;
			display: flex;
			align-items: stretch;
			flex-wrap: no-wrap;
			justify-content: space-between;
			padding: 15px 20px;
			position: absolute;
			left: 0;
		}
		.big_list .item .item_head{
			top: 0;
			background-color: #d6d6d6;
		}
		.big_list .item:hover .item_head{
			color: #fff;
			background-color: #202121;
		}
		.big_list .item .item_footer{
			bottom: 0;
			border-top: 1px solid #d6d6d6;
			text-align: center;
			min-height: 48px;
		}
			.big_list .item .item_footer span{
				padding: 0 8px;
			}
		.big_list .item .item_main{
			line-height: 1.3em;
		}
			.big_list .item .item_main .bold{
				font-size:15px;
			}
			.big_list .item .item_main p{
				margin: 10px 0px;
			}
			.big_list .item .item_main > div{
				font-size: 16px;
			}
				.big_list .item .item_main > div span{
					font-size: 14px;
				}
		.big_list .item:hover .item_main .client_options{
			width: auto;
			height: auto;
			margin-right: 10px;
		}
.big_list .item .item_head.visto {
	background-color: #f36f21;
	color: #fff;
}
.big_list .item:hover .item_head.visto {
	background-color: #202121;
}
.big_list .item.selected{
	background-color: #202121!important;
	color: #fff!important;
}
.big_list .item.selected .item_head{
	background-color: #191a1a!important;
}
.big_list .item.selected .item_footer{
	border-top: 1px solid #313232;
}
.open_budget{
	width: 100%;
	padding: 15px;
	font-family: 'bold', sans-serif;
	text-align: center;
	/*background-color: #d6d6d6;*/
	border: 1px solid #d6d6d6;
	margin: 15px 0 0;
}
	.open_budget:before{
		content: "\f08e";
		margin-right: 10px;
	}
.open_budget:hover{
	background-color: #f36f21;
	border: 1px solid #f36f21;
	color: #fff;
}
/*********************************************************/
/*********************************************************/
/*********************************************************/
/*********************************************************/
#list_budget{
	min-width: 2050px;
	background-color: #fff;
	margin-top: 20px;
	border-spacing: 0px;
	position: relative;

}
	.header_list{
		background-color: #f2f2f2;
		border-top: 1px solid #aeaeae;
		color: #202121;
		font-family: 'bold', sans-serif;
		text-transform: uppercase;
		text-align: center;
		border: none;
	}
		.header_list th, .item_list td{
			padding: 12px 10px 10px;
			border: 0px;
		}
		.header_list th, .item_list .padding{
			padding: 12px 5px 10px;
		}
		.header_list th, .item_list .padding:last-child{
			padding: 12px 10px 10px 5px;
		}
		.header_list th.th_order:hover{
			color: #f36f21;
			cursor: pointer;
		}
		.header_list th span{
			cursor: pointer;
		}
		.item_list td:first-child, .header_list th:first-child{
			text-align: center;
			position: relative;
			border-left: 6px solid #fff;
		}
		#content_budget .item_list td:first-child, #content_budget  .header_list th:first-child,
		#container_budget .item_list td:first-child, #container_budget .header_list th:first-child{
			border-left: none;
		}
		/*.visto {
			border-left: 6px solid #f36f21!important;
		}*/
			input.check_list{
				display: none;
				cursor: pointer;
			}
			label.check_list{
				width: 16px;
				height: 16px;
				border: 1px solid #999999;
				background-color: #fff;
				display: inline-block;
				vertical-align: middle;
				position: relative;
				cursor: pointer;
			}
			label.check_list:after{
				content: '';
				width: 10px;
				height: 10px;
				background-color: #fff;
				position:absolute;
				left: 2px;
				top: 2px;
			}
            label.check_list #infocheck{
				position: absolute;
                background-color:  #f36f21;
                border-radius: 3px;
                top: -140%;
                right: 200%;
                padding: 10px;
                color: #fff;
                opacity: 0;
                transition: all 0.3s ease!important;
			}
            label.check_list:hover #infocheck{
                opacity: 1;
			}
            label.check_list #infocheck:after{
				content: '';
				position: absolute;
                width: 0;
                height: 0;
                right: -9px;
                top: 50%;
                transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                border-top: 10px solid transparent;
                border-left: 10px solid #f36f21;
                border-bottom: 10px solid transparent;
			}
			input.check_list:checked + label.check_list:after{
				background-color: #f36f21;
			}
			input.check_list:checked ~ #cambiar {
				background-color: #f36f21;
			}
	.item_list{
		color: #202121;
		overflow: hidden;
		font-family: 'light', sans-serif;
		position: relative;
		padding-right: 40px;
	}
		tr.item_list.selected{
			background-color: #202121!important;
			color: #fff!important;
		}
		tr.item_list.selected:nth-child(odd):hover{
			background-color: #202121!important;
		}
		tr.item_list.selected:hover .id_link:before{
			background-color: #202121!important;
		}
		tr.item_list.selected:hover .desc_link:before{
			background-color: #202121!important;
		}
	.item_list:hover, .item_list:nth-child(odd):hover{
		background-color: #dadada!important;
	}
	.item_list:hover .service{
		background-color: #dadada;
	}
	.item_list:nth-child(odd){
		background-color: #f2f2f2;
	}
	.id_link{
		height: 100%;
		display:block;
		padding: 12px 10px 10px;
		margin: -12px -15px;
		position: relative;
		overflow: hidden;
	}
	.id_link:before{
		content: "Abrir";
		text-transform: uppercase;
		color: #f36f21;
		font-family: 'bold', sans-serif;
		background-color: #fff;
		position: absolute;
		display:block;
		cursor: pointer;
		width: 100%;
		padding: 12px 0px;
		margin: -12px 0px;
		opacity: 0;
	}
	.id_link:hover:before{
		opacity: 1;
		background-color: #dadada;
	}
	.item_list:nth-child(odd) .id_link:before{
		background-color: #dadada;
	}
	.desc_link{
		height: 100%;
		display:block;
		padding: 12px 10px 10px;
		margin: -12px -15px;
		position: relative;
		overflow: hidden;
	}
	.desc_link:before{
		content: "Abrir";
		text-transform: uppercase;
		color: #f36f21;
		font-family: 'bold', sans-serif;
		background-color: #fff;
		position: absolute;
		display: block;
		cursor: pointer;
		width: 100%;
		height:  100%;
		padding: 22px 0px;
    	margin: -30px 0px;
		opacity: 0;
		top: 50%;
	}
	.desc_link:hover:before{
		opacity: 1;
		background-color: #dadada;
	}
	.item_list:nth-child(odd) .desc_link:before{
		background-color: #dadada;
	}
	.rows{
		background-color: #202121;
		color: #fff;
	}
	.client_budget{
		position: relative;
	}
		.item_list:hover .client_budget .client_options{
			width: auto;
			height: auto;
			margin-right: 10px;
		}
		.client_budget .client_options{
			cursor: default;
			float:left;
			width: 0px;
			height: 0px;
			overflow: hidden;
			transition: all 0.3s ease;
		}
			.client_budget .client_options span{
				margin-left: 5px;
				cursor: pointer;
			}
			.client_budget .client_options span:hover{
				color: #f36f21;
			}
			#all_options{
				display: none;
			}
			#allbuttons{
				min-width:500px;
				background-color:#f36f21;
				padding: 20px 20px;
			}
			#id_buttons{
				float: left;
				width: 15%;
				text-align:center;
				font-family: 'light', sans-serif;
				border-right: 1px solid #fff;
			}
			#allbuttons .all{
				float: left;
				width: 42.5%;
				text-align: center;
			}
			#allbuttons .all.clientoptions{
				border-right: 1px solid #fff;
			}
			#allbuttons .all .tres_width{
				width: 33.33%;
				text-align: center;
				float: left;
			}
            #allbuttons .all .cuatro_width{
				width: 25%;
				text-align: center;
				float: left;
			}
	.item_list td{
		position: relative;
		overflow:  hidden;
	}
	#content_budget .item_list td{
		position: relative;
		overflow: visible;
		line-height: 1.3em;
	}
		.toggle-label {
			font-size: 1em;
			font-family: 'Helvetica' serif;
			padding: 0px 5px;
			cursor: pointer;
			display: block;
			float: right;
			opacity: 0;
			height: 100%;
			width: 100%;
			position: absolute;
			text-align: right;
			top: 0;
			left: 0;
			line-height: 45px;
		}
		tr:hover .toggle-label {
			opacity: 1;
		}
		.toggle-label:hover{
			color: #f36f21;
		}
		.toggle-input {
			display: none;
		} /*Hide input element*/
		.toggle-content {
			padding-top: 10px;
			display: none;
		}
		.toggle-input:not(checked) ~ .toggle-content {
			display: none;
		}
		.toggle-input:checked ~ .toggle-content {
			display: block;
		}
	.config{
		margin-left: 3px;
		cursor: pointer;
	}
	.config:hover{
		color: #f36f21;
	}
/*********************************************************/
/*********************************************************/
/*********************************************************/
/*********************************************************/

/*FIXED BUTTONS*/
#fixed_buttons{
	position: fixed;
	bottom: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	max-width:100%;
	width: 100%;
	display: flex;
	justify-content: center;
	padding-left: 250px;
	transition: all 0.2s ease;
}
	.fixed_button{
		background-color: #f36f21;
		color: #fff;
		height: 37px;
		padding: 10px 20px;
		cursor: pointer;
		transition: all 0.3s ease;
		border-radius: 3px 3px 0px 0px ;
		float: left;
		margin-right: 5px;
		text-transform: uppercase;
		font-family: 'light', sans-serif;
	}
	.fixed_button:hover{
		background-color: #202121;
	}
.complete #fixed_buttons{
	padding-left: 0px!important;
}
/*LATERAL BUTTONS*/
#lateral_buttons{
	position: fixed;
	right: 0;
	top: 30%;
}
	#lateral_buttons div{
		background-color: #f36f21;
		color: #fff;
		padding: 15px;
		cursor: pointer;
		transition: all 0.3s ease;
		border-radius: 3px 0px 0px 3px ;
		margin-bottom: 5px;
		text-transform: uppercase;
		font-family: 'light', sans-serif;
	}
	#lateral_buttons div:hover{
		background-color: #202121;
	}
/****************************************NEW BUDGET*/
.new_budget{
	flex-wrap: wrap!important;
}
	.icomargin{
		line-height: 4em;
	}
	.list2{
		border: 5px solid #fff;
	}
	.list2 td.bold:first-child{
		color: #f36f21;
	}
	.bold{
		font-family: 'bold', sans-serif!important;
	}
.container_admin{
	 width: 95%;
	 background-color: #f2f2f2;
	 margin-left: 2.5%;
	 padding: 20px;
	 overflow: hidden;
 }
	.container_admin h2{
		margin-left: 2.5%;
	 }
	.container_admin .form_budget{
		justify-content: space-between;
	}
	.container_admin #budget_tittle{
		width: 100%;
		margin-bottom: 10px;
	}
    .container_admin #update_customer{
		width: 100%;
		margin-bottom: 10px;
	}
	.container_admin select{
		width: 100%!important;
		margin-bottom: 10px;
		margin-right: 20px;
	}
	.container_admin #budget_search{
		width: 45%;
		margin-top: 10px;
		float: left;
		height: 40px;
	}
	.form_budget h2{
		margin-top: 20px;
		margin-bottom: 20px;
		width: 40%;
	}
	button#add{
		width: auto;
		font-size: 15px;
		padding: 10px;
	}
	.form_budget .list2{
		margin-top: 0px!important;
	}
	ul#edit_retentions.editbudget,
	ul#edit_services.editbudget{
		background-color: #fff;
		border: 5px solid #fff;
		padding: 0px;
	}
	ul#edit_retentions.editbudget .retention:hover,
	ul#edit_services.editbudget .service:hover{
		background-color: #dadada;
		color: inherit;
	}
	ul#edit_retentions,
	ul#edit_services{
		width: 100%;
		background-color: #f2f2f2;
		box-sizing: border-box;
		padding: 10px 20px;
		border: 0px;
		color: #202121;
		position: relative;
	}
	ul#edit_retentions #list_budget,
	ul#edit_services #list_budget{
		margin-top: 10px;
		margin-bottom: 10px;
    	background-color: #f2f2f2;
	}
		.abierto,
		.cerrado{
			cursor: pointer;
			position: relative;
			overflow: visible!important;
		}
		.abierto:after,
		.cerrado:after{
			position: absolute;
			right: 10px;
			top: 50%;
			transform: translate(0, -50%);
			cursor: pointer;
		}
		ul#edit_services .abierto:hover:after,
		ul#edit_services .cerrado:hover:after{
			color: #f36f21;
		}
	ul#edit_retentions .edit_service,
	ul#edit_services .edit_service{
		margin-top: -10px;
		margin-bottom: -10px;
	}
/*popup de servicio - Vista de presupuesto*/
    .view_budget ul#edit_services > li {
        position: relative;
    }
    .view_budget ul#edit_services > li:before {
        content: 'Haz click aquí para ver lo que incluye este ítem';
        position: absolute;
        background-color: #b50210;
        border-radius: 3px;
        left: 50%;
        top: -52px;
        padding: 10px;
        color: #fff;
        display: none;
        width: 200px;
        text-align: center;
        z-index: 4;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        font-family: 'light', sans-serif;
    }
    .view_budget ul#edit_services > li:hover:before {
        display: inline;
    }
    .view_budget ul#edit_services > li:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        left: 50%;
        top: 0;
        transform: translatex(-50%);
        -webkit-transform: translatex(-50%);
        -moz-transform: translatex(-50%);
        -o-transform: translatex(-50%);
        -ms-transform: translatex(-50%);
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #b50210;
        display: none;
    }
    .view_budget ul#edit_services > li:hover:after {
        display: inline;
    }
	.view_budget ul#edit_services > li:nth-child(even):after,
	.view_budget ul#edit_services > li:nth-child(even):before{
		display: none;
	}
	.view_budget li.total_budget:before,
	.view_budget li.total_budget:after{
		display: none!important;
	}
/*Cierra popup de servicio - Vista de presupuesto*/
	ul#edit_retentions .retention,
	ul#edit_services .service{
		font-family: 'light', sans-serif;
		background-color: inherit;
	}
	ul#edit_services .service:hover{
		color: #f36f21;
	}
	.retention,
	.service{
		padding: 12px 10px 10px;
		border: 0px;
		color: #202121;
		overflow: hidden;
		font-family: 'bold', sans-serif;
		position: relative;
		cursor: pointer;
	}
	.retention:hover, .retention:nth-child(odd):hover,
	.service:hover, .service:nth-child(odd):hover{
		background-color: #e2f2f5;
	}
	.retention:nth-child(odd),
	.service:nth-child(odd){
		background-color: #f2f2f2;
	}
		.retention span,
		.service span{
			color: #f36f21;
			padding: 0 15px 0 5px;
			font-family: 'bold', sans-serif;
		}
		.edit_service{
			padding: 5%;
			padding-top: 20px;
			font-family: 'light', sans-serif;
			display: none;
			background-color: #f2f2f2;
		}
		.edit_service input, .edit_service textarea{
			width: 100%!important;
			margin-bottom: 10px;
			border-top: 1px solid #d2d6d5;
			border-left: #fff;
			border-right: #fff;
			border-bottom: hidden;
			padding: 15px;
			font-family: 'light', sans-serif;
			font-size: 18px;
			resize: none;
		}
		.edit_service textarea{
			min-height: 100px;
		}
		.edit_service .edit_price{
			margin-top: 10px;
			width: 30%!important;
		}
		.edit_service #erase_save{
			float: right;
			display: flex;
			flex-wrap: nowrap;
			margin-top: 10px;
		}
			.edit_service #erase_save button{
				width: 50%;
				text-align: center;
			}
		.edit_service .check_list{
			margin-right: 5px;
			margin-top: -3px;
		}
    #edit_services .check_list{

    }
	#totalservices{
		background-color: #e9e9e9!important;
	}
	#totalservices:hover{
		background-color: #e9e9e9!important;
	}
		#totalservices .textototal{
			text-transform: uppercase;
			color: #202121!important;
			padding-left: 30px;
		}
	.ultotal{
		margin-top: -45px;
	}
	span.negrita{
		font-family: 'bold', sans-serif;
		color: #202121;
	}
	b{
		font-family: 'bold', sans-serif;
	}
#oop_si:hover{
	background-color: #18bc6a!important;
}
#oop_no:hover{
	background-color: #e20303!important;
}
.red:hover{
	background-color: #e20303!important;
}
#yellow:hover{
	background-color: #e59e2a!important;
}
.green:hover{
	background-color: #18bc6a!important;
}
		#total_budget{
			background-color: #e8e8e8;

		}
		#total_budget:hover{
			background-color: #e8e8e8!important;
		}
		#days_budget{
			margin-top: 20px;
			width: 20%!important;
			font-family: 'bold', sans-serif;
			text-transform: uppercase;
			color: #202121;
			margin-right: 0!important;
		}
		#aceptado{
			margin-top: 20px;
			width: 25%!important;
			font-family: 'bold', sans-serif;
			text-transform: uppercase;
			color: #202121;
			text-align: right;
		}
/*Switch*/

	.onoffswitch {
		position: relative;
		width: 110px;
		-webkit-user-select:none;
		-moz-user-select:none;
		-ms-user-select: none;
		margin: 30px 5px 5px;
		float: right;

	}
	.onoffswitch-checkbox {
		display: none;
	}
	#newuser_form .onoffswitch-label{
		margin: 0px!important;
	}
	.onoffswitch-label {
		display: block;
		overflow: hidden;
		cursor: pointer;
		border-radius: 0px;
		overflow: hidden;
	}
	.onoffswitch-inner {
		display: block; width: 200%; margin-left: -100%;
		transition: margin 0.3s ease-in 0s;
	}
	.onoffswitch-inner:before, .onoffswitch-inner:after {
		display: block;
		float: left;
		width: 50%;
		height: 30px;
		padding: 0;
		line-height: 26px;
		font-size: 12.5px;
		letter-spacing: 0.5px;
		color: white;
		font-family: 'bold', sans-serif;
		box-sizing: border-box;
		border: 2px solid transparent;
		background-clip: padding-box;
	}
	.onoffswitch-inner:before {
		content: "";
		padding-right: 20px;
		background-color: #f36f21;
        color: #FFFFFF;
	}
	.onoffswitch-inner:after {
		content: "";
		padding-left: 25px;
		background-color: #CCCCCC;
        color: #333333;
		text-align: left;
	}
	.onoffswitch-switch {
		display: block;
        width: 25px;
        margin: 0px;
		background: #202121;
		position: absolute;
        top: 0;
        bottom: 0;
		right: 90px;
		transition: all 0.3s ease-in 0s;
	}
	.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
		margin-left: 0;
	}
	.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
		right: 0px;
	}
	.header:before {
		content: "CABECERA";
	}
	.header:after {
		content: "CABECERA";
	}
	.footer:before {
		content: "PIE";
	}
	.footer:after {
		content: "PIE";
	}
    .aprobado:before {
		content: "APROBADO";
	}
	.aprobado:after {
		content: "APROBADO";
	}
/**/
#description_budget{
	width: 100%;
	font-family: 'light', sans-serif;
	font-size: 18px;
	padding: 15px;
	border: none;
	border-top: 1px solid #d2d6d5;
	margin-top: 30px;
	min-height: 100px;
}
#newuser_form #finalbuttons button{
	height: auto!important;
}
#finalbuttons{
	width:auto;
	box-sizing: border-box;
	padding-top: 20px;
	left: 0px;
}
	#finalbuttons button{
		width: auto!important;
		margin:0px;
		float: left;
		border-right: 1px solid #fff;
		box-sizing: border-box;
	}
	#newuser_form{
		width: 95%;
		box-sizing: border-box;
		margin: 0 auto;
		position: relative;
	}
	#newuser_form.newuser{
		height: auto; /* Chrome, Safari, Opera */ /* Firefox */
		-moz-column-count: 2;
		column-count: 2; /* Chrome, Safari, Opera */ /* Firefox */
		-moz-column-gap: 20px;
		column-gap: 20px;
	}
	.form_edit_data{
		margin-bottom: 30px!important; /* Chrome, Safari, Opera */ /* Firefox */
		-moz-column-count: 1!important;
		column-count: 1!important;
		max-width: 1100px;
		margin: 0 auto;
	}
	#newuser_form label{
		font-family: 'light', sans-serif;
		margin: 5px 16px 5px;
		color: #787e7e;
		position: relative;
		line-height: 40px;
		font-size: 18px;
	}
	#newuser_form .full{
		width: 95%!important;
		margin: 0 auto;
		padding: 5px 7px 5px 16px;
	}
	#newuser_form input[type="submit"].full{
		padding: 15px 12px;
		width: 92%!important;
		margin-left: 17px;
	}
	#newuser_form input, #newuser_form select, #newuser_form textarea, #newuser_form button{
		margin-right: 1%;
		text-align: left;
		width: 100%;
		height: 45px!important;
		font-size: 15px;
		padding: 15px 12px;
	}
	#newuser_form #days_budget{
		float: left;
		overflow: hidden;
	}
	#newuser_form #header_footer{
		width: 80%;
		float: right;
		overflow: hidden;
		text-align: center;
		padding-left: 10px;
	}
	#newuser_form #finalbuttons{
		width: 100%;
		overflow: hidden;
		text-align: right;
	}
	#newuser_form #finalbuttons button{
		width: 25%!important;
	}
	.client #newuser_form .middleselect{
		width: 29%!important;
		float: left;
		margin-right: 1%;
	}
	.client #newuser_form .middle{
		width: 70%;
		float: left;
		margin-right: 0;
	}
	.container_admin #newuser_form input, .container_admin #newuser_form select, .container_admin #newuser_form button{
		margin-right: 0%;
	}
		#newuser_form.newuser input{
			height: 100%;
			margin-right: 5px;
		}
		.complete_edit #newuser_form.newuser button,
		.complete_edit input[type="submit"]{
			margin-top: 15px;
		}
		#newuser_form.newuser button{
		   	font-size: 18px;
		   	letter-spacing: 0px;
		   	height: 100%;
		}
		#newuser_form.newuser select{
		   	margin-bottom: 0px;
		   	padding-top: 13px;
			margin-right: 5px;
		}
		.marginbottom{
			margin-bottom: 10px;
		}
		select{
			border-top: 1px solid #d2d6d5;
			border-left: #fff;
			border-right: #fff;
			border-bottom: hidden;
			z-index: 5;
			font-family: 'light', sans-serif;
			transition: all 0.3s ease;
			cursor: pointer;
		}
		select:hover{
			background-color: #f9f9f9;
		}
	.item_list input, .item_list select{
		border-top: none;
		padding: 10px 13px 8px 13px;
		text-align: left;
		width: 100%;
		border-left: 1px solid #d6d6d6;
		transition: none;
	}
#tittle_busqueda{
	float: left;
	width: 50%;
}
.busq #budget_search{
	float: right;
}
#newuser_form textarea{
	width: 100%;
	border-top: 1px solid #d2d6d5;
    border-left: #fff;
    border-right: #fff;
    border-bottom: hidden;
    padding: 15px;
    font-size: 18px;
    z-index: 5;
    font-family: 'light', sans-serif;
    transition: all 0.3s ease;
	resize: none;
	height: 70px!important;
	overflow: hidden;
	font-size: 15px;
	/*margin-top: 20px;*/
}
/*************************************************EDIT********************************************/
.edit_textarea{
	height: 400px;
}
.save_textarea{
	float: right;
	margin-top: 10px;
}
/**********************************************View Budget********************************************/
#view_budget{
	background-color: #fff;
	max-width: 1000px;
	min-height: 500px;
	margin: 0 auto;
	font-family: 'light', sans-serif;
	/*padding: 50px 50px 45px 50px!important;*/
    padding: 20px 20px 45px!important;
}
	#view_budget img{
		width: 150px;
		padding: 0;
	}
	#view_budget h1{
		font-family: 'bold', sans-serif;
		text-align: center;
		color: #f36f21;
		padding: 20px;
		text-transform: uppercase;
		width: 80%;
		margin: 0 auto;
	}
    /*ALERTA en vista de presupuesto*/
        #view_budget #warning{
            background-color: #b50210;
            padding: 20px;
            text-align: right;
            width: 100%;
            max-width: 500px;
            color: #fff;
            margin: 0 auto 30px;
            border-radius: 5px;
            position: relative;
            padding-left: 100px;
        }
            #view_budget #warning h2{
                margin-bottom: 10px;
            }
            #view_budget #warning p{
                font-size: 18px;
            }
            #view_budget #warning #icon_pointer{
                position: absolute;
                left: 0;
                top: 0;
                font-size: 70px;
                width: 100px;
                text-align: center;
                height: 100%;
                padding-top: 20px;
            }
                #view_budget #warning #icon_pointer:before{
                    content: "\f0ab";
                    line-height: 70px;
                }
		#imgimportante {
			width: 70%!important;
			margin-left: 20%;
		}
    /*Cierra ALERTA en vista de presupuesto*/

	#view_budget #header, #view_budget #footer{
		width: 100%;
		height: auto;
		overflow: hidden;
		min-height: 50px;
		border-top: 1px solid #e8e8e8;
		border-bottom: 1px solid #e8e8e8;
		text-align: center;
		color: #736c6c;
		padding: 15px;
	}
	#view_budget #header h1,
	#view_budget #header h2,
	#view_budget #header h3,
	#view_budget #header h4,
	#view_budget #header h5,
	#view_budget #header h6,
	#view_budget #footer h1,
	#view_budget #footer h2,
	#view_budget #footer h3,
	#view_budget #footer h4,
	#view_budget #footer h5,
	#view_budget #footer h6{
		padding: 0 0 10px 0;
		width: 100%;
	}
	#view_budget #footer p{
		margin-bottom: 10px;
		line-height: 1.3em;
	}
	#view_budget #header p{
		line-height: 1.3em;
	}
		#header a, #footer a{
			color: #f36f21;
		}
		#header a:hover, #footer a:hover{
			text-decoration: underline;
		}
	#content_budget{
		padding: 20px 0px;
	}
	#content_budget .service table{
		margin: 0px;
	}
		#content_budget li.service li, #content_budget .service span{
			font-family: 'light', sans-serif;
			width: 16.66%;
			float: left;
			overflow:hidden;
			vertical-align: center;
		}
		#content_budget li.service li{
			font-family: 'light', sans-serif;
		}
		#content_budget li.service input{
			padding: 10px;
		}
		#content_budget .edit_service{
			padding: 15px 40px 30px 40px;
			/*background-color: #e8e8e8;*/
            background-color: #fff;
		}
		.edit_service h1, .edit_service h2, .edit_service h3, .edit_service h4, .edit_service h5{
			font-family: 'bold', sans-serif;
			margin-top: 30px;
			margin-bottom: 15px;
			text-transform: uppercase;
			color: #202121;
		}
		.edit_service p{
			margin-bottom: 20px;
			line-height: 1.3em;
		}
		.edit_service ul{
			margin: 0 auto 10px;
            background-color: #FBFBFB;
            padding: 20px 40px 30px;
            border-left: 2px solid #f2f2f2;
            border-right: 2px solid #f2f2f2;
		}
			.edit_service ul li{
				list-style: square;
				margin-top: 10px;
				line-height: 1.3em;
			}
		.edit_service a{
			color: #f36f21;
			padding: 0px 5px;
			font-family: 'bold', sans-serif;
		}
		.edit_service a:hover{
			text-decoration: underline;
		}

		#bottom_budget{
			display: flex;
			justify-content: space-between;
			width: 99%;
			margin: 0 auto;
		}
		#buttom_budget input{
			background-color: #f9f9f9;
		}
		#bottom_budget button{
			font-size: 18px;
		}
/****************************************USERS*/
.listados{
	width: 95%;
	margin: 20px auto;
	overflow: hidden;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}
	.listados .item{
		background-color: #fff;
		width: 23%;
		margin-right: 1%;
		margin-left: 1%;
		padding: 20px 20px 55px;
		font-family: 'light', sans-serif;
		float: left;
		margin-bottom: 20px;
		position: relative;
		transition: all 0.2s ease;
		line-height: 20px;
		overflow: hidden;
	}
	.listados .item:hover{
		box-shadow: 3px 3px 0px rgba(0,0,0,0.1);
	}
		.listados .item .name{
			font-family: 'bold', sans-serif;
			font-size: 17px;
			color: #f36f21;
			line-height: 20px;
			text-transform: uppercase;
			transition: all 0.5s ease;
			clear: both;
			margin-bottom: 10px;
		}
		.listados .item span{
			line-height: 25px;
		}
		.listados .item span:before{
			letter-spacing: 10px;
			color: #f36f21;
		}
		.listados .item #email_user{
			white-space:nowrap;
    		text-overflow: ellipsis;
			overflow: hidden;
		}
		.listados .item p{
			margin: 10px 0 10px;
		}
		.inactivo:before{
			color: #787e7e!important;
		}
		.listados .item section{
			padding-top: 10px;
			background-color: #f36f21;
			position: absolute;
			width: 100%;
			height: 40px;
			left: 0;
			bottom: 0;
			text-align: center;
			color: #e9e9e9!important;
			transition: all 0.5s ease;
		}
		absolutecenter{
			width: 100%;
			position:absolute;
			left: 50%;
			top: 50%;
			-webkit-transform: translate(-50%, -50%);
			-moz-transform: translate(-50%, -50%);
			-o-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
		}
		.listados .item section span{
			color: #e9e9e9!important;
			height: 40px;
			font-size: 20px;
			cursor: pointer;
		}
		.listados .item section span:before{
			color: #e9e9e9!important;
			padding: 20px;
			font-size: 20px;
			cursor: pointer;
			letter-spacing: 0;
		}
		.listados .item section span:hover:before{
			color: #202121!important;
		}
	.payment_config .listados .item{
		padding: 20px 20px 100px;
	}
		.payment_config .onoffswitch{
			width: 130px;
			float: none;
			position:absolute;
			left: 50%;
			-webkit-transform: translate(-50%, 0);
			-moz-transform: translate(-50%, 0);
			-o-transform: translate(-50%, 0);
			-ms-transform: translate(-50%, 0);
			bottom: 50px;
		}
			.payment_config .onoffswitch .onoffswitch-switch{
				right: 110px;
			}
			.payment_config .s_payment .header:before{
				content: "ACTIVO";
				color: #fff;
				text-align: right;
				letter-spacing: inherit;
				padding-right: 35px;
			}
		.payment_config .s_payment .header:after{
			content: "INACTIVO";
			padding-left: 30px;
		}
		.payment_config .item span{
			font-family: 'light', sans-serif;
			line-height: 1.3em;
		}
		.payment_config .listados .item img{
			width: 100%;
		}
	#titulo a{
		position: absolute;
		right:0px;
		top: 50%;
		transform: translate(0, -50%);
		height: 100%;
	}
	#titulo button{
		text-align: center;
		background-color: #f36f21;
		color: #fff;
		text-transform: uppercase;
		font-family: 'bold', sans-serif;
		font-size: 16px;
		line-height: 18px;
		padding: 10px;
		cursor: pointer;
		transition: all 0.3s ease;
		padding-bottom: 11px;
		padding-top: 15px;
		border-radius: 3px;
		border-bottom: 3px solid #B3531B;
		height: 100%;
	}
	#titulo button:hover {
		background-color: #202121;
		border-bottom: 3px solid #2d2f2f;
	}
/****************************************FACTURAS*/
.marginb{
	margin-bottom: 40px;
}
#newuser_form button.b_delete{
	height: 35px!important;
	width: 35px!important;
	line-height: 0px;
	float: right;
}
.facturas .retention,
.facturas .service{
	line-height: 40px;
	cursor: auto;
}
.facturas #finalbuttons{
	width:auto;
	box-sizing: border-box;
	padding-top: 20px;
	margin-left: auto;
}
.retentions form input{
	float: left;
}
.retentions .listados .item{
	padding: 20px;
}
.retentions .listados .item .reten_delete:hover{
	background-color: #b50202!important;
}
	.retentions .listados .item input[type="text"]/*,
	.retentions .listados .item input[type="number"]*/{
		background-color: #f9f9f9;
	}
	.retentions .listados .item input[type="text"]:hover/*,
	.retentions .listados .item input[type="number"]:hover*/{
		background-color: #f1f1f1;
	}
	.retentions .listados .item input,
	.retentions .listados .item button{
		width: 100%;
	}
/****************************************CONFIGURACIONES*/
.configs{
	width: 95%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.configs .config{
	width: 33.20%;
	float: left;
	text-align: center;
	padding: 20px;
	margin-left: 0;
	margin-right: 1px;
	cursor: auto;
	color: #787e7e!important;
}
	.configs .config h2{
		margin-bottom: 10px;
	}
	.configs .config input{
		width:100%;
		height: 51px;
	}
	.percent #retencion{
		width:74%;
		float: left;
		margin-right: 1%;
	}
	.percent #porcentaje{
		width:21.5%;
		position: relative;
	}
	.ico_percent{
		position: relative;
		overflow: hidden;
	}
	.percent .ico_percent:after{
		position: absolute;
		content: "\f295";
		background-color: #fff;
		height: 45px;
		line-height: 44px;
		width: 35px;
		right: 4px;
		top: 1px;
		z-index: 5;
	}
		.vermas{
			font-family: 'bold', sans-serif;
			margin-top: 20px;
			margin-bottom: 20px;
			cursor: pointer;
		}
			.vermas:before{
				color: #787e7e;
			}
			.vermas:hover:after{
				content: "Ver Todos";
				font-family: 'bold', sans-serif;
				color: #f36f21;
			}
			.vermas:hover:before{
				color: #f36f21;
			}
		.vermas:before{
			padding: 0 10px;
		}
	.detalle_config{
		background-color: #f36f21;
		color: #fff;
		width: 100%;
		/*padding: 20px;*/
		font-family: 'light';
		height: auto;
		overflow: hidden;
		/*-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;*/
        display: none;
	}
    .space{
        height: 20px;
    }
    .edge-down{
        height: 10px;
    }
	.desplegado{
        padding: 20px;
		height: auto;
	}
	.detalle_config input[type="submit"]{
		border-right: 1px transparent solid;
	}
	.detalle_config input[type="submit"],
	.detalle_config button{
		width: 50%!important;
		float: left!important;
		background-color: #313232!important;
		height: 40px;
		line-height: 0px;
		font-size: 13px;
		text-align: center;
	}
	.detalle_config input[type="submit"]:hover,
	.detalle_config button:hover{
		background-color: #202121!important;
	}
		button.activar{
			width: 100%!important;
			background-color: #919595!important;
		}
		button.activar:hover{
			width: 100%!important;
			background-color: #00a748!important;
		}
		button.activar:before{
			content: "\f00d";
			letter-spacing: 10px;
		}
		button.activar:after{
			content: "Desactivado";
			letter-spacing: 10px;
			font-family: 'light', sans-serif;
			letter-spacing: 1px;
		}
		button.activar:hover:before{
			content: "\f00c";
			letter-spacing: 10px;
		}
		button.activar:hover:after{
			content: "Activado";
			letter-spacing: 10px;
			font-family: 'light', sans-serif;
			letter-spacing: 1px;
		}
		button.activado{
			background-color: #00a748!important;
		}
		button.activado:hover{
			background-color:  #919595!important;
		}
		button.activado:before{
			content: "\f00c";
			letter-spacing: 10px;
		}
		button.activado:after{
			content: "Activado";
			letter-spacing: 10px;
			font-family: 'light', sans-serif;
			letter-spacing: 1px;
		}
		button.activado:hover:before{
			content: "\f00d";
			letter-spacing: 10px;
		}
		button.activado:hover:after{
			content: "Desactivado";
			letter-spacing: 10px;
			font-family: 'light', sans-serif;
			letter-spacing: 1px;
		}
		.detalle_config h2{
			color: #fff!important;
		}
		.detalle_config ul{
			text-align: left;
			width: 90%;
			margin: 0 auto;
		}
			.detalle_config ul li{
				line-height: 25px;
				margin-bottom: 20px;
				overflow: hidden;
			}
			.detalle_config ul li:last-child{
				margin-bottom: 0;
			}
/****************************************PRODUCTOS*/
#editproduct .form_edit_data{
	max-width: 900px;
}
#editproduct .label{
	font-family: 'light', sans-serif;
    margin: 15px;
	margin-top:0;
    color: #787e7e;
    position: relative;
    line-height: 40px;
}
#editproduct .label b{
	line-height: 40px;
}
#editproduct h3{
	margin-bottom: 20px;
	margin-top: 20px;
	display: inline-block;
	width: 100%;
	clear: both;
	padding: 0 15px;
}
#editproduct input,
#editproduct select{
	text-align: left;
    width: 100%;
    height: 45px!important;
    font-size: 14px;
    padding: 15px 12px;
}
	#editproduct textarea{
		text-align: left;
		width: 100%;
		height: 80px;
		font-size: 14px;
		padding: 15px 12px;
		border-top: 1px solid #d2d6d5;
		border-left: #fff;
		border-right: #fff;
		border-bottom: hidden;
		font-family: 'light', sans-serif;
		resize: none;
	}
.item-checkbox label{
	margin-bottom: 0!important;
	display: flex;
	align-items: center;
}
#editproduct .item-checkbox label input[type="checkbox"]{
	width: 20px!important;
	height: 20px!important;
	margin-right: 10px;
	cursor: pointer;
}
.accordion-action{
	cursor: pointer;
}
.accordion-action:hover{
	color: #f36f21;
}
.accordion-slide{
	overflow: hidden;
	background-color: #fefefe;
}
/****************************************INVOICE*/
#view_invoice{
    background-color: #fff;
    max-width: 1000px;
    min-height: 500px;
    margin: 0 auto;
    padding: 20px;
    padding-bottom: 45px!important;
    font-family: 'light', sans-serif;
}
#view_invoice header{
	padding: 0px 20px;
	height: auto;
	position: relative;
	border-bottom: 1px solid #e8e8e8;
}
#view_invoice .item_list:hover, .item_list:nth-child(odd):hover{
	background-color: #f2f2f2;
}
#view_invoice .list2 td.bold:first-child{
	cursor: auto;
	border: none!important;
}
/*SELECCIÓN DE RETENCIONES*/
.item_list_retention{
	padding: 12px 10px 10px;
	font-family: 'light', sans-serif;
}
.item_list_retention:nth-child(odd):hover,
.item_list_retention:hover{
	background-color: #dadada;
}
.item_list_retention:nth-child(odd) {
    background-color: #f2f2f2;
}
	.item_list_retention td.bold:first-child{
		padding: 12px 15px 10px!important;
	}
	.item_list_retention td{
		padding: 12px 10px 10px;
	}
/*CIERRA SELECCIÓN DE RETENCIONES*/
#view_invoice .right{
	text-align: right;
}
	#view_invoice #logo_invoice{
		height: auto;
		width: 50%;
		float: left;
	}
	#view_invoice #logo_invoice img{
		height: 100%;
		padding-bottom: 20px;
	}
	#view_invoice #datos_empresa{
		width: 50%;
		float: right;
		text-align: right;
		line-height: 22px;
	}
	#view_invoice #titulo{
	    font-family: 'bold', sans-serif;
		text-align: center;
		color: #f36f21;
		padding: 20px 20px 10px;
		text-transform: uppercase;
		width: 98%;
		max-width: 700px;
		margin: 0 auto;
	}
	#view_invoice #fecha{
		text-align: center;
		margin-bottom: 20px;
		font-size: 18px;
		letter-spacing: 1px;
	}
	#view_invoice #datos_cliente{
		background-color: #f2f2f2;
		padding: 5px 15px;
		overflow: hidden;
	}
	#view_invoice #datos_cliente #client,
	#view_invoice #datos_cliente #address{
		width: 100%;
		float: left;
		line-height: 30px;
		padding: 5px 20px;
	}
	#view_invoice #datos_cliente #id,
	#view_invoice #datos_cliente #phone{
		width: 50%;
		float: left;
		line-height: 30px;
		background-color: #e8e8e8;
		padding: 10px 20px;
	}
	#view_invoice #datos_cliente #phone{
		border-left: 1px solid #b2b2b2;
	}
	#view_invoice #observations{
		background-color: #f2f2f2;
		padding: 25px;
		overflow: hidden;
		margin-bottom: 20px;
		line-height: 20px;
	}
	#view_invoice #observations h3{
		margin-bottom: 15px;
		color: #f36f21;
		text-transform: uppercase;
	}
	#view_invoice #legal_text{
		text-align: center;
		padding: 20px 20px 0;
		color: #818181;
		font-size: 14px!important;
		line-height: 19px;
	}
/****************************************HOME*/
#home{
	overflow: hidden;
}
#items_home{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	clear: both;
	width: 95%;
	margin: 0 auto;
	margin-top: 20px;
}
	.item_home{
		/*width: 48%;*/
		width: 23%;
		margin: 0 1% 20px;
		font-family: 'light', sans-serif;
		position: relative;
		background-color: #f2f2f2;
	}
		.item_home div{
			overflow: hidden;
		}
			.item_home div h2{
				font-family: 'bold', sans-serif;
				text-transform: uppercase;
				/*font-size: 20px;*/
				font-size: 15px;
				margin-bottom: 5px;
			}
		.item_home > div:first-child{
			background-color: #fff;
		}
			.item_home > div:first-child > div:last-child{
				padding: 10px;
			}
				.item_home > div:first-child > div.item_home_data h2,
				.item_home > div:first-child > div.item_home_data p{

				}
		.item_home > div.item_home_data{
			margin-top: 0;
			background-color: #f2f2f2;
			padding: 20px;
			padding-bottom: 50px;
			position: relative;
		}
			.item_home > div.item_home_data h3{
				text-transform: uppercase;
				margin-bottom: 15px;
				color: #f36f21;
				font-size: 15px;
			}
			.item_home > div.item_home_data ul{
				/*padding-left: 20px;*/
			}
				.item_home > div.item_home_data ul li{
					margin-bottom: 8px;
					/*list-style: square;*/
					text-overflow:ellipsis;
  					white-space:nowrap;
					overflow: hidden;
				}
			.item_home .ico{
				/*width: 90px;
				height: 90px;
				font-size: 60px;
				padding: 15px;*/
				width: 70px;
				height: 70px;
				font-size: 50px;
				padding: 10px;
				float: left;
				background-color: #f36f21;
				color: #fff;
				text-align: center;
			}
			.item_home .everything{
				border-top: 1px solid #d0d0d0;
				position: absolute;
				bottom: 0;
				left: 0;
				background-color: #dbdbdb;
				color: #767676;
				text-align: center;
				width: 100%;
				padding: 10px;
				height: 40px;
				font-family: 'bold', sans-serif;
				text-transform: uppercase;
			}
			.item_home .everything:hover{
				background-color: #f36f21;
				color: #fff;
			}
	#home .graph100{
		width: 95%;
		/*height: 460px;*/
		margin: 25px auto;
		overflow: hidden;
		position: relative;
		background-color: #f2f2f2;
		text-align: center;
		padding-bottom: 20px;
	}
	#home .highcharts-button{
		cursor: pointer!important;
	}
	#home .highcharts-background{
		background-color: #f2f2f2!important;
	}
	/*#home #container,
	#home #container2{
		/*margin: 0 auto;*/
		/*width: 950px;*/
		/*position:absolute;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
	}*/
	/*#home #container3,
	#home #container4{
		/*margin: 0 auto;*/
		/*width: 450px;*/
		/*position:absolute;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
	}*/
	#home .graph50{
		width: 46.3%;
		/*height: 470px;*/
    	margin-left: 2.5%;
		float: left;
		overflow: hidden;
		position: relative;
		background-color: #f2f2f2;
		text-align: center;
		margin-bottom: 30px;
	}
	#home .graph .titulo{
		font-family: 'bold', sans-serif;
		color: #f36f21;
        text-align: left;
		font-size: 30px;
		width: 100%;
		padding: 15px 160px 15px 15px;
		background-color: #fff;
		text-transform: uppercase;
        position: relative;
	}
    #home .graph50 .titulo{
		font-size: 22px;
		padding: 20px;
		padding: 15px 160px 15px 15px;
	}
	#home .button_home{
		width: 46.3%;
    	margin-left: 2.5%;
		float: left;
		text-align: center;
		margin-top: 30px;
		margin-bottom: 30px;
	}
		#home .button_home .turquesa{
			background-color: #f36f21;
			color: #fff;
			padding: 20px;
			font-size: 40px;
		}
		#home .button_home .titulo_home{
			background-color: #fff;
			color: #313232;
			font-family: 'bold', sans-serif;
			font-size: 25px;
			padding: 10px;
			text-transform: uppercase;
		}
		#home .button_home:hover .turquesa{
			background-color: #313232;
		}
		#home .button_home:hover .titulo_home{
			color: #f36f21;
		}
        .export_buttons{
            position: absolute;
            top: 50%;
            right: 5px;
            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            -o-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
        }
.home_customer{
    height: 100%;
}
    .home_customer .button_home{
        height: 87%;
    }
        .home_customer .button_home .turquesa{
            height: 100%;
            position: relative;
            background-size: cover;
            background-position: left;
            -webkit-transition: all 3.5s ease;
            -moz-transition: all 3.5s ease;+
            -ms-transition: all 3.5s ease;-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition
            transition: all 3.5s ease;transitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransition-webkit-transition
            background-color: #313232!important;background-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colortransitiontransition
            background-color: #313232!important;background-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-colorbackground-color
        }
        .home_customer .button_home .turquesa:hover{
            background-position: right;
        }
        .home_customer .button_home .turquesa:before{
            content: "";
            position: absolute;
            height: 100%;
            width: 100%;
            top: 0;
            left: 0;
            background-color: rgba(26, 188, 188, 0.5);
            opacity: 0;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;+
            -ms-transition: all 0.5s ease;-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition-ms-transition
            transition: all 0.5s ease;transitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransitiontransition
        }
        .home_customer .button_home .turquesa:hover:before{
            opacity: 1;
        }
            .home_customer .button_home .center{
                z-index: 3;
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
            }
            .home_customer .button_home .turquesa i{
                font-size: 80px;
            }
        .home_customer .button_home .turquesa h2{
            font-size: 28px;
            margin-top: 20px;
            text-transform: uppercase;
        }
        .home_customer .turquesa:nth-of-type(1){
            background-image: url(../img/bg3.jpg);
        }
        .home_customer .turquesa:nth-of-type(2){
            background-image: url(../img/bg6.jpg);
        }
/*HDP TINY DE P* SHIT*/
div.mce-tinymce button{
	width: auto!important;
    padding: 4px 8px!important;
	font-size: 14px!important;
	max-height: 30px;
}
div.mce-tinymce label{
    margin: 2px 0 2px 2px!important;
	position: absolute!important;
	line-height: 20px!important;
}
.edit_service .check_list {
	margin: -3px 5px 0px 20px!important;
}
div.mce-edit-area{
	max-height: 700px;
}
/****************************************CONTRACT*/
.contract #titulo{
	font-family: 'bold', sans-serif;
    text-align: center;
    color: #f36f21;
    padding: 20px;
    text-transform: uppercase;
    width: 80%;
    margin: 0 auto;
}
.contract #resumen{
	max-width: 900px;
	margin: 0 auto;
}
	.contract_content{
		background-color:#f2f2f2;
		padding: 20px 30px 30px;
	}
		.contract ul#edit_services .edit_service{
			margin-top: -10px;
			margin-bottom: -10px;
			list-style: none;
			background-color: #fff;
		}
		.contract h1, .contract h2, .contract h3, .contract h4, .contract h5{
			font-family: 'bold', sans-serif;
			margin-top: 30px;
			margin-bottom: 15px;
			text-transform: uppercase;
			color: #f36f21;
		}
		.contract h3, .contract h4, .contract h5{
			color: #191a1a;
		}
		.contract p{
			margin-bottom: 20px;
		}
		.contract ul{
			margin: 0 auto 10px;
			background-color: #e3e3e3;
			padding: 20px 40px 30px;
			border-left: 2px solid #fff;
			border-right: 2px solid #fff;
		}
		.contract ul#edit_services .edit_service ul{
			margin: 0 auto 10px;
			background-color: #FBFBFB;
			padding: 20px 40px 30px;
			border-left: 2px solid #f2f2f2;
			border-right: 2px solid #f2f2f2;
		}
			.contract ul li{
				list-style: square;
				margin-top: 10px;
			}
		.contract a{
			color: #f36f21;
			padding: 0px 5px;
			font-family: 'bold', sans-serif;
		}
	#firmascontrato {
		text-align: center;
		margin-top: 50px;
		margin-bottom: 20px;
	}
		#firmascontrato .firma {
			text-align: center;
			display: inline-block;
			margin: 0 40px 0 0;
		}
			#firmascontrato .firma .nombre{
				margin-top: 15px;
			}
			#firmascontrato .firma img {
				display: block;
				margin: 0 auto -30px auto;
			}
/****************************************NOTIFICACIONES*/
#container_notificaciones{
	width: 95%;
	background-color: #f2f2f2;
	margin-left: 2.5%;
	padding: 20px;
	padding-top: 5px;
	overflow: hidden;
}
		#container_notificaciones .notification {
			padding: 15px 15px 15px 60px;
			border-bottom: 1px solid #e3e3e3;
			color: #313232;
			font-family: 'light', sans-serif;
			line-height: 20px;
			position: relative;
			transition: background 0.3s ease!important;
			background-color: #f0f0f0;
		}
		#container_notificaciones .notification:hover {
			background-color: #dadada!important;
		}
		#container_notificaciones .notification:before {
			color: #191a1a;
			margin-right: 5px;
			letter-spacing: 15px;
			text-align: left;
			position: absolute;
			left: 50%;
			top: 50%;
			-webkit-transform: translate(-50%, -50%);
			-o-transform: translate(-50%, -50%);
			-moz-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			left: 35px;
			cursor: pointer;
		}
		#container_notificaciones .noleido:before {
			/*color: #f36f21;*/
			color: #fff;
			background-color: #f36f21;
			left: 25px;
			cursor: pointer;
			width: 50px;
			height: 100%;
			line-height: 70px;
			text-align: center;
			letter-spacing: 0;
		}
		/*#container_notificaciones .noleido:hover:before {
			color: #191a1a;
		}*/
			#container_notificaciones .notification span {
				font-family: 'bold', sans-serif;
			}
			#container_notificaciones .notification span.fecha {
				font-family: 'light', sans-serif;
				color: #909090;
				font-size: 15px;
			}
			#container_notificaciones .noleido{
				background-color: #414141!important;
				color: #e5e5e5;
				cursor: pointer;
				font-family: 'bold', sans-serif;
				letter-spacing: 0.5px;
				border-bottom: 1px solid #383838;
			}
			#container_notificaciones .noleido:hover{
				background-color: #191a1a!important;
			}
			/*#container_notificaciones .noleido:hover:after{
				content: "\f00c  Marcar como leído";
				position: absolute;
				right: 15px;
				font-family: 'light', sans-serif, 'awesome';
			}*/
			#container_notificaciones .noleido .markread {
				right: 15px;
				position: absolute;
				width: 200px;
				height: 15px;
				bottom: 15px;
			}
			#container_notificaciones .noleido .markread:hover{
				color: #f36f21;
			}
			#container_notificaciones .noleido .markread:after{
				content: "\f00c  Marcar como leído";
				position: absolute;
				right: 15px;
				font-family: 'light', sans-serif, 'awesome';
			}
/****************************************CIERRA NOTIFICACIONES*/
/****************************************INPUT FILE*/
#container_files{
	overflow: hidden;
}
.container_file{
	width: 49%;
	padding-bottom: 45%;
	background-color: #fff;
	position: relative;
	margin-bottom: 20px;
	margin-left: 25%;
	border-radius: 5px;
	box-shadow: 0px 5px 0px #d2d6d5;
	transition: all 0.5s ease;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.container_file:hover{
	background-color: #fcfcfc;
	box-shadow: 0px 5px 0px #f36f21;
}
.container_file:first-child{
	margin-right: 2%;
	background-image: url(../img/uploadimage.png);
}
.container_file:last-child{
	background-image: url(../img/cargarfirma.png);
}
.container_file:first-child .uploaded_img{
	/*background-color: #191a1a;*/
	background-color: #fff;
}
.container_file:last-child .uploaded_img{
	background-color: #fff;
}
	#editproduct .container_file input.upload_file{
		position: absolute;
		width: 100%;
		height: 100%!important;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		cursor: pointer;
		opacity: 0;
		z-index: 1;
	}
	.container_file .uploaded_img{
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		overflow: hidden;
		z-index: 2;

		padding: 25px;
	}
		.container_file .uploaded_img img{
			max-width: 80%;
			max-height: 80%;
			position:absolute;
			left: 50%;
			top: 50%;
			-webkit-transform: translate(-50%, -50%);
			-moz-transform: translate(-50%, -50%);
			-o-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
		}
.delete_img{
	color: #ad0707;
	font-size: 22px;
	position: absolute;
	top: 10px;
    right: 10px;
    z-index: 3;
    padding: 1px 4px;
    cursor: pointer;
	cursor: pointer;
	border-radius: 50%;
	background-color: #fff;
}
.delete_img:hover{
	color: #202121!important;
}
/****************************************CIERRA INPUT FILE*/
/*Harold*/
.intro_title{
    color: #f36f21;
}
.intro_subtitle{
    font-size: 20px;
    color: #191a1a;
}
strong{
    font-weight: bold;
}
.complete_button{
    width: 95%!important;
}
/******************************************SITE STATUS*/
.site_status .site_info{
	width: 50%;
	float: left;
}
.site_status .site_info ul li{
	font-family: 'light', sans-serif;
	margin-bottom: 10px;
	padding-left: 15px;
}
.site_status .site_info ul li:before{
	letter-spacing: 10px;
	color: #f36f21;
}
.site_status .site_info ul li a{
	color: #f36f21;
}
.site_status .site_info ul li a:hover{
	color: #6a6a6a;
}
.site_status .site_info ul li strong{
	font-family: 'bold', sans-serif;
}
.site_status .container_admin{
	margin-bottom: 30px;
}
.site_status .tittle_tabla{
	margin-left: 2.5%;
	margin-bottom: -10px;
}
.site_status tr.item_list{
	background-color: #fff;
	font-size: 15px!important;
}
.site_status tr.item_list:nth-child(odd) {
    background-color: #f2f2f2;
}
.site_status table{
	border-spacing: 0px;
}
/******************************************CIERRA SITE STATUS*/
/******************************************PAY*/
body.white{
	background-color: #fff;
}
	#view_budget.view_pay,
	#view_budget.view_thanks{
		max-width: none!important;
	}
	.view_pay #content_budget,
	.view_thanks #content_budget{
		width: 80%!important;
		margin: 0 auto;
		padding: 45px 0;
	}
	#view_budget.view_pay {

	}
	.view_pay #footer{
		width: 97%!important;
		margin: 0 auto;
	}
	.view_pay h1{
		font-size: 40px;
	}
	.view_pay #header{
		border-top: none!important;
	}
	.view_pay #footer,
	.view_thanks #footer{
		border-bottom: none!important;
	}
	.view_pay,
	.view_thanks{
		position:absolute;
		top: 50%;
		transform: translate(0, -50%);
	}
	.view_thanks #header
	/*.view_thanks #footer*/{
		border: none!important;
	}
	.view_pay h2{
		padding: 20px 0;
		text-transform: uppercase;
		color: #f36f21;
		width: 100%;
	}
	.view_pay .items{
		width: 24.5%!important;
		margin-right: 0.5%;
		float: left;
		position: relative;
		background-color: #ffffff;
		border: 1px solid #ebebeb;
		cursor: pointer;
	}
	.view_pay .items:last-child{
		margin-right: 0;
	}
	.view_pay .items:hover{
		background-color: #f9f9f9!important;
		border: 1px solid #e0e0e0;
	}
		.view_pay img{
			width: 100%!important;
			height: auto;
			padding: 15px!important;
		}
		.view_pay input{
			border: none;
			width: 100%;
			height: auto;
		}
		.view_pay #colunm3{
			display: flex;
			flex-wrap: nowrap;
			justify-content: space-around;
			padding: 20px 0 0;
			font-size: 18px;
		}
		.view_pay strong{
			font-family: 'bold', sans-serif;
		}
		.view_pay img#thanks{
			width: 100%;
			height: auto;
		}
		#transfer{
			position: fixed;
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.5);
			z-index: 10;
			top: 0;
			left: 0;
		}
			#transfer #data{
				position:absolute;
				left: 50%;
				top: 50%;
				-webkit-transform: translate(-50%, -50%);
				-moz-transform: translate(-50%, -50%);
				-o-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				background-color: #fff;
				padding: 40px;
				line-height: 1.3em;
				font-family: 'light', sans-serif;
				padding-top: 120px;
			}
				#transfer #data #pic{
					height: 120px;
					top: 20px;
					position:absolute;
					left: 50%;
					-webkit-transform: translate(-50%, 0);
					-moz-transform: translate(-50%, 0);
					-o-transform: translate(-50%, 0);
					-ms-transform: translate(-50%, 0);
				}
				#transfer #data h2{
					text-align: center;
					color: #f36f21;
					margin: 20px 0;
				}
				#transfer #data strong{
					font-family: 'bold', sans-serif;
					text-transform: uppercase;
				}
				#transfer #data p{
					line-height: 1.5em;
				}
				#transfer #data .boton{
					color: #fff;
					background-color: #f36f21;
					padding: 15px;
					margin: 20px auto 0;
					text-align: center;
					letter-spacing: 1px;
					cursor: pointer;
				}
				#transfer #data .boton:hover{
					background-color: #191a1a;
				}
/*Listado Pagos*/
.payments .item{
	width: 31.33%;
}
	.payments .item h3{
		padding: 10px 0 15px
	}
		.payments .item h3 .ico_down{
			float: right;
			text-align: center;
		}
		.payments .item h3 .ico_down:hover{
			color: #191a1a;
		}
	.section_hover .listados .item section:hover{
		background-color: #191a1a!important;
	}
	.payments i{
		margin-right: 5px;
		font-size: 18px;
	}
	.payments .item select{
		width: 100%;
		background-color: #f9f9f9;
	}
	.payments .item select:hover {
		background-color: #e8e8e8;
	}
	.costum_payment absolutecenter{
		padding-top: 15px;
	}
/*Reportes*/
#down_report{
	background-color: #fff;
	padding: 15px;
	width: 100%;
	text-align: center;
	border-top: 1px solid #d2d6d5;
}
#down_report:hover{
	background-color: #f9f9f9;
}
/******************************************CIERRA PAY*/
/******************************************AYUDAS*/
.help-info{
	width: 95%;
	margin-left: 2.5%;
	background-color: #fff;
	color: #545454;
	/*padding: 25px 25px 45px 75px;*/
	padding: 25px 25px 25px 75px;
	border-radius: 5px;
	font-family: 'light', sans-serif;
	position: relative;
}
.help-info:before{
	color: #f36f21;
	float: left;
	position:absolute;
	/*top: 45%;*/
	top: 50%;
	left: 25px;
	transform: translate(0, -50%);
	font-size: 30px;
}
	.help-info p{
		line-height: 1.3em;
		font-size: 18px;
	}
	.help-info strong{
		font-family: 'bold', sans-serif;
	}
    .help-info ul{
        padding: 5px 25px;
	}
        .help-info ul li{
            list-style: square;
            padding-left: 5px;
            line-height: 1.3em;
        }
	.help-info .seemore{
		font-family: 'bold', sans-serif;
		text-transform: uppercase;
		font-size: 12px;
		letter-spacing: 0.5px;
		position: absolute;
		right: 25px;
		bottom: 15px;
		color: #949494;
		/*
		mostrat ayudar
		// DESCOMENTAR PADDING EN .help-info
		// DESCOMENTAR TOP EN .help-info:before

		display: none;*/
	}
		.help-info .seemore a{
			color: #f36f21;
		}
		.help-info .seemore a:hover{
			color: #202121;
		}
/******************************************CIERRA AYUDAS*/
/*tabla de impresion*/
	/*#print_table{
		display: none;
		width: 100%;
		margin: 20px auto;
		padding: 20px;
	}
	#print_table tr td,
	#print_table tr th{
		padding: 10px 20px;
	}
		tr:first-child,
		tr:last-child{
			background-color: #e8e8e8!important;
		}
		#print_table tr{
			background-color: #f2f2f2;
		}
		#print_table table{
			width: 100%;
		}*/
/*cierra tabla de impresion*/
/**********************************************Responsive********************************************/
@media only screen and (max-width:1366px) {
	.big_list .item{
		width: 31.33%;
	}
}
@media only screen and (max-width:1230px) {
	/*items home*/
	.item_home{
		width: 48%;
	}
	/*cierra items home*/
}
@media only screen and (max-width:1200px) {
	/*listados*/
		.listados .item {
			width: 31.33%;
		}
	/*cierra listados*/
	/*listado de items*/
		.big_list .item{
			width: 48%;
		}
	/*cierra listado de items*/
}
@media only screen and (max-width:1060px) {
	/*general*/
		#container_budget h1 {
			font-size: 30px;
			padding-right: 180px;
		}
		#titulo button {
			font-size: 14px;
		}
	/*cierra general*/
	/*tablas*/
		.hide_monto{
			display: none;
		}
	/*cierra tablas*/
	/*home*/
		#home .graph50 .titulo {
			font-size: 22px;
			padding: 15px;
			text-align: center;
		}
		#home .graph50 .export_buttons {
			position: relative;
			width: 100%;
			top: 0;
			right: 0;
			-webkit-transform: none;
			-moz-transform: none;
			-o-transform: none;
			-ms-transform: none;
			margin-top: 10px;
		}
			#home .graph50 .export_buttons button{
				width: 30%;
			}
	/*cierra home*/
	/*configuraciones*/
		.configs .config{
			margin-right: 0;
			width: 100%;
		}
	/*cierra configuraciones*/
}
@media only screen and (max-width:1000px) {
	/*vista de presupuesto*/
		#tittle_busqueda{
			width: 100%;
		}
		.container_admin #budget_search{
			width: 100%;
			margin: 0;
		}
	/*cierra vista de presupuesto*/
}
@media only screen and (max-width:900px) {
	/*general*/
		#container_budget h1 {
			font-size: 25px;
		}
	/*cierra general*/
	/*menu*/
		aside {
			margin-left: -250px;
		}
		.hidden_aside {
			margin-left: 0;
		}
		header {
			padding-left: 0;
		}
		.completo {
			padding-left: 250px!important;
		}
		.main {
			padding: 50px 0 0 0;
		}
	/*cierra menu*/
	/*listados*/
		.listados .item {
			width: 48%;
		}
	/*cierra listados*/
}
@media only screen and (max-width:850px) {
	/*vista de presupuestos*/
		#newuser_form #header_footer {
			width: 100%;
			display: flex;
			justify-content: center;
		}
		#days_budget{
			width: 100%!important;
		}
	/*cierra vista de presupuestos*/
	/*pago*/
		.view_pay,
		.view_thanks{
			position:relative;
			top: 0;
			transform: none;
		}
		.view_pay .items{
			width: 49.5%!important;
		}
	/*cierra pago*/
}
@media only screen and (max-width:800px) {
	/*home*/
		.graph{
			display: none;
		}
	/*cierra home*/
	.site_status .site_info{
		width: 100%;
	}
	.site_status .site_info:last-child{
		padding-top: 20px;
	}
}
@media only screen and (max-width:700px) {
	/*Filtrado*/
		#filter_item ul,
		#filter_budget ul {
			justify-content: center;
		}
			#filter_item ul li,
			#filter_budget ul li {
				padding: 12px 10px 10px;
				font-size: 15px;
			}
			#filter_budget ul li .more input {
				width: 150px;
			}
			#filter_budget ul li .more input[type="submit"]{
				width: 90px!important;
			}
	/*Cierra Filtrado*/
	/*tablas*/
		.hide{
			display: none!important;
		}
		#all_options {
			color: #202121;
			cursor: pointer;
			width: 100%;
			height: 100%;
			top: 0px;
			left: 0px;
			display: inline;
			padding: 0 10px;
		}
		#all_options:hover{
			color: #f36f21;
		}
	.ojoresponsive{
		width: 5.1%;
		text-align: right;
	}
	/*cierra tablas*/
    /*vista de presupuestos*/
        #view_budget h1{
            width: 95%;
        }
    /*Cierra vista de presupuestos*/
	/*items home*/
	.item_home{
		width: 100%;
		margin: 0 0 20px 0;
	}
	/*cierra items home*/
}
@media only screen and (max-width:650px) {
	/*menu*/
		aside {
			margin-left: -100%;
			width: 100%;
		}
		.completo {
			padding-left: 0!important;
		}
		#logo img {
			display: none;
		}
		#menu2{
			width: 100%;
			padding-bottom: 100px;
		}
		footer {
			height: 100px;
		}
		aside #menu_close, aside #close_menu{
			display: inline;
		}
	/*cierra menu*/
	/*cierra tablas*/
    /*vista de presupuestos*/
        #view_budget h1{
            font-size: 25px;
        }
		#imgimportante {
			width: 100%!important;
			margin-left: 0;
		}
		.view_budget .hide{
			display: none;
		}
		.view_budget .sizeless {
			font-size: 13px!important;
		}
    /*Cierra vista de presupuestos*/
	/*ver contrato*/
		#view_invoice #titulo{
			font-size: 25px;
		}
	/*cierra ver contrato*/
}
@media only screen and (max-width:615px) {
	#search input {
		width: 180px;
	}
}
@media only screen and (max-width:600px) {
	/*formulario en la misma pantalla*/
		#newuser_form.newuser {
			height: auto;
			-moz-column-count: 1;
			column-count: 1;
			-moz-column-gap: 0;
			column-gap: 0;
		}
	/*cierra formulario en la misma pantalla*/
    /*Notificaciones*/
        #notifications{
            width: 100%;
            right: 0;
        }
        #notifications:before{
            right: 80px;
        }
    /*Cierra Notificaciones*/
	/*home*/
		#home .graph50{
			width: 100%;
			margin-left: 0;
		}
		#home .titulo br{
			display: none;
		}
		#home .graph100 .titulo {
			font-size: 22px;
			padding: 15px;
			text-align: center;
		}
		#home .graph100 .export_buttons {
			position: relative;
			width: 100%;
			top: 0;
			right: 0;
			-webkit-transform: none;
			-moz-transform: none;
			-o-transform: none;
			-ms-transform: none;
			margin-top: 10px;
		}
			#home .graph100 .export_buttons button{
				width: 30%;
			}
	/*cierra home*/
	/*ver factura*/
		#view_invoice #datos_empresa{
			text-align: left;
			margin-bottom: 20px;
		}
		#view_invoice #logo_invoice,
		#view_invoice #datos_empresa,
		#view_invoice #datos_cliente #id,
		#view_invoice #datos_cliente #phone{
			width: 100%;
			border: none;
		}
		.view_invoice .hide{
			display: none;
		}
		.facturas .hide{
			display: none;
		}
		#totalservices .textototal{
			padding-left: 5px;
		}
	/*cierra ver factura*/
	/*pago*/
		.view_pay #colunm3{
			display: block;
			padding-top: 0;
		}
		.view_pay #colunm3 br{
			display: none;
		}
		.view_pay #colunm3 div{
			width: 33.33%;
		}
	/*cierra pago*/
	/*listado de items*/
		.big_list .item{
			width: 99%;
		}
	/*cierra listado de items*/
}
@media only screen and (max-width:550px) {
	/*general*/
		#container_budget h1 {
			padding-right: 0;
			text-align: center;
		}
		#titulo a{
			position: relative;
		}
		#titulo button{
			width: 100%;
			text-align: center;
			margin-top: 10px;
		}
	/*cierra general*/
	/*formulario en la misma pantalla*/
		#container_budget h2{
			text-align: center;
			width: 100%;
		}
	/*cierra formulario en la misma pantalla*/
	/*tablas*/
	.ojoresponsive{
		width: 7%;
		text-align: right;
	}
	/*cierra tablas*/
	/*ver contrato*/
		.contract hide{
			display: none;
		}
	/*cierra ver contrato*/
	/*editar presupuesto*/
	.edit_budget hide{
		display: none;
	}
	.edit_budget .sizeless{
		font-size: 14px;
	}
	/*cierra editar presupuesto*/
	/*todas las notificaiones*/
		#container_notificaciones .noleido .markread:after{
		/*#container_notificaciones .noleido:after{*/
			content: "\f00c"!important;
		}
		#container_notificaciones .noleido .markread:hover:after{
		/*#container_notificaciones .noleido:after{*/
			content: "\f00c"!important;
			color: #f36f21;
		}
	/*cierra todas las notificaiones*/
}
@media only screen and (max-width:500px) {
	/************ LOGIN **************/
		#container_login::before{
			width: 90%;
			top: -60px;
			position:absolute;
			left: 50%;
			line-height: 23px;
			transform: translate(-50%, 0);
			-webkit-transform: translate(-50%, 0);
			-moz-transform: translate(-50%, 0);
			-o-transform: translate(-50%, 0);
			-ms-transform: translate(-50%, 0);
			text-align: center;
		}
	/********** CIERRA LOGIN ********/
	/*home*/
		#home .button_home {
			width: 100%;
			margin-left: 0;
			margin-top: 20px;
			margin-top: 0;
		}
	/*cierra home*/
	/*listados*/
		.listados .item {
			width: 99%;
			margin-right: 1%;
		}
	/*cierra listados*/
	/*Filtrado*/
		#filter_budget ul li .more input {
			font-size: 13px;
			width: 100px;
		}
	/*Cierra Filtrado*/
	/*tablas*/
	.ojoresponsive{
		width: 12%;
		text-align: right;
	}
	/*cierra tablas*/
	 /*vista de presupuestos*/
        #view_budget{
            padding: 0px 0px 45px!important;
        }
		#edit_services {
			padding: 10px!important;
		}
		#days_budget {
			padding-left: 10px;
		}
		#bottom_budget button {
			margin-right: 10px;
		}
		#newuser_form #finalbuttons button{
			font-size: 10px;
		}
    /*Cierra vista de presupuestos*/
	/*ver factura*/
		.facturas .hide_resumen{
			display: none;
		}
		.facturas ul#edit_retentions .retention,
		.facturas ul#edit_services .service,
		#totalservices .textototal{
			font-size: 14px;
		}
	/*cierra ver factura*/
	/*todas las notificaiones*/
		#notifications .noleido .markread:after{
		/*#container_notificaciones .noleido:after{*/
			content: "\f00c"!important;
		}
		#notifications .noleido .markread:hover:after{
		/*#container_notificaciones .noleido:after{*/
			content: "\f00c"!important;
			color: #f36f21;
		}
	/*cierra todas las notificaiones*/
@media only screen and (max-width:450px) {
	#top_notify .topbutton{
		padding: 10px;
		padding-right: 0;
	}
}
@media only screen and (max-width:430px) {
    /************ LOGIN **************/
        #container_login::before{
            content: 'Entrar al sistema de presupuestos'!important;
            width: 90%;
            top: -60px;
            position:absolute;
            left: 50%;
            line-height: 23px;
            transform: translate(-50%, 0);
            -webkit-transform: translate(-50%, 0);
            -moz-transform: translate(-50%, 0);
            -o-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
            text-align: center;
        }
    /***************************Cierra Login*/
	/*ver contrato*/
		#view_invoice #titulo{
			font-size: 20px;
		}
	/*cierra ver contrato*/
}
@media only screen and (max-width:400px) {
/************ LOGIN **************/
	#container_login{
		width: 100%;
		padding: 30px 20px;
	}
	/*todas las notificaiones*/
		#container_notificaciones .noleido:hover:after{
			display: none;
		}
	/*cierra todas las notificaiones*/
}
@media only screen and (max-width:350px) {
/************ LOGIN **************/
	/*Notificaciones*/
        #notifications .noleido:hover:after{
            display: none;
        }
    /*Cierra Notificaciones*/
}
}

.drop_down{
	padding: 15px 16px;
	clear: both;
    width: 96%;
}
.drop_down h3{
	cursor: pointer;
	padding: 15px 12px;
	background-color: #ffffff;
	position: relative;
	font-size: 15px;
	letter-spacing: 1px;
	border-top: 1px solid #d2d6d5;
}
.drop_down h3:before{
	content: "\f067";
	position: absolute;
	right: 10px;
}
.drop_down h3:hover{
	background-color: #fbfbfb;
}
.drop_down ul{
	max-height: 0;
	overflow: hidden;
	background-color: #fff;
	max-height: 500px;
	padding: 15px 15px 5px;
	width: 100%;
  border: 1px solid #c3c3c3;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  overflow-x: auto;
}
.drop_down ul li{
	font-family: 'light', sans-serif;
	margin-bottom: 20px;
	width: 33.33%;
}
.drop_down ul li label{
	font-size: 15px!important;
	cursor: pointer;
}
.drop_down ul li label{
	line-height: 0!important;
	height: 17px;
	display: flex;
    align-items: center;
	margin: 0!important;
}
.drop_down ul li label input[type="checkbox"]{
	width: 17px!important;
	height: 17px!important;
	/* float: left; */
	margin-right: 7px!important;
}
/* .drop_down.open ul{
	max-height: 10000px;
	padding: 0 15px 5px;
} */
.drop_down.open h3:before{
	content: "\f068";
}
/**************************************************** hbutton */
.hbutton{
	width: 92%!important;
	margin-left: 17px;
}
.hbutton{
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid #d2d6d5;
	padding: 0 0 0 15px!important;
	margin-bottom: 5px!important;
	background-color: #fff;
}
.hbutton:last-of-type{
	margin-bottom: 20px!important;
}
.hbutton p{
	float: left;
}
.hbutton p span{
	font-family: 'light', sans-serif;
	font-size: 15px;
}
.hbutton button{
	width: -webkit-fit-content!important;
	width: -moz-fit-content!important;
	width: fit-content!important;
	margin-top: 0!important;
}
#newuser_form.newuser .hbutton input{
	height: 15px!important;
	width: 15px!important;
}

.basic_fields,.base_fields{
	overflow: hidden;
	width: 100%;
}
.documents, .receivers{
	width: 92%!important;
	margin-left: 17px;
	margin-top: 10px;
	overflow: hidden;
}

.documents .document,
.documents .document_db,
.receivers .receiver{
	border: 1px solid #d2d6d5;
	margin-bottom: 10px;
	display: flex;
	padding-right: 17px;
    align-items: center;
	background-color: #e9e9e9;
}
.documents .document + .document,
.documents .document_db + .document_db,
.receivers .receiver + .receiver{
	margin-bottom: 5px;
}

.documents .document hr,
.documents .document_db hr,
.receivers .receiver hr{
	display: none;
}

.documents .document button,
.documents .document_db .delete_document_db{
	width: 40px!important;
	margin-top: 23px!important;
}
.documents .document_db button{
	margin-top: 0!important;
}
.complete_edit #newuser_form.newuser .documents .document_db .delete_document_db{
	margin-top: 45px!important;
}
.receivers .receiver button{
	width: 40px!important;
	margin-top: 45px!important;
}

.documents .document button,
.documents .document_db button,
.receivers .receiver button{
	margin-top: 0!important;
}

input[type="file"]{
	background-color: #fff;
	padding-top: 11px!important;
}
.confirm_email{
	flex-wrap: wrap;
}
.confirm_email p:last-child{
	margin-right: 15px;
	font-family: 'light', sans-serif;
	font-size: 17px;
}
#newuser_form.newuser .checkbox_element{
	font-family: 'light', sans-serif;
}
#newuser_form.newuser .checkbox_element input{
	height: 15px!important;
	width: 15px!important;
}

#table_modules{
	width: 95%;
	margin: 10px auto 0;
}
#table_modules thead tr th{
	font-family: 'bold', sans-serif;
	text-align: left;
	border-bottom: 1px solid #e7e7e7;
}
#table_modules tbody tr td{
	font-family: 'light', sans-serif;
	text-align: left;
	padding: 5px 10px;
}
#table_modules tbody tr td textarea,
#table_modules tbody tr td input{
	background-color: #f8f8f8;
	text-align: left;
}
#table_modules tbody tr td textarea{
	border-top: 1px solid #d2d6d5;
    border-left: #fff;
    border-right: #fff;
    border-bottom: hidden;
    padding: 5px;
    font-size: 18px;
    z-index: 5;
    font-family: 'light', sans-serif;
    transition: all 0.3s ease;
	width: 100%;
	height: inherit;
	resize: vertical;
	height: 51px;
}
.create_new_module{
	width: 95%;
	margin: 10px auto  5px;
	padding: 10px 30px 10px 30px;
	box-shadow: 0 1px 3px 0 rgba(#000,0.15);
	background-color: #fff;
}
.create_new_module form{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0!important;
	max-width: inherit;
}
.create_new_module form label{
	width: 98%;
	padding: 0 5px 0 0;
}
.create_new_module form label input,
.create_new_module form label textarea{
	width: 100%;
	border-top: 1px solid #d2d6d5;
    border-left: #fff;
    border-right: #fff;
    border-bottom: hidden;
    padding: 5px;
    text-align: left;
    font-size: 18px;
    z-index: 5;
    font-family: 'light', sans-serif;
    transition: all 0.3s ease;
	resize: vertical;
	height: 45px;
	background-color: #f8f8f8;
}
.create_new_module form label p{
	font-family: 'light', sans-serif;
	margin: 8px 0;
}

.autocomplete-input + #autocomplete-datalist{
	width: 100%;
    border: 1px solid #cccccc;
	margin-top: -5px;
	/* position: relative; */
	z-index: 10;
	border-radius: 0 0 5px 5px;
	position: absolute;
	background-color: #fff;
	max-height: 46vh;
	overflow: auto;
}
.autocomplete-input + #autocomplete-datalist li{
	padding: 10px 20px;
	list-style: none;
	font-size: 14px;
	transition: all 0.3s ease;
	cursor: pointer;
}
.autocomplete-input + #autocomplete-datalist li:first-child{
	padding-top: 15px;
}

.autocomplete-input + #autocomplete-datalist li:hover{
	background-color: #f5f5f5;
	padding-left: 30px;
}
.autocomplete-input + #autocomplete-datalist li:hover a{
	font-weight: bold;
}

#autocomplete-datalist-quote {
	width: 100%;
	border: 1px solid #cccccc;
	margin-top: -5px;
	z-index: 10;
	border-radius: 0 0 5px 5px;
	position: absolute;
	background-color: #fff;
	max-height: 46vh;
	overflow: auto;
}

.list_element_quote {
	padding: 10px 20px;
	list-style: none;
	font-size: 14px;
	transition: all 0.3s ease;
	cursor: pointer;
}

.bg-fraudalent {
	background: #F85656;
	color: white;
	padding: 5px;
	border-radius: 5px;
	width: 100px;
	font-size: 10px;
}

.bg-fraudalent i {
	font-size: 10px;
	margin-right: 3px;
}

.alert_fraudalent_certificate {
	text-align: center;
	font-weight: 600;
	color: #ffffff;
	font-size: 60px;
	z-index: 0;
	display: none;
	font-family: 'bold', sans-serif;
}

.flex-column {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.icon-fraudalent-alert {
	font-size: 90px;
	color: #f77373;
	opacity: 0.6;
}

.text-fraudalent-alert {
	color: #f77373;
	font-size: 22px
}

.text-white {
	color: white;
}

.go-to-customer:hover {
	color: #f36f21;
	cursor: pointer;
}

.pointer-none {
	pointer-events: none;
}

#popup-overlay {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.3);
  z-index: 1000;
}

#styled-popup {
  position: fixed;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  padding: 20px 30px;
  border: 1px solid #ccc;
  width: 60vw;
  box-shadow: 0 2px 12px rgba(0,0,0,0.3);
  z-index: 1001;
  font-family: sans-serif;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
}

.col-left, .col-right {
  width: 50%;
}

.field {
  margin: 3px 0;
}

.value {
  text-align: right;
  margin: 3px 0;
}

.total {
  border-top: 1px solid #ccc;
  padding-top: 5px;
  font-weight: bold;
}

.limits, .comments, .notes {
  margin-top: 10px;
}

button {
  margin-top: 15px;
}

.bg-unusual {
  background: #f36f21;
  color: white;
  padding: 5px;
  border-radius: 5px;
  width: 100px;
  font-size: 10px;
  /* display: flex;
  align-items: center;
  justify-content: center; */
}

.bg-unusual i {
  font-size: 10px;
  margin-right: 3px;
}

.alert_unusual_certificate {
  text-align: center;
  font-weight: 600;
  color: #ffffff;
  font-size: 40px;
  z-index: 0;
  display: none;
}

.content_alert_customer{
	display: flex;
    gap: 4px;
    justify-content: center;
    margin-bottom: 5px;
}

/* Alinear selector (Show entries) y contador (info) en la misma línea */
.top-table {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}

/* Mover el contador (info) justo al lado del selector */
.top-table .dataTables_length,
.top-table .dataTables_info {
  display: flex;
}

.top-table .dataTables_info {
  margin-left: 10px; /* separa un poco del select */
  padding-top: 0px !important; /* alinea verticalmente */
}

/* Ajustar buscador a la derecha */
.dataTables_filter {
  margin-left: auto;
  display: flex;
}

.top-table {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px; /* separación entre ítems */
    width: 100%;
    position: relative;
    flex-wrap: wrap; /* por si se reduce el ancho */
}

.top-table .dataTables_filter {
    margin-left: auto; /* ENVÍA EL BUSCADOR A LA DERECHA */
}

.dt-buttons {
    margin: -10px 10px 15px 0 !important;
}