body.bg-green-custom {
    background: none;
    background: linear-gradient(135deg, #000000, #b3b3b3);
}
body {
	background: linear-gradient(to top, lightgrey 0%, lightgrey 1%, #e0e0e0 26%, #efefef 48%, #d9d9d9 75%, #bcbcbc 100%);
}

.fondo_login {	
	background-color: #4d5656;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}


#login-main {
	margin-top: 25vh;
}
@media (max-width: 480px) {
	#img-logo {
		display: none;
	}
}

@media (max-width: 767px) {
	#login-main {
		margin-top: 0vh;
	}
}

/*colores*/
.bg-fondos { background: #e0e0e0; }
.bg-fondos-light { background: #ffffff; }
.bg-fondos-dark { background: #aeaeae; }

.txt-primary-color { color: #171733; }
.txt-primary-color-light { color: #3f3d5d; }
.txt-primary-color-dark { color: #00000d; }
°
.bg-primary-color { background: #171733; color: #ffffff; }
.bg-primary-color-light { background: #3f3d5d; color: #ffffff;  }
.bg-primary-color-dark { background: #2c2c2c; color: #ffffff; }

.txt-secundary-color { color: #3c3c3c; }
.txt-secundary-color-light { color: #5c5c5c; }
.txt-secundary-color-dark { color: #2c2c2c; }

.bg-secundary-color { background: #3c3c3c; color: #ffffff; }
.bg-secundary-color-light { background: #5c5c5c; color: #ffffff; }
.bg-secundary-color-dark { background: #2c2c2c; color: #ffffff; }

.btn-secundary { background: #3c3c3c; color: #ffffff; }
.btn-secundary-light { background: #5c5c5c; color: #ffffff; }
.btn-secundary-dark { background: #2c2c2c; color: #ffffff; }

.btn-secundary-dark:hover { 
	background: #3c3c3c; 
	color: #ffffff; 
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
}

.hr-divider { border-color: #181834; border-width: .1em; }

#header {
	width: 100%;
	/*border-bottom: solid #181834 .1em;*/
	-webkit-box-shadow: 0px 5px 5px 0px #5c5c5c;
	-moz-box-shadow: 0px 5px 5px 0px #5c5c5c;
	box-shadow: 0px 5px 5px 0px #5c5c5c;
}

#body-content {
	margin-top: 4vh;
	margin-bottom: 4vh;
}

#menu-lateral-main-mov {
	display: none;
	padding-bottom: 1em;
}

#menu-lateral-main-mov {
	-webkit-box-shadow: 0px 4px 6px 0px rgba(24,24,52,1);
	-moz-box-shadow: 0px 4px 6px 0px rgba(24,24,52,1);
	box-shadow: 0px 4px 6px 0px rgba(24,24,52,1);
}

#menu-lateral-main {
	padding-bottom: 1em;
}

#menu-lateral-main li {
	-webkit-box-shadow: 0px 4px 6px 0px rgba(24,24,52,1);
	-moz-box-shadow: 0px 4px 6px 0px rgba(24,24,52,1);
	box-shadow: 0px 4px 6px 0px rgba(24,24,52,1);
}

#menu-lateral-main .item-lista:hover {
	background: #aeaeae;
	color: #2c2c2c;
	border-bottom: solid #5c5c5c .1em;
	cursor: pointer;
	/*-webkit-transition: all 1s;
    -moz-transition: all 1s;
    -mos-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;*/
}

.footer-style {
	border-top: solid #3c3c3c .2em;
	padding-top: 5em;
	padding-bottom: 5em;
}

.footer-style p {
	font-size: .8em;
	color: #aeaeae;
}

#footer-contact li {
	background: #00000d
}

.user-container {
	padding: 1em;
}

#user-content {
	text-align: right;
	padding: .5em;
}

#btns-menu { display: none; }

#btns-menu a{
	font-size: 1.5em;
	color: #ffffff;
}

/*#bnt-menu-open { display: none; }*/

#bnt-menu-close { display: none; }
#btn_edocuenta_mov { display: none; }

#list-accounts { 
	height: 50vh;
}

#list-accounts table {
	-webkit-box-shadow: 0px 4px 6px 0px rgba(24,24,52,1);
	-moz-box-shadow: 0px 4px 6px 0px rgba(24,24,52,1);
	box-shadow: 0px 4px 6px 0px rgba(24,24,52,1);
}

#list-accounts table tr td:hover {
	background: #aeaeae;
	color: #3c3c3c;
	border-bottom: solid #5c5c5c .1em;
}

#map {
	height: 350px;
	width: 100%;
}

#lis-account-pay { 
	height: 45vh;
 }

#lis-account-pay table tbody tr:hover {
	background: #aeaeae;
	color: #3c3c3c;
	border-bottom: solid #5c5c5c .1em;
	cursor: pointer;
}

.btn_pay {
	background: #FF8000;
	color: #ffffff;
}

.btn_pay:hover {
	background: #ff8409;
	color: #ffffff;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
}

.btn_pay:focus {
	background: #ff8409;
	color: #ffffff;
}

#adeudo-express {
	margin: 1em; width: 100%;
}

.credit-card {
	background: #3f3d5d; 
	color: #ffffff;
	-webkit-box-shadow: 0px 4px 6px 0px rgba(24,24,52,1);
	-moz-box-shadow: 0px 4px 6px 0px rgba(24,24,52,1);
	box-shadow: 0px 4px 6px 0px rgba(24,24,52,1);
}

.alert-err-ref {
	width: 45%;
	padding: 3em;
}

.form-cvv {
	border-bottom: 1px solid #888 !important;
	background: transparent !important;
	border: 0;
	border-radius: 0;
}

#info-pay-succes {
	width: 80%;
	padding: 2em;
}

#info-pay-succes strong {
	color: #6A5955;
}

.detalles_tar:hover {
	background: #aeaeae;
}

/* MEDIA QUERYS */
@media (max-width: 480px) {



	#user-content {
		text-align: center;
		border-top: solid #ffffff;
	}

	#btns-menu { display: block; }

	#menu-lateral-main {
		display: none;
	}

	.alert-err-ref {
		width: 100%;
		padding: 1em;
	}

	#info-pay-succes {
		width: 100%;
		padding: 1em;
	}

	#btn_edocuenta_mov { display: block; }

	#btn_edocuenta { display: none; }

	#menu-lateral-main-mov { display: block; }

	#menu-lateral-main { display: none; }

}

.rounded-corners {
	border-radius: 15px;
}

.card {
	border-radius: 15px;
	overflow: hidden;
}

.link-custom {
	color: #2c2c2c;
}

.link-custom:hover {
	color: #2c2c2c;
}

.bg-custom-2 {
    background: #2C2C2C !important;
}

.dropdown-item:active {
	background-color: #2c2c2c;
}

.bg-green-custom {
	background-color: #3c3c3c;
}

.rounded-corners-left {
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}

.rounded-corners-right {
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

.shadow-effect {
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
}

.btn-login {
    background-color: #c7ba98 !important;
    border-color: #c7ba98 !important;
    color: #ffffff !important;
}

.btn-login:hover {
    background-color: #b3a482 !important;
    color: #ffffff !important;
}

.btn-login:active,
.btn-login:visited {
    color: #ffffff !important;
    background-color: #b3a482 !important;
}

.text-main {
	color: #7b202f !important;
}

footer {
	background: #1F1F1F !important;
}
.custom-list-item {
	color: white;
	list-style-type: none;
	background-color: transparent;
	border-color: transparent;
}