body {
	background-color: #313e9c;
	background: #313e9c url(/imagen/bg-log.jpg) no-repeat left bottom -150px;
	min-height: 100vh;
}


.titulo {
	text-align: center;
	font-size: 39px;
	font-weight: bold;
	color: #2e4299;
	margin: 10px 0;
}
.sottotitulo {
	text-align: center;
	font-size: 20px;
	margin-top: -21px;
	color: #777;
}
.title-page {
	text-align: left;
	font-size: 29px;
	font-weight: bold;
	color: #fff;
}
.nueva {
	margin: auto;
	max-width: 670px;
	color: #FFF;
	font-size: 20px;
	text-align: right;
}
.buttonnueva a {
	margin: 0 0 0 10px;
	background: #62c1a3;
	padding: 5px 20px;
	color: #FFF;
	border-radius: 20px;
}
.buttonnueva {
	float: right;
}

/*.ufile-input {*/
/*	padding: 5px 10px;*/
/*	background: #62c1a3;*/
/*	color: #fff;*/
/*	border:0px solid #fff;*/
/*}*/
/*.ufile-input:hover{*/
/*	color: #fff;*/
/*	background-color: #13C193;*/
/*}*/

.container {
	max-width: 1400px;

}
.navbar-brand img {
	max-width: 200px;
	margin-top: -5px;
}
.navbar {
	border-top: 4px solid #62c1a3;
}
.nav-item.dropdown {
	background: #62c1a3;
	padding: 3px 10px;
	margin-top: -20px;
	border-radius: 0 0 8px 8px;
}
.nav-link {
	padding: .5rem 1rem !important;
}

.navbar-nav .nav-link {
	text-transform: uppercase;
	color: #354499 !important;
}

.nav-link:hover {
	background: #243997;
	color: #FFF !important;
	border-radius: 20px;
	padding: 5px 20px;
}
#navbarDropdown, #navbarDropdown a.nav-link:hover {
	color: #FFF !important;
	background: transparent;
}

.table td, .table th {
vertical-align:middle !important;
}
.card-header {
	background-color: #eaeaea;
}
.col-md-6, .col-md-4 {
	float: left;
}
.green {
	background: #62c1a3;
	color: #FFF;
	font-size: 20px;
}
.card-header.blue {
	background: #324798;
	color: #FFF;
	font-size: 18px;
}
.btn.btn-primary {
	border-radius: 30px;
	padding: 5px 25px;
	font-size: 18px;
	-webkit-appearance: none;
}

.btn.btn-success {
	border-radius: 30px;
	padding: 5px 25px;
	font-size: 18px;
	-webkit-appearance: none;
}

.btn-editar {
	background-color: #0275d8;
	color: white;
}

.btn-enviar {
	background-color: #5cb85c;
	color: white;
}

.btn-cancelar {
	background-color: #d9534f;
	color: white;
}

.btn.btn-warning {
	border-radius: 30px;
	padding: 5px 25px;
	font-size: 18px;
	-webkit-appearance: none;
}

.btn-green {
	color: #fff;
	background-color: #62c1a3;
	border-color: #38c172;
}
.btn.btn-green {
	border-radius: 30px;
	padding: 5px 25px;
	font-size: 18px;
	-webkit-appearance: none;
}
.btn-green.focus, .btn-green:focus, .btn-green:hover {
	color: #fff;
	background-color: #37c196;
	border-color: #37c196;
}

.input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
	border-radius: 30px;
	padding: 5px 25px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	font-size: 18px;
}

.card {
	background-color: rgba(255,255,255,.2);
	min-height: 80vh;
	color: #FFF !important;

}
.datoclientestab {
	margin: auto;
	display: flex;
	background-color: rgba(255,255,255,.2);
min-height: 80vh;
padding: 20px;

}
.card.cardintro {
	background: #FFF;
	border: 5px solid #62c1a3;
	box-shadow: 1px 1px 5px #000;
	color: #000 !important;
	min-height: auto;
	max-width: 770px;
	width: 770px;
	margin: 50px auto;
	border-radius: 20px;
}
.table td:nth-child(1) {
	background: #d0d6fb;
}

#listado-divisas_wrapper .btn.btn-secondary {
	border-radius: 30px;
	padding: 5px 15px;
	font-size: 15px;
	-webkit-appearance: none;
	background: #62c1a3;
border-color: #FFF;
}

#listado-clientes_wrapper .btn.btn-sm.btn-danger{
	border-radius: 30px;
	padding: 5px 18px;
	font-size: 16px;
	-webkit-appearance: none;
}

#listado-clientes_wrapper .btn.btn-primary {
	border-radius: 30px;
	padding: 5px 18px;
	font-size: 16px;
	-webkit-appearance: none;
}
#listado-clientes_wrapper .detalle-cuenta.sorting_asc {
	width: 27px !important;
}

.btn.btn-secondary {
	border-radius: 30px;
	padding: 5px 25px;
	font-size: 18px;
	-webkit-appearance: none;
}


.intro {

	height: 95vh;
	width: 100vw !important;
	max-width: 100%;
	margin-top: -34px;
	padding: 35px 0px;

}

.table thead th {
	vertical-align: bottom;
	border-bottom: 2px solid #dee2e6;
	background: #daf0e9;
	color: #33419a;
	text-transform: uppercase;
}
.eliminar {
	background: #fa475c;
	color: #FFF;
	border-radius: 5px;
	padding: 7px 14px;
}
tr:nth-child(2n) {
	background: #F5F5F5;
}
tr:nth-child(2n+1) {
	background: #FFF;
}
.table td, .table th {
	border-right: 1px solid #DFDFDF;
}
.pd12 {
	padding: 12px;
	border-radius: 10px;
}
.nuevacuenta, .datocliente {
	background: #FFF;
	border-radius: 20px;
	box-shadow: 1px 1px 7px #101059;
	padding: 10px;
	border: 4px solid #62c1a3;
}
.comprarvender label {
	font-weight: bold;
	text-transform: uppercase;
	font-size: .8rem;
}
.scelta {
	margin-bottom: 20px;
	padding: 0px;
	display: block;
	border-bottom: 1px solid #E8E8E8;
}
.resultcompravender {
	text-align: right;
	background: #e3f1ff;
	padding: 20px;
	border-radius: 10px;
}
.resultcompravender h3 {
	font-size: 1.5rem;
}
.resultcompravender h5 {
	font-style: italic;
	margin-top: 25px;
	color:#7386db;
}
.total {
	color: #33419a;
}
#precio {
	margin-left: 5px;
}
.resultcompravender h3 span {
	font-size: 1.7rem;
	font-weight: bold;
	color: #000;
	margin-left: 5px;
}
.total, .total span {
	text-decoration: underline;
	font-weight: bold;
	font-size: 1.8rem !important;
}
.list-group-item {
	position: relative;
	display: block;
	padding: .75rem 1.25rem;
	background-color: #c5e2d6;
	border: 4px solid #5c67ae;
}
.bg-light-green {
	background-color: #daf0e9 !important;

}
#ingreso_adjunto {
	background: #62c1a3;
	color: #FFF;
	padding: 5px 12px !important;
}

.mgtop {
	margin-top: 30px;
}
#identificacion_tipo {
	min-width: 100px;
}
#telefono_codigo {
	min-width: 98px;
}
#documento_tipo {
	min-width: 160px;
}
#estado_civil {
	min-width: 133px;
}

#listado-operaciones, #listado-clientes, #listado-divisas, #listado-notificaciones {
	width: 99% !important;
}
#listado-operaciones .btn.btn-light.btn-sm, #listado-clientes .btn.btn-light.btn-sm{
	background: #62c1a3;
	padding: 5px 20px;
	border-radius: 8px;
	color: #FFF;
	font-size: .9rem;
}

.detalletab .list-group-item{border-color: #FFF !important; background: #F5F5F5;}

select.form-control, input.form-control {
	height: 40px;
}
.form-check-input {
    margin-top: 0rem;
    position: relative;

}
#listado-divisas  .btn.btn-light.btn-sm{
	background: #ffaf43;
	padding: 5px 20px;
	border-radius: 8px;
	color: #FFF;
	font-size: .9rem;
}
#estado_id {
	background-color: #FFF;
	height: 42px;
}
.bgwhite {
	background: #FFF !important;
}

select.form-control, select.custom-select  {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	background: #fff url(/imagen/arrow-select.png)no-repeat right 10px center;
}
.onlymob{display: none;}

.form-control {
	border: 1.8px solid #62c1a3;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
}

.welcome {
	text-align: center;
	font-size: 25px;
	line-height: 27px;
	margin-top: 20px;
}
.table td, .table th {
	font-size: 15px;
}
.help-block {
	text-align: center;
	display: block;
	margin: 21px auto;
}
.list-group-item {
	font-size: 19px;
}


@media screen and (max-width: 767px){
select.form-control, input.form-control {
	height: 48px;
}
.onlymob {
	display: block;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	color: #52b193;
}
.table td:nth-child(1) {
	border-top: 12px solid #33419a;
}
.scelta {
	display: block;
	min-height: 280px;
	height: auto;
}
	.nav-item.dropdown {
	margin-top: 0px;
	border-radius: 0px;
}
/*.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto {
	position: relative;
	width: 100%;
	padding-right: 5px;
	padding-left: 5px;
}*/
.table thead th {
	min-width: 150px;
	display: none;

}
td {
	display: grid;
}
.card-body {
	padding: 0.25rem;
}
.buttoncentermob{
	text-align: center !important;
	margin-bottom: 20px;
}
.titletab {
	text-align: center;
	margin: 5px 0 -15px;
	background: #5abd9e;
	padding: 10px 0;
	border-radius: 10px;
}
.row {
	margin-right: 15px;
	margin-left: 15px;
}
.container {
	width: 100%;
	padding-right: 0;
	padding-left: 0;
	margin-right: auto;
	margin-left: auto;
}
.nuevacuenta, .datocliente {
	margin: auto 10px 20px !important;
}
.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto {
	position: relative;
	width: auto;
	/*padding-right: 15px;
	padding-left: 15px;*/
}
#tipo_cuenta_id {
	max-width: 100% !important;

}

.col-md-12{width: 100%}
.buttoncompraventa {
	display: block;
	width: 90% !important;
	margin: auto;
}
.buttoncompraventa a {
	display: block;
	margin-bottom: 20px;
}
.titulo {
	font-size: 29px;
	margin: -10px 0 30px;
	line-height: 26px;
	color: #62c1a3;
}
.sottotitulo {
	font-size: 16px;
	padding: 0 10px;
	color: #93a1fa;
}
.card.cardintro {
	max-width: 100%;
	width: 100%;
	padding: 39px 0 14px;
	margin: -10px auto 50px;
}
.nueva {
	text-align: center;
	margin-top: -35px;
}
.buttonnueva {
	float: none;
	margin-top: 20px;
}
.buttonnueva a {
	display: block;
}
.form-group {
	margin: 0px;
}
#celular_pais_id {
	min-width: 90px;
}
#celular_numero {
	margin-top: 10px;
}
.mbt20{margin-top: 20px;}
.col-xs-12 {
	width: 100%;
}
.btn.btn-primary {
	max-width: 100%;
	width: 95%;
	margin-left: auto;
margin-right: auto;
font-size: 20px;
line-height: 22px;
min-height: 48px;
vertical-align: middle;

}
.pdt13{padding-top: 13px !important;}
.resultcompravender {
	text-align: left;
}
.total, .total span {
	display: block;
}
.resultcompravender h4 {
	border-bottom: 1px solid #4250a9;
	padding-bottom: 10px;
	font-size: 18px;
}
#impuesto {
	display: block;
}
.resultcompravender h3 span {
	margin-left: 0;
}

.datoclientestab {
	margin: auto;
	display: block;
	background-color: transparent;
	min-height: 80vh;
	padding: 0px;
}
.form-row {
	display: block;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 20px;
	margin-top: 20px;
}
#exportar {
	display: block;
	width: 96%;
	margin: 5px auto;
}
.btnoperaciones {
	margin: 20px auto auto;
	width: 100% !important;
}
#admintable .col-sm-12 {
	width: 100%;
}
 #admintable td{display:table-cell;  }
  #admintable .table thead th{display:table-cell; width: auto !important; min-width: auto;}
  #admintable .table td:nth-child(1) {
	border-top: none;
}
body {
	background-color: #33419a;
	background: #33419a url(/imagen/bg-log.jpg) no-repeat left bottom;
	min-height: 100vh;
	background-size: contain;
}
.text-xs-center { text-align: center; }

.table td:nth-child(1) {
	background: transparent;
}
tr:nth-child(2n) {
	background: #4452ab;
	color: #FFF;
}
tr:nth-child(2n+1) {
	background: #25338c;
	color: #FFF;
}
.card.cardmobile {
	background: transparent;
	border: 0px;
}
.total {
	color: #93a1fa;
}
.resultcompravender h3 span {
	color: #62c1a3;
}

.nuevacuenta, .datocliente {
	 background: transparent;
	 border-radius: 0;
	 box-shadow: none;
	padding: 0px;
	 border: none;
	color: #FFF;
}
.resultcompravender {
	background: #25338C;

}

#ingreso_adjunto {
	display: block;
}
.datoclientestab .row, .nuevacuenta .row {
	margin-right: 0;
margin-left: 0;
}
.card.cardintro {
	background: transparent;
	border: none;
	box-shadow: none;
	color: #000 !important;
	min-height: auto;
	border-radius: 0 !important;
	color: #FFF !important;
	border-bottom: 2px solid #62c1a3;
}
.table td, .table th {
	border: none;
	padding: .45rem;
}
#actualizar {
	display: block;
	width: 100%;
}
.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
	border-radius: 0;
	margin-top: 10px;
}
}

/* Cambiando el color del carousel de Bootstrap */
.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2328a745' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2328a745' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

.carousel-indicators li{
    background-color:#28a745;
}

.carousel-indicators .active{
    background-color: #28a745;
}

.carousel-caption {
	color: #28a745;
}