*, *::before, *::after {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
}
:root {
	--main-gris: #e9ecef;
	--bg_val-gris: #F5F5F5;
	--bg_val-grisH: #DDD;
	--bt_color: #007bff;
	--bt_colorH: #005AFF;
	--bg_muy_gris: #4D5053;
	--list_bgcolor: #606060;
	--list_tit: 16px;
}
:root {
	--main-url: "http://mundiextra.munditol.com";
}
html, body {
	height: 100%;
	font-family: Roboto;
	font-size: 12px;
}
body div {
/*	border: 1px solid #000;*/
}
.right, .left, .center {
	display:flex;
    align-items: center;
}
.bold {
	font-weight: bold;
}
.btn-primary {
    color: #FFF;
    background-color: var(--bt_color);
    border-color: var(--bt_color);
    box-shadow: none;
}
.btn-primary:hover {
	background-color: var(--bt_colorH);
}
.font-icone {
	font-size: 25px;
	color: #FF0000;
}
.cursor {
	cursor: pointer;
}
.loading {
	width: 60px;
}
.zag {
	color: #333;
	font-size: 18px;
}
.sector_zag {
	width: 100%;
	padding: 10px 10px 10px 10px;
	font-size: 24px;
	text-shadow: 2px 2px 4px #AAA;
	text-transform: uppercase;
}
.contener {
	min-height: 100%;
	display: flex;
    flex-direction: column;
	position: relative;
}
.reg_contener {
	flex: 1 1 auto;
	background-color: #e9ecef;
	display: flex;
    justify-content: center;
    align-items: center;
	position: relative;
}
.reg_box {
	margin: auto;
	width: 350px;
	background-color: #FFF;
	border-top: 3px solid #007bff;
    border-radius: 5px;
	box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
	z-index: 10;
}
.text-center {
    text-align: center;
}
.general_bt {
	border: 1px solid #CCC;
	border-radius: 3px;
	box-shadow: 2px 2px 3px #AAA;
	padding: 5px 10px;
	font-size: 14px;
	cursor: pointer;
	color: #555;
	display: flex;
    justify-content: center;
    align-items: center;
}
.general_bt:hover {
	transform: translate(-1px,-1px);
	box-shadow: 3px 3px 4px #AAA;
}
.general_bt:active {
	transform: translate(1px,1px);
	box-shadow: 1px 1px 2px #AAA;
}

.card-header {
	background-color: transparent;
    border-bottom: 1px solid rgba(0,0,0,.125);
    padding: 20px 0;
    position: relative;
	font-size: 40px;
}
.card-body {
	width: 100%;
	padding: 10px 30px 50px 30px;
}
.login-box-msg {
	font-size: 18px;
	text-align: center;
	margin: 0 0 20px;
}
.login-box-errmsg {
	color: #FF0000;
}
.input-group {
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	border-radius: 3px;
	border: 1px solid #CCC;
	margin: 15px 0;
}
.form-control {
	padding: 5px 10px;
	width: 100%;
	border: 0px solid #FFF;
}
.form-control:focus {
    outline: none !important;
  }
.input-group-inp {
	flex-grow: 1;
}
.input-group-ico {
	padding: 2px;
	width: 50px;
	background-color: var(--main-gris);
	font-size: 18px;
	display: flex;
    justify-content: center;
    align-items: center;
}
.input_bt_box {
	width: 100%;
	display: flex;
    justify-content: flex-end;
    align-items: center;
}
.btn-block {
	padding: 10px 15px;
	display: flex;
    justify-content: center;
    align-items: center;
	border-radius: 3px;
}
/** INICIO *******************/
.inicio_volver_box {
	width: 100%;
	padding: 20px 10px 0px 50px;
}
.inicio_volver {
	width: 100px;
	padding: 5px 10px;
	background-color: #AAA;
	border-radius: 3px;
	color: #FFF;
	display: flex;
    justify-content: center;
    align-items: center;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
	box-shadow: 2px 2px 5px #AAA;
}
.inicio_volver:hover {
	transform: translate(-1px, -1px);
	box-shadow: 3px 3px 8px #AAA;
}
.inicio_contener {
	width: 100%;
	height: 100%;
	position: relative;
}
.inicio_box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 810px;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(50px, 200px));
    grid-gap: 50px;
	padding: 50px;
	transition: all 0.5s ease-in-out;
	opacity: 1;
	transform-origin: left top;
}
.inicio_box_inact {
	transform: scale(0,0);
	opacity: 0;
}

.inicio_box_1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 810px;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(50px, 200px));
    grid-gap: 50px;
	padding: 50px;
	transition: all 0.5s ease-in-out;
	transform: scale(0,0);
	opacity: 0;
	transform-origin: left top;
}
.inicio_box_inact_1 {
	transform: scale(1,1);
	opacity: 1;
}



.inicio_item, .inicio_item_conf {
	width: 200px;
	height: 200px;
	background-color: #DDD;
	border: 1px solid #888;
	overflow: none;
	border-radius: 5px;
	box-shadow: 3px 3px 10px #AAA;
	display: flex;
    justify-content: center;
    align-items: center;
	font-size: 20px;
	text-align: center;
	color: #FFF;
	cursor: pointer;
	transition-duration: 0.5s;
}
.inicio_item_conf {
	height: 85px;
}
.inicio_item:hover, .inicio_item_conf:hover {
	box-shadow: 5px 5px 10px #AAA;
	transform: translate(-2px, -2px);
}
.menu_config_image {
	 position:absolute;
	 bottom:30px;
	 left:0;
	 width: 100%;
	 display: flex;
     justify-content: center;
     align-items: center;
	 color: #000;
	 font-size: 16px;
	 font-family: Roboto;
}
.menu_config_name {
	 position:absolute;
	 bottom:30px;
	 left:0;
	 width: 100%;
	 display: flex;
     justify-content: center;
     align-items: center;
	 color: #000;
	 font-size: 16px;
	 font-family: Roboto;
}
/*********************/
.home_contener {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	flex: 1 1 auto;
	display: flex;
    flex-direction: row;
/*	background-color: var(--main-gris);*/
}

/**** MENU *******/
.menu_box {
	box-sizing: border-box;
	min-width: 250px;
	width: 250px;
	background-color: var(--bg_muy_gris);
	display: flex;
    flex-direction: column;
	box-shadow: 2px 2px 10px #AAA;
	z-index: 1;
}
.m_tit {
	width: 100%;
	height: 60px;
	display: flex;
    justify-content: center;
    align-items: center;
	border-bottom: 1px solid #555;
	padding: 0 20px;
	margin-bottom: 20px;
	box-sizing: border-box;
}
.m_m_contener, .m_m_contener_small {
	width: 100%;
	padding: 0 10px 0 15px;
}
.m_m_contener_small {
	display: none;
}

.m_m_box {
	width: 100%;
	height: 40px;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
	border-radius: 3px;
	padding-right: 5px;
	margin: 0px 0 5px 0;
}
.m_m_box:hover {
	background-color: #5F6163;
}
.m_m_ico {
	width: 30px;
	color: #FFF;
	font-size: 18px;
	display: flex;
    justify-content: center;
    align-items: center;
	
	margin-right: 5px;
}
.m_m_txt {
	color: #FFF;
	flex-grow: 1;
	font-family: 'Raleway', sans-serif;
    font-size: 16px;
	display: flex;
    justify-content: flex-start;
    align-items: center;
}
.m_m_fle {
	color: #FFF;
	display: flex;
    justify-content: center;
    align-items: center;
}
.m_sm_contener {
	box-sizing: border-box;
	width: 100%;
	height: 0;
	opacity: 0;
	overflow: hidden;
	display: flex;
    flex-direction: column;
	padding: 0 0 0 15px;
	transition: all 1s linear;
}
.ocultar {
	height: auto;
	opacity: 1;
}
.m_sm_box {
	width: 100%;
	height: 30px;
	display: flex;
    flex-direction: row;
	align-items: center;
	border-radius: 3px;
	padding: 0 10px;
	margin: 0;
}
.m_sm_box:hover {
	background-color: #5F6163;
}
.m_sm_ico {
	width: 30px;
	color: #FFF;
	font-size: 14px;
}
.menu_ico {
	width: 20px;
	padding-right: 5px;
	display: flex;
    align-items: center;
}
.menu_ico_right {
	width: 10px;
	display: flex;
    align-items: center;
}
.m_sm_txt {
	color: #FFF;
	flex-grow: 1;
	font-family: Roboto;
    font-size: 14px;
	display: flex;
    align-items: center;
}
/**/
.menu_box_r {
	position: absolute;
	box-sizing: border-box;
	width: 80% !important;
	background-color: var(--bg_muy_gris);
	display: flex;
    flex-direction: column;
	box-shadow: 2px 2px 10px #AAA;
	z-index: 10;
	transition: all 0.5s ease-in-out;
	transform: scale(0,0);
	transform-origin: 0 0;
	top: 0;
	left: 0;
	min-height: 100%;
}
.menu_close_r {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	display: none;
	opacity: 0.8;
	top: 50px;
	left: 0;
}
.m_m_contener_r {
	width: 100%;
	padding: 0 10px 0 15px;
}
.menu_sugerencia {
	width: 100%;
	padding: 0 0px;
}
.menu_suger_box {
	padding: 15px 0;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}
.menu_suger_txt {
	color: #FFF;
	padding: 0 10px;
	font-size: 14px;
}
.menu_video {
	width: 100%;
	padding: 30px 0 0 0;
}
.menu_video_box {
	margin: auto;
	width: 70px;
	cursor: pointer;
}
.menu_video_txt {
	width: 100%;
	color: #FFF;
	text-align: center;
}



/*** cont_box *****/
.cont_box {
	flex-grow: 1;
}
.contenido {
	margin: 0;
	padding: 0;
}
.cont_h_mult_box {
	display: flex;
    justify-content: center;
    align-items: center;
	margin: 0 10px;
}
.cont_h_mult {
	width: auto;
	padding: 5px 10px;
	background-color: #FFF;
	display: flex;
    justify-content: center;
    align-items: center;
	border-radius: 3px;
	border: 1px solid #AAA;
}
.cont_h_mult_r {
	background-color: #FFF;
	display: none;
    justify-content: center;
    align-items: center;
	border-radius: 3px;
	border: 1px solid #AAA;
	padding: 5px 3px;
}
.cont_header {
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	border-bottom: 1px solid #AAA;
/*	background-color: #E3E3E3;*/
	padding: 5px 20px 5px 0;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.cont_h_menu, .cont_h_menu_r, .cont_h_serviceOn, .cont_h_serviceOff {
	color: #777;
	font-size: 16px;
	
}
.cont_h_menu, .cont_h_menu_r {
	width: 60px;
	height: 59px;
	display: flex;
    justify-content: center;
    align-items: center;
	color: #FFF;
}
.nav-icon {
	
}
.cont_h_menuX {
	color: #777;
	font-size: 16px;
	display: none;
}
.cont_h_menu_r {
	display: none;
}
.cont_h_center {
	flex-grow: 1;
	padding: 0 20px 0 40px;
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
	font-size: 26px;
	font-weight: bold;
	color: #555;
	text-shadow: 2px 2px 5px #FFF, -2px -2px 5px #FFF;
}
.cont_h_ico_contener {
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.cont_h_ico_box {
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
	margin: 0 10px;
}
.cont_h_ico_ico {
	font-size: 16px;
	color: #FFF;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	display: flex;
    justify-content: center;
    align-items: center;
	cursor: pointer;
}
.cont_h_ico_a {
	text-decoration: none;
	color: #FFF;
}
.cli_cont_ico {
	background-color: var(--bg_val-gris);
	padding: 3px;
	display: flex;
    justify-content: center;
    align-items: center;
}
.cont_h_ico_txt {
	margin-left: 5px;
	font-size: 14px;
}
.cont_h_ico_txt_r {
	margin: 0 3px;
	display: none;
    font-size: 12px;
}
.cont_h_serviceOn {
	display: block;
	color: #000;
}
.cont_h_serviceOff {
	display: none;
}
.cont_h_rs, .cont_h_rsr {
	margin-left: 10px;
	font-size: 12px;
}
.cont_h_rsr {
	display: none;
    justify-content: flex-end;
    align-items: center;
	padding: 5px 10px;
}

/*** CONTENIDO ************************/
.cli_cont_box {
	width: 100%;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
	padding: 0 5px;
	border-bottom: 1px solid #CCC;
}
.cli_cont_separator {
	background-color: #DDD;
}
.cli_cont_txt {
	margin: 5px 0;
	display: grid;
    grid-template-columns: repeat( 3, max-content );
    grid-gap: 1px;
	font-size: 18px;
}
.cli_cont_list, .cli_cont_val {
	background-color: var(--bg_val-gris);
	padding: 5px 5px 5px 15px;
	display: flex;
    justify-content: flex-start;
    align-items: center;
	font-size: 14px;
}
.cli_cont_val {
	padding: 5px 5px 5px 5px;
}
.cli_cont_zag_box {
	display: flex;
    flex-direction: column;
    justify-content: spce-between;
    align-items: center;
	margin: 5px 15px;
}
.cli_a1 {
	width: 100%;
	font-size: 14px;
	text-align: right;
}
.cli_box_full {
	width: 100%;
	flex-grow: 1;
	display: flex;
    justify-content: flex-end;
    align-items: center;
}
.cli_cont_2 {
	margin: 5px;
	display: flex;
    flex-direction: row;
	font-size: 18px;
}
.cli_cont_monto {
	font-size: 20px;
	padding: 10px;
	cursor: pointer;
}
.cli_solap_box {
	width: 100%;
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
	border-bottom: 3px solid #AAA;
	padding: 10px 10px 0 10px;
}
.cli_solap {
	padding: 5px 10px;
	font-size: 16px;
	margin: 0 3px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border: 1px solid #AAA;
	text-align: center;
	display: flex;
    justify-content: center;
    align-items: center;
}
.cli_solap:hover {
	background-color: var(--bg_val-grisH);
}
.cli_solap_mark {
	background-color: var(--bg_val-grisH);
}
.cli_result_contener {
	width: 100%;
/*	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;*/
	display: grid;
    grid-template-columns: 2fr 5fr;
    grid-gap: 2px;
}
.cli_contenido_box {
	width: 100%;
	padding: 10px 0 0 0;
	display: flex;
    flex-direction: column;
}
.cli_pdf_box {
	width: 100%;
	padding: 10px 0 0 0;
}
.row, .heading{
  padding: 7px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--bg_val-gris);
}
.heading {
  background: var(--list_bgcolor);
  color: #FFF;
  font-size: var(--list_tit);
  font-size: 13px;
}
.table {
	display: grid;
    grid-template-columns: 50px 50px 1fr 50px 1fr;
    grid-gap: 1px;
}
.table1 {
	display: grid;
    grid-template-columns: 100px 1fr 1fr 1fr;
    grid-gap: 1px;
}
.table_zag {
	display: grid;
/*    grid-template-columns: 70px 1fr 1fr 50px 1fr;*/
    grid-template-columns: 70px 1fr 50px 1fr;
    grid-gap: 0px;
	padding-right: 17px;
	background: var(--list_bgcolor);
}
.table_scrollbox {
	overflow-y: auto;
	max-height: 600px;
}
.showPdf {
	font-size: 20px;
	cursor: pointer;
}
.pdf_loading {
	width: 100px;
}
.loading_box {
	width: 100%;
	padding-top: 30px;
	display: flex;
    justify-content: center;
    align-items: center;
}
/***** Datos Bancarios *************************/
.dbank_box {
	display: flex;
    flex-direction: column;
	padding: 20px;
}
.dbank_zag, .dbank_zag1 {
	width: 100%;
	color: #03b488;
	display: flex;
    justify-content: center;
    align-items: center;
	font-size: 24px;
	font-weight: bold;
	padding: 10px 0;

	margin: 0 0 20px 0;
}
.dbank_zag1 {
	color: #00cccc;
	font-size: 18px;
    justify-content: flex-start;
	padding-left: 20px;
	border-bottom: none;
}
.form_inscr_box {
	width: 100%;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	margin: 40px auto;
}
.form_inscr_tit {
	width: 100%;
	color: #003300;
	font-size: 20px;
	font-weight: bold;
    text-align: center;
	padding-left: 20px;
	border-bottom: none;
}
.form_inscr_bt {
	width: max-content;
	display: flex;
    justify-content: center;
    align-items: center;
	padding: 20px;
	border-radius: 5px;
	box-shadow: 2px 2px 4px #AAA;
	background: #003300;
	margin: 10px auto;
	color: #FFF;
	font-weight: bold;
	font-size: 20px;
	cursor: pointer;
}
.form_inscr_box a {
	text-decoration: none;
}
.dbank_zag1_c {
	color: #00cccc;
	font-size: 18px;
    justify-content: flex-start;
	padding: 20px;
	border-bottom: none;
	border: 2px solid #888;
	border-radius: 5px;
	margin: 20px 0;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.dbank_zag1_c i {
	font-size: 22px;
	cursor: pointer;
}
.dbank_tel_box {
	width: 100%;
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	border-bottom: 1px solid #000;
	padding: 0 20px;
	margin: 0 0 20px 0;
}
.dbank_tel_tel {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	margin: 0 20px;
}
.dbank_tel_ico, .dbank_tel_ico1 {
/*	background-color: #0099ff;*/
	color: #FFF;
	font-size: 24px;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: flex;
    justify-content: center;
    align-items: center;
}
.dbank_tel_ico {
	background-color: #AAA;
}
.dbank_tel_txt {
	width: 100%;
	min-width: 300px;
	border: 1px solid #000;
	border-radius: 10px;
	padding: 10px 20px;
	display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;
	margin: 20px;
	font-size: 20px;
	font-weight: bold;
	font-family: Roboto;
}
.dbank_info_box {
	display: grid;
/*    grid-template-columns: 1fr 30px minmax(100px, auto) 30px 30px 1fr 30px 1fr;*/
	grid-template-columns: 1fr 30px 30px 1fr 30px 1fr;
    grid-gap: 2px;
}
.dbank_info_txt_Responsive {
	display: none;
}
.dbank_info_box_pl {
	display: grid;
    grid-template-columns: 1fr 30px 1fr;
    grid-gap: 2px;
}
.dbank_info_box_flex {
	display: flex;
    flex-direction: column;
}
.dbank_info_txt, .dbank_info_txt_wbox, .dbank_info_ico, .dbank_info_icoH {
	margin: 10px 0;
}
.dbank_info_txt, .dbank_info_txt_wbox {
	padding: 0px 20px 0px 10px;
	display: flex;
	flex-direction: row;
    justify-content: flex-start;
    align-items: center;
	font-size: 16px;
	font-weight: bold;
}
.dbank_info_txt_wbox {
    flex-direction: column;
	font-weight: 200;
	font-size: 12px;
}
.dbank_info_ico, .dbank_info_icoC, .dbank_info_icoH {
	position: relative;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: flex;
    justify-content: center;
    align-items: center;
	color: #FFF;
	font-size: 18px;
}
.dbank_info_txt {
	height: 30px;
}
.dbank_info_icoH {
	width: 35px;
	height: 25px;
	font-size: 16px;
}
.dbank_info_txt_w {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.dbank_info_popup {
	position: absolute;
	font-family: Roboto;
	width: 0px;
	height: 0px;
	border: none;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	top: 30px;
	left: 20px;
	z-index: 1;
	background: rgba(255,255,255,0.95);
	transition: all 0.3s ease-out;
	opacity: 0;
	border: 1px solid #DDD;
	display: flex;
    flex-direction: column;
	padding: 10px;
	overflow: auto;
	box-shadow: 5px 5px 10px #FFF, -5px -5px 10px #FFF;
	transform-origin: left top;
}
.dbank_info_popupAct {
	font-family: Roboto;
	width: 400px;
/*	min-height: 500px;*/
	height: max-content;
	left: -290px;
	border: 1px solid #DDD;
	opacity: 1;
}
.dbank_info_adjunt {
	width: 100%;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.dbank_info_adj_tit {
	width: 100%;
	font-weight: bold;
	text-align: left;
	margin-bottom: 10px;
	color: #333;
	font-size: 12px;
}
.dbank_info_adj {
	color: #333;
}
.dbank_info_adj_list_box {
	width: 100%;
	margin: 3px 0;
	padding: 3px 5px;
	color: #000;
	font-size: 12px;
	display: grid;
    grid-template-columns: auto 50px;
    grid-gap: 2px;
	border: 1px solid #BBB;
	border-radius: 3px;
}
.dbank_info_adj_list {
	width: 100%;
	display: flex;
    flex-direction: column;
}
.dbank_info_adj_list_del {
	cursor: pointer;
}
.dbank_info_adj_file {
	margin: 0 5px;
	width: 20px;
	transition: all 0.25s ease-in-out;
}
.dbank_info_adj_file:hover {
	box-shadow: 1px 1px 3px #AAA;
	transform: translate(-1px, -1px);
}
.boton_adj {
	font-family: Roboto;
    margin: 0;
    padding: 3px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    border: 1px solid #AAA;
    cursor: pointer;
	font-size: 12px;
}
.dbank_info_ad_in {
	width: 100%;
}
.dbank_info_tel {
	text-decoration: none;
	color: #000;
}

.dbank_bon_a1_box {
	width: 100%;
	display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: flex-start;
}
.dbank_bon_a1 {
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.dbank_bon_a2 {
	border: 2px solid #000;
	border-radius: 5px;
	padding: 5px 30px;
	margin: 30px 0;
	font-size: 65px;
	color: #03b488;
	font-weight: bold;
	display: flex;
    justify-content: center;
    align-items: center;
}
.dbank_bon_a3 {
	font-size: 20px;
	text-align: center;
}
.dbank_bon_b1_box {
	width: 100%;
	margin: 30px 0 0 0;
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.dbank_bon_b1_zag {
	font-size: 18px;
	color: #03b488;
	font-weight: bold;
}
.dbank_bon_b1_txt {
	font-size: 14px;
	margin: 0 0 10px 0;
	padding: 0 0 0 15px;
}
.dbank_bon_c1_contener {
	display: flex;
    justify-content: center;
}
.dbank_bon_c1_box {
	display: grid;
    grid-template-columns: auto auto auto auto auto;
    grid-gap: 2px;
}
.dbank_bon_c2 {
	border: 1px solid #000;
	font-size: 20px;
	color: #03b488;
	margin: 0 5px;
	padding: 30px;
	font-weight: bold;
	border-radius: 10px;
}
.dbank_bon_c2L {
	color: #000;
	font-size: 14px;
}
.dbank_bon_c22 {
	border: 1px solid #000;
	font-size: 20px;
	display: flex;
    flex-direction: column;
	padding: 20px;
	border-radius: 10px;
}
.dbank_bon_c22_1 {
	font-size: 25px;
	color: #03b488;
	font-weight: bold;
	text-align: center;
	margin: 0 0 10px 0;
}
.dbank_bon_c22_2 {
	display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 10px;
}
.dbank_bon_c3 {
	font-size: 45px;
	color: #03b488;
	display: flex;
    justify-content: center;
    align-items: center;
	border-radius: 10px;
	margin: 0 5px;
}
.dbank_bon_c22_2 {
	margin: 10px 0;
}
.dbank_bon_c22_2w, .dbank_bon_c22_2m {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: flex;
    justify-content: center;
    align-items: center;
	color: #FFF;
	font-size: 18px;
}
.dbank_bon_c22_2w {
/*	background-color: #00cc00;*/
}
.dbank_bon_c22_2m {
/*	background-color: #0099ff;*/
}
.dbank_bon_cF {
	width: 100%;
	font-size: 25px;
	margin: 20px 0;
	display: flex;
    justify-content: center;
    align-items: center;
}
.dbank_bank_box {
	width: 100%;
	display: grid;
    grid-template-columns: minmax( 180px, max-content) 1fr;
    grid-gap: 10px;
	margin-bottom: 30px;
}
.dbank_bank_txt {
	margin: 5px 0;
	display: grid;
    grid-template-columns: 1fr;
    grid-gap: 2px;
}
.dbank_bank_txtD {
	margin: 5px 0;
	display: grid;
	grid-template-columns: max-content 30px;
    grid-gap: 2px;
}
.dbank_bank_txt_tit {
	display: flex;
    justify-content: flex-end;
    align-items: center;
}
.dbank_bank_txt_txta, .dbank_bank_txt_txtb, .dbank_bank_txt_txta_cc {
	display: flex;
    justify-content: flex-start;
    align-items: center;
	font-size: 16px;
}
.dbank_bank_txt_txta_cc {
	padding-left: 10px;
	cursor: pointer;
}
.dbank_bank_txt_txta_cc img:hover {
	transform: translate(-1px, -1px);
	box-shadow: 2px 2px 4px #AAA;
}
.dbank_bank_txt_txta_cc img:active {
	transform: translate(0px, 0px);
	box-shadow: none;
}
.dbank_bank_txt_tit {
	display: flex;
    justify-content: flex-end;
    align-items: center;
}
.dbank_bank_txt_tita, .dbank_bank_txt_titb {
	display: flex;
    justify-content: flex-end;
    align-items: flex-start;
	font-size: 16px;
}
.dbank_bank_txt_titb, .dbank_bank_txt_txtb {
	font-size: 14px;
}
.dbank_bank_txt_inp {
	display: flex;
    justify-content: flex-start;
    align-items: center;
}
.dbank_aviso_box {
	display: grid;
    grid-template-columns: 30px 30px 1fr 30px 1fr;
    grid-gap: 2px;
}
.dbank_bank_separador {
	padding: 20px;
	border-top: 2px solid #CCC;
	grid-column: 1/-1;
}
.img_bank {
	max-width: 250px;
	max-height: 100px;
}
.dbank_bank_txt_img_box {
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.dbank_bank_box_a {
	
}
.dbank_bank_box_b {
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
}
.dbank_bank_txt_del {
	width: 20px;
	cursor: pointer;
}

.dbank_info_content {
	width: 100%;
	display: grid;
    grid-template-columns: max-content 1fr;
    grid-gap: 2px;
}
.dbank_info_input {
    width: 100%;
    padding: 5px 10px;
	margin-left: 5px;
    background-color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    border: 1px solid #AAA;
}
.dbank_info_cont_tit {
	display: flex;
    justify-content: flex-end;
    align-items: center;
	margin: 5px 0;
	font-weight: bold;
	text-align: left;
	color: #333;
	font-size: 12px;
}
.dbank_info_cont_subtit_zag {
	display: none;
}
.dbank_info_cont_subtit {
	color: #333;
	width: 100%;
	font-size: 12px;
	display: none;/*grid;*/
    grid-template-columns: 1fr;
    grid-gap: 2px;
}
.dbank_info_cont_subtit div {
	display: grid;
    grid-template-columns: max-content 1fr;
    grid-gap: 2px;
}
.dbank_info_cont_subtit span {
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}


/* CONTACTOS */
.contact_box {
	display: flex;
    flex-direction: column;
	padding: 20px;
}
.contact_zag, .contact_zag1 {
	width: 100%;
	color: #03b488;
	display: flex;
    justify-content: center;
    align-items: center;
	font-size: 24px;
	font-weight: bold;
	padding: 20px 0 0px 0;
}
.contact_zag1 {
	color: #00cccc;
	font-size: 18px;
    justify-content: flex-start;
	padding-left: 20px;
	border-bottom: none;
}
.contact_tel_box {
	width: 100%;
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	border-bottom: 1px solid #CCC;
	padding: 10px;
	margin: 0 0 20px 0;
}
.contact_tel_tel {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	margin: 0 20px;
}
.contact_tel_ico, .contact_tel_ico1 {
	background-color: #0099ff;
	color: #FFF;
	font-size: 24px;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: flex;
    justify-content: center;
    align-items: center;
}
.contact_tel_ico {
	background-color: #AAA;
}
.contact_tel_txt {
	width: 100%;
	min-width: 300px;
	border: 1px solid #000;
	border-radius: 10px;
	padding: 10px 20px;
	display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;
	margin: 20px;
	font-size: 20px;
	font-weight: bold;
	font-family: Roboto;
}
.contact_info_box_separ {
	width: 100%;
	border-top: 2px solid #DDD;
}
.contact_info_box_flex {
	display: flex;
    flex-direction: column;
}
.contact_info_box {
	display: grid;
/*    grid-template-columns: 1fr 30px minmax(100px, auto) 30px 30px 1fr 30px 1fr;*/
	grid-template-columns: 1fr 30px 1fr 30px 1fr;
    grid-gap: 2px;
}
.contact_info_txt, .contact_info_txt_wbox, .contact_info_ico, .contact_info_zona {
	margin: 10px 0;
}
.contact_info_txt, .contact_info_txt_wbox {
	padding: 0px 20px 5px 10px;
	display: flex;
	flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
	font-size: 16px;
	font-weight: bold;
}
.contact_info_zona {
	grid-column: 1/-1;
	width: 100%;
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-gap: 20px;
    background-color: #e6e6e6;
    padding: 5px 10px;
    border: 1px solid #DDD;
    border-radius: 3px;
    margin: 20px 0 5px 0;
}
.contact_info_zona_tit {
	width: 100%;
    font-size: 20px;
    font-weight: bold;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.contact_info_zona_cont {
	width: 100%;
    font-size: 16px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.contact_info_zona_tit_ed {
	width: 100%;
    font-size: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.contact_info_txt_wbox {
    flex-direction: column;
	font-weight: 200;
	font-size: 12px;
}
.contact_info_ico {
	position: relative;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: flex;
    justify-content: center;
    align-items: center;
	color: #FFF;
	font-size: 18px;
}
.contact_jefe_box {
	display: flex;
    flex-direction: column;
	margin: 10px 0;
}






.white {
	color: #FFF;
}
.pop_bt_box {
	width: 100%;
	display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}
.boton {
	font-family: Roboto;
	margin: 5px 0 0 0;	
	padding: 3px 10px;
	display: flex;
    justify-content: center;
    align-items: center;
	border-radius: 3px;
	border: 1px solid #AAA;
	cursor: pointer;
}
.dbank_info_pop_conf {
	font-family: Roboto;
	color: #669900;
	font-size: 12px;
	margin: 10px 0;
}
.wspoptit {
	color: #000;
	font-size: 14px;
}
.popta {
	width: 100%;
	height: 100px;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #AAA;
	resize: none;
}
.popup {
	cursor: pointer;
}
.fgris {
	background-color: #AAA;
}
.fgreen {
	background-color: #00cc00;
}
.fblue {
	background-color: #0099ff;
}
.dbank_info_box_separ {
	border-bottom: 2px solid #CCC;
	margin: 10px 0;
	grid-column: 1/-1;
}
.dbank_list {
	font-size: 16px;
}
.dbank_list p {
	margin: 10px 0;
}
.dbank_coment {
	width: 100%;
}

.dcobr_info_box {
	display: grid;
    grid-template-columns: auto auto auto auto auto;
    grid-gap: 2px;
}
.dcobr_jefe_box {
	display: flex;
    flex-direction: column;
	margin: 10px 0;
}
.dcobr_info_txt {
	padding: 0px 20px 5px 10px;
	display: flex;
    justify-content: flex-start;
    align-items: flex-start;
	font-size: 16px;
	font-weight: bold;
}
.dcobr_info_coment {
	grid-column: 1/-1;
	padding: 5px;
	font-size: 14px;
	border: 1px solid #EEE;
	border-radius: 3px;
	margin: 0 0 20px 0;
	background: #FAFAFA;
}
.showrpdf {
	display: block;
	width: 100%;
	height: 850px;
}
.showrpdf_resp {
	display: none;
	width: 100%;
	height: 600px;
}

.serv_tel_tel {

}
.serv_tel_txt {
	width: 100%;
	max-width: 350px;
	min-height: 180px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.dbank_txt {
	width: 100%;
	font-size: 14px;
	font-family: Roboto;
	text-align: justify;
	padding: 0 15px;
}
.dbank_txt p {
	margin: 15px 0;
}
.m_ico {
	max-width: 20px;
	max-height: 20px;
}
.cont_h_menu_ico {
	max-width: 200px;
}
.img_gen_ico {
	height: 61px;
}
.img_gen {
	width: 100%;
}

/*CONFIG*/
.configuracion {
	width: 100%;
	padding: 20px;
	color: #333;
}
.conf_box {
	width: 100%;
	display: grid;
    grid-template-columns: 100px 1fr;
    grid-gap: 2px;
}
.conf_carusel_text, .conf_carusel_value {
	margin: 10px 10px;
	font-size: 14px;
	text-align: right;
}
.conf_carusel_value {
	text-align: left;
}
.conf_input {
	border: 1px solid #DDD;
	padding: 5px;
	min-width: 150px;
}
.file_input {
	padding: 5px 10px;
	border-radius: 3px;
	width: max-content;
}
.subir_file {
	border: 1px solid #888;
	border-radius: 3px;
	padding: 3px 5px;
	display: flex;
    justify-content: center;
    align-items: center;
	cursor: pointer;
}
.dbank_bank_txt_img {
	width: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
}
.img_bank {
	max-width: 250px;
	max-height: 100px;
	border: 1px solid #DDD;
	border-radius: 5px;
}
.edit_input, .edit_input_ta {
	border: 1px solid #AAA;
	padding: 5px 10px;
	border-radius: 3px;
	width: 100%;
}
.edit_input_ta {
	height: 100px;
}



.bt_gen {
	margin: 5px;
	padding: 5px 10px;
	display: flex;
    justify-content: center;
    align-items: center;
	border: 1px solid #BBB;
	border-radius: 2px;
	background-color: #EEE;
	color: #333;
	cursor: pointer;
	box-shadow: 1px 1px 3px #AAA;
	transition: all 0.1s ease-in-out;
}
.bt_gen:hover {
	background-color: #DDD;
	transform: translate(-1px, -1px);
}
.bt_gen:active {
	transform: translate(1px, 1px);
	box-shadow: 0px 0px 0px #AAA;
}
.bt_gen a {
	color: #333;
	text-decoration: none;
}
.separador {
	flex-grow: 1;
}

.conserv_info_box {
	display: grid;
	grid-template-columns: 1fr 30px 30px 1fr 30px 1fr;
    grid-gap: 2px;
}
.conserv_infoCV_box {
	display: grid;
	grid-template-columns: 1fr 30px 30px 1fr 30px 1fr;
    grid-gap: 2px;
}
.cont_h_salir {
	color: #000;
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	padding: 5px;
	border: 1px solid #AAA;
	border-radius: 3px;
	margin-left: 20px;
	cursor: pointer;
}
.cont_h_salir_txt {
	margin: 0 5px;
}
.cont_h_salir:hover {
	background-color: #EEE;
}

/* Conf conta venta ZONA */
.zona_bt {
	width: max-content;
	border: 1px solid #CCC;
	border-radius: 5px;
	padding: 5px 10px;
	font-size: 14px;
	cursor: pointer;
}
.zona_box {
	width: 100%;
}
.zona_add_zona {
	width: 100%;
	display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
	color: #00cccc;
	margin: 0 0 0px 0;
	font-size: 22px;
	cursor: pointer;
}
.zona_tit_box, .zona_nueva {
	width: 100%;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
	border-top: 4px solid #EEE;
	margin: 20px 0 0 0;
	padding: 5px 0 0 0;
}
.zona_nueva {
	display: none;
    flex-direction: row;
    justify-content: flex-between;
    align-items: center;
	border-top: none;
}
.zona_tit {
	width: 100%;
	margin: 0 20px 5px 0;
}
.zona_tit input {
	width: 100%;
	font-size: 22px;
	border: 1px solid #CCC;
	border-radius: 3px;
	padding: 5px 10px;
}
.zona_txt {
	width: 100%;
	margin-bottom: 10px;
}
.zona_txt input {
	width: 100%;
	border: 1px solid #CCC;
	border-radius: 3px;
	padding: 5px 10px;
}
.zona_add_user {
	width: 22px;
	margin: 0 10px;
}
.zona_add_user img {
	cursor: pointer;
}
.zona_user_box {
	width: 100%;
	display: flex;
    flex-direction: column;
	padding: 0 0 0 30px;
}
.zona_user_cont {
	width: 100%;
	display: grid;
    grid-template-columns: 1fr max(200px) 200px 1fr 25px;
    grid-gap: 5px;
	padding: 3px 0;
}
.zona_user_txt {
	width: 100%;
}
.zona_user_txt input {
	width: 100%;
	border: 1px solid #CCC;
	border-radius: 3px;
	padding: 5px 10px;
}
.zona_user_img {
	padding: 0 0 0 10px;
}

.contact_zona_box {
	width: 100%;
}
.contact_zona_box_box {
	width: 100%;
	display: grid;
    grid-template-columns: max-content max-content;
    grid-gap: 20px;
	background-color: #e6e6e6;
	padding: 5px 10px;
	border: 1px solid #DDD;
	border-radius: 3px;
	margin: 20px 0 5px 0;
}
.contact_zona_tit {
	width: 100%;
	font-size: 20px;
	font-weight: bold;
	display: flex;
    justify-content: flex-start;
    align-items: center;
}
.contact_zona_txt {
	width: 100%;
	font-size: 16px;
	display: flex;
    justify-content: flex-start;
    align-items: center;
}
.contact_zona_user_box {
	width: 100%;
	display: grid;
    grid-template-columns: 1fr 30px 1fr 1fr;
    grid-gap: 10px;
	padding-left: 20px;
	margin-bottom: 5px;
}
.zona_user_txt {
	font-size: 16px;
	display: flex;
    justify-content: flex-start;
    align-items: center;
}
.zona_info_ico {
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-size: 18px;
}
/* ZONA */
/* USER LIST */
.uf_filter_box {
	width: 100%;
	padding: 10px;
}
.uf_filter_select {
	text-transform: uppercase;
}
.uf_filter_select select {
	border: 1px solid #AAA;
	border-radius: 3px;
	margin: 10px;
	padding: 5px 10px;
}
.uf_filter_select input {
	padding: 5px 10px;
	border: 1px solid #AAA;
	border-radius: 3px;
	background: #FFF;
}
.uf_filter_select input:hover {
	background: #EEE;
	transform: translate(-1px, -1px);
	box-shadow: 1px 1px 3px #AAA;
}
.uf_filter_select input:active {
	background: #EEE;
	transform: translate(1px, 1px);
	box-shadow: -1px -1px 3px #AAA;
}
.uf_list_box {
	width: 100%;
	display: flex;
}
.uf_list {
	display: grid;
    grid-template-columns: repeat(7, max-content);
    grid-gap: 1px;
}
.uf_list_tit {
	background: #AAA;
	color: #FFF;
	display: flex;
    justify-content: center;
    align-items: center;
	padding: 5px 10px;
}
.uf_list_txt {
	padding: 3px 5px;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
/**/

.mundi_bt_head_box {
	width: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
}
.mundi_bt_head {
	border: 1px solid #CCC;
	border-radius: 3px;
	box-shadow: 2px 2px 4px #AAA;
	padding: 5px 10px;
	font-size: 14px;
	cursor: pointer;
	color: #888;
}
.mundi_bt_head_href {
	text-decoration: none;
	color: #888;
}
/* Envio Comprobante, Mis avisos de Pago */
.ec_contener {
	width: 100%;
	padding: 10px;
}
.ec_box {
	width: 100%;
	display: grid;
    grid-template-columns: repeat(4, max-content) 100px repeat(2, max-content) 100px repeat(2, max-content) 1fr max-content;
    grid-gap: 2px;
}
.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.ec_tit {
	padding: 5px 5px;
    background: var(--bg_muy_gris);
    color: #FFF;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ec_txt {
    padding: 1px 5px;
    border: 1px solid #CCC;
	display: flex;
    justify-content: flex-start;
    align-items: center;
}
.ec_txt_1 {
    padding: 5px 10px;
    border: 1px solid #CCC;
	
}

.login_bg1 {
    opacity: 0.3;
    position: absolute;
    top: 50px;
    left: 50px;
}
.login_bg {
    font-family: 'Anek Gurmukhi', sans-serif;
    font-size: 120px;
	font-weight: bold;
    color: #333;
    opacity: 0.2;
    position: absolute;
    bottom: 100px; /*30px*/
    right: 250px; /*50px*/
    text-shadow: 5px 5px 10px #333;
    background: transparent;
}

/* ALERTAS INICIO */
.alertas_box {
	width: max-content;
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 2px;
}
.ini_msm_cont {
    width: 100%;
	max-width: 350px;
    border: 1px solid #AAA;
    border-radius: 3px;
    box-shadow: 2px 2px 4px #AAA;
    padding: 15px 10px 10px 10px;
    background: rgba(255, 255, 255, 0.8);
    z-index: 1;
    transition: all 0.2s ease-in-out;
    position: relative;
	margin: 10px;
}
.alert_hitit {
    position: absolute;
    top: -13px;
    left: 15px;
    background: #FFF;
    font-weight: bold;
    padding: 3px 15px;
	color: #cc0000;
}
.alert_box_tab {
    display: grid;
    grid-template-columns: max-content max-content 1fr max-content;
    grid-gap: 2px;
    width: 100%;
    max-height: 300px;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: #AAA #EEE;
    border-radius: 5px;
}
.alert_tit {
    background: var(--bg_muy_gris);
    color: #FFF;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 3px 5px;
    border: 1px solid #AAA;
}
.alert_txt {
    font-size: 12px;
    padding: 5px;
    border: 1px solid #AAA;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.alertas_box_log {
	position: absolute;
	width: 500px;
	top: 70px;
	right: 20px;
	border: 1px solid #CCC;
	padding: 10px;
}








/**** END OF FILE ********/
.right { justify-content: flex-end; }
.left { justify-content: flex-start; }
.center { justify-content: center; }
.img_gen {	width: 100%; }
.btn:not(:disabled):not(.disabled) { cursor: pointer; }
.img_gen1 { width: 80px; }