/*CSS SIN ORDENAR*/



/*FIN CSS SIN ORDENAR*/

/*----------------> Selector para que funcione el visibility-none en Apia <----------------*/
div.fieldGroup div.visibility-none div.visibility-hidden {display: none !important;}

.display-none {
    display: none;
}

div.fieldGroup div.visibility-hidden {
    display: none;
}

/*----------------> Selectores para el encabezado <----------------*/
#titleContainer {
	display: table;
/*     width: 1100px; */
	width:92vw;
    margin: 0 auto;
}

#titleContainer .row {
	margin-top: 10px;
}
	
.row {
	display: table-row;
}
	
.encabezado_img_izquierda, .encabezado_img_derecha {
	display: table-cell;
    vertical-align: middle;
    padding: 5px;
	width: 20%;
}

.encabezado_img_izquierda img, .encabezado_img_derecha img {
    width: 90%;
}

.encabezado_titulo {
	display: table-cell;
    vertical-align: middle;
    padding: 5px;
	width: 60%;
}
	
.encabezado_titulo div {
	transform: translateY(-10px);
}
	
.encabezado_titulo div span {
	font-size: 1.4em;
	font-weight: bold;
}

/*-> Selectores para quitar los bordes de TRM_TITULO, TRM_FRM_DIALOGBOX y TRM_FRM_RESULTADO, ademas de hacer que ocupen menos espacio y que no tengan titulo, etc <-*/
div.formContainer.fieldGroup.TRM_TITULO, div.formContainer.fieldGroup.TRM_FRM_DIALOGBOX, div.formContainer.fieldGroup.TRM_FRM_RESULTADO {
    border: none;
    margin-top: 15px !important;
    margin-bottom: 0px !important;
    padding: 0px 0px 0px 0px !important;
}

div.TRM_FRM_RESULTADO #E_1111_gr_2_0 #E_1111_6 {
    min-height: 20px;
}

div.TRM_TITULO div.wasTd {
    margin: 0px !important;
}

.TRM_TITULO > .form-title, .TRM_FRM_DIALOGBOX > .form-title {
    display: none;
}

.TRM_TITULO .shorten .field, .TRM_TITULO .shorten.wasTd {
    /*display: inline !important;*/
    margin-bottom: 0px !important;
    height: 10px;
    width: 100% !important;
}

.LBL_TITULO {
	display: none;
}

div.TRM_TITULO > div.wasATable {
    display: table;
    table-layout: unset !important;
}

div.TRM_TITULO > div.wasATable > div.wasTBody {
    display: table-row;
}

div.TRM_TITULO > div.wasATable > div.wasTBody div.wasTr {
    display: table-cell;
}

div.TRM_TITULO > div.wasATable > div.wasTBody div.wasTr div.labelDesc {
    width: 70px;
}
div.TRM_TITULO > div.wasATable > div.wasTBody div.wasTr div.labelDesc div:first-child {
    width: 250% !important;
}

div.TRM_TITULO > div.wasATable > div.wasTBody div.wasTr div.labelVideo {
    width: 70px;
}
div.TRM_TITULO > div.wasATable > div.wasTBody div.wasTr div.labelVideo div:first-child {
    width: 250%;
}

div.TRM_TITULO > div.wasATable > div.wasTBody div.wasTr div.labelComment > div {
    width: 100%;
}
div.TRM_TITULO > div.wasATable > div.wasTBody div.wasTr div.labelComment span {
    text-align: right !important;
}

div.TRM_DATOS_GW_ITC_PAGOS_EPAGOS, div.TRM_DATOS_GW_PAGOS_MTOP {
    display: none;
}

/*----------------> 2 selectores de clase para transformar un boton a un link y/o desplazarlo con float <----------------*/
.ver-como-link button {  
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #064D8E !important;
    font-size: unset !important;
    font-style: unset !important;
    font-weight: unset !important;
    margin: unset !important;
    text-decoration: underline !important;
    width: unset !important;
}

.ver-izquierda .buttonContainer {
    padding-left: 20px;
    font-size: 1.5em;
}

/*----------------> div bienvenido usuario <----------------*/
#welcome_user {
    font-size: 16px;
/*     width: 1100px; */
	width:92vw;
    margin: 0 auto;
}

/*---------------->   msg error   <----------------*/
.error-msg {
	background: #ffeded;
	border: 1px solid #e3c4c4 !important;
	/*margin-top: 50px;*/
	/*padding-top: 40px !important;*/
	/*padding-bottom: 40px !important;*/
	/*margin-bottom: 50px !important;*/
	width: 100% !important;
	background-image: url(../../../images/icn-circle-error.png););
    background-repeat: no-repeat;
    background-position: 90% 25%;
}

.error-msg-f1 {
	border-bottom: 1px solid #ffeded !important;	
	margin-bottom: 0px !important;
    border-radius: 5px 5px 0px 0px;
}   

.error-msg-f2 {
	border-top: 1px solid #ffeded !important;	
	background: #ffeded !important;
	height: 50px !important;
	display: flex;
    border-radius: 0px 0px 5px 5px;
}

.error-msg.error-msg-f2 > div {
    margin-left: 245px;
    text-indent: 0em;
    font-size: 13px;
    color: #A00;
}

.textTooltip {
    position: unset !important;
}

.error-msg-grid {
	box-sizing: border-box;
	background: #ffeded;
	border: 1px solid #e3c4c4 !important;
	background-image: url(../../../images/icn-circle-error.png););
    background-repeat: no-repeat;
    background-position: 90% 15%;
    border-radius: 5px 5px 5px 5px;
    padding: 4px 4px 4px 4px;
}

.error-msg-grid > input {
	width: 75% !important;
}

.error-msg-grid > span {
	display: block;
	text-indent: 0em;
    font-size: 13px;
    color: #A00;
}

/*----------------> CHECKBOX COLUMNAS <----------------*/

.trm_checkbox_left {
	display: inline-block !important;
	width: 40.2em !important;
	margin-bottom: -10px;
}

.trm_checkbox_right {
	display: inline-block !important;
	width: auto !important;
	margin-bottom: -10px;
}

.trm_checkbox_left span.textTooltip {
    max-width: 230px;
}

.trm_checkbox_right span.textTooltip {
    max-width: 230px;
}

/*----------------> ARREGLOS VARIOS <----------------*/
#progressStepBar{
    clear: both;
}

#progressStepBar > ul.progressBar {
    height: 90px;
}

.progressBar li {
    padding-left: 45px;
}

.progressBar li:first-child {
    padding-left: 20px;
}

.progressBar > li.active > a > div.stepContainer > div.stepTitleContainer {
    hyphens: auto;
}

.fileinput-image-preview {
    margin-left: 230px;
    display: block;
}

#tabComponent {
    max-width: 1100px;
    margin: 0 auto;
}

.monitor-select {
    font-size: 16px;
}

.asLabelFileinput.monitor-lbl {
    color: #464646 !important;
}

.taskTitle {
    /*Para que no se vea el titulo de la tarea, se sustituye el area por el encabezado img-titulo-img*/
    display: none;
}

div.wasTd div label input[type="checkbox"] {
    height: unset;
}

div.fieldGroup div.gridBody div.gridCellRequired::after {
    padding-left: 5px;
}


div.fieldGroup div.gridBody div.gridCellRequired select {
    width: 90% !important;
}

div.fieldGroup div.gridBody .gridCellRequired.verticalElementsContainer::after {
    content: "*";
}

div.field > fieldset > div.verticalElementsContainer {
    font-size: 120%;
}

div.field > fieldset > div.verticalElementsContainer > label.optionLabel.verticalElement > div {
    vertical-align: top;
}

td.required.grid-error-class div.fc-error > p {
    margin-left: 15px;
    margin-top: 0px;
}

div.wasTd div label input {
    padding: 5px;
    width: 30%;
    font-size: 1.2em;
}

textarea {
    font-size: 1.2em;
    padding: 5px 5px 5px 5px;
}

div.wasTd.field-textarea > div.field > textarea {
    width: 65% !important;
    height: 140px;
}

div.wasTd div label.optionLabel input {
    width: unset !important;
}

div.wasTd div label input[type="checkbox"]{
    padding: unset;
    width: unset !important;
}

.mdlBody .title {
    transform: translateY(27px);
    font-size: 1.3em !important;
}

.fancybox-close-grid-edit {
    position: absolute;
    left: 615px;
    top: -20px;
    cursor: pointer;
}

div.modalWin, div.modalWin div.modalBottomBar {
    box-shadow: 0px 4px 20px 5px #e7e7e7;
    border: 1px solid #ccc9c9;
}

div.modalWin div.modalBottomBar {
    height: 65px;
    box-shadow: 0px 4px 20px 2px #e7e7e7;
    border: 1px solid #ccc9c9;
}

.modal-video {
    position: absolute;
    z-index: 10000;
    width: 640px;
    height: 400px;
    top: 60px;
    left: 300px;
    margin-top: 0px;
    margin-left: 0px;
    box-shadow: 0px 4px 20px 5px #e7e7e7;
    border: 1px solid #ccc9c9;
}

.modal-video > .modalTopBar {
    background-color: #FFFFFF;
}

.fancybox-close-modal-video {
    position: absolute;
    left: 615px;
    top: -20px;
    cursor: pointer;
}

div.modalContent.modal-loading {
    position: fixed !important;
    left: 43% !important;
    top: 200px !important;
}

div.modalContent {
    position: fixed !important;
    left: 33% !important;
    top: 180px !important;
}

#btnPanel > div.float-right-buttons > div > div.content {
    width: 102.4%;
}

/*Fix boton cancelar en modal*/
#paginaPortal > div.modalWin > div.modalBottomBar > div.modalBottomBarClose > button {
	height: 38px;
	width: 100px;
	margin-top: 7px;
	margin-left: -14px;
	font-weight: 600;
	font-size: 14px;
}

.table-cell {
    display: table-cell;
}

.shorten, .shorten div {
    min-height: unset !important;
    height: 15px !important;
}

.no-padding > div {
    padding-right: unset !important;
    padding-bottom: unset !important;
    padding-left: unset !important;
    padding-top: unset !important;
}

/*Fix para que "Volver" no aparezca a la derecha de los otros botones secundarios */
#btnLast {
    float: left !important;
}

#btnLast > button {
    padding-left: 0px !important;
    margin-left: 0px !important;
}

div.fieldGroup div.field img.datepickerSelector {
    height: 20px;
    width: 20px;
}

div.fieldGroup div.field input.clonedPicker {
    padding: 5px 5px 5px 5px !important;
    font-size: 1.2em !important;
}

div.wasTd div label select:not([multiple]) {
    font-size: 1.2em !important;
}

td div.gridMinWidth input[type="text"] {
    width: 90%;
}

div.editable-table {
    border-top: 1px solid #d0d0d0;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #dddddd;
}


div.modalWin {
    height: 480px !important;
}

div.modalWin iframe.modal-content {
    height: 465px !important;
}

div.fieldGroup span.labelTitle {
    text-decoration: unset !important;
}

.lbl-clausula span {
    color: #000;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.5;
    padding: 25px 0px 25px 55px;
}

.lbl-clausula > .exec_field_label > span.asLabel {
    width: auto !important;
}

div.fieldGroup div.field input.dateInput {
    width: 95px;
}

div.TRM_TITULO > div.wasATable > div.wasTBody tr {
    display: none;
}

.wasATable {
    margin-top: 5px;
}

/*FIN ARREGLOS VARIOS*/

/*----------------> ARREGLOS AGENDA <----------------*/

.TRM_FILE_DATOS {
    padding-bottom: unset !important;
}

.TRM_FILE_DATOS .field.exec_field {
    height: unset !important;
    min-height: unset !important;
}

.TRM_FILE_DATOS .field.exec_field span {
    width: 220px !important;
    text-align: right;
}

.TRM_FILE_DATOS .field.exec_field span.monitor-lbl {
    display: inline-block;
}

.TRM_FILE_DATOS .field.exec_field span.input-as-text::before {
    content: "\2005";
}

.TRM_FILE_DATOS .field.exec_field span.asLabel.asLabelFileinput {
    font-family: Tahoma, Verdana, Arial !important;
    font-size: 14px !important;
}

.TRM_FILE_DATOS div[style*="padding-bottom: 20px !important"] {
    padding-bottom: unset !important;
}

/*FIN ARREGLOS AGENDA*/

/*Estilo botones*/

button.genericBtn {
    width: unset;
}

.suggestedAction, .secondaryAction button {
    padding: 8px 24px;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

/*Estilo botones secundarios*/
.secondaryAction #btnCloseTab button, .secondaryAction #btnFree button, .secondaryAction #btnSave button, .secondaryAction #btnDescartar button {
    display: inline-block !important;
    background-color: #fff !important;
    border-color: #ddd !important;
    border-radius: 3px !important;
    border-style: solid !important;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15) !important;
    box-sizing: border-box !important;
    color: inherit !important;
    font: inherit !important;
        font-weight: inherit !important;
    font-weight: 600 !important;
    margin: 0 !important;
        margin-bottom: 0px !important;
        margin-left: 5px !important;
    position: relative !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: box-shadow .35s, background-color .35s !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    vertical-align: middle !important;
    cursor: pointer !important;

    background-color: #eeeeee !important;
    color: #090808 !important;
    border-color: #d5d4d4 !important;
}

#btnCloseTab.secondaryAction, #btnFree.secondaryAction , #btnSave.secondaryAction, #btnDescartar.secondaryAction {
    float: right !important;
}

.secondaryAction button span {
    font-size: 0.85em;
    font-weight: 500;
}

#idConf.suggestedAction > button {
    background: #00487a;
    color: #ffffff;
    border-color: #00487a;
    border-radius: 3px;
    border-style: solid;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    margin: 0px 10px 0px 10px !important;
    float: right;
    width: auto;
    font-size: 16px;
    font-weight: 600;
}

.btn button {
    background: #00487a !important;
    color: #ffffff !important;
    border-color: #00487a !important;
    border-radius: 3px !important;
    border-style: solid !important;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15) !important;
    box-sizing: border-box !important;
    margin: 0px 10px 0px 10px !important;
    cursor: pointer;
}

/*----------------> 3 selectores de clase para el captcha <----------------*/
.captchaInput{
    width: 30% !important;
    font-size: 14px;
}

.reloadCaptcha, .audioCaptcha {
    width: 20px !important;
    height: 20px !important;
}

.reloadCaptcha {
    margin-top: 4px;
}

/*----------------> clases para check <----------------*/

div div.rol-validado {
    display: inline-block;
    vertical-align: middle;
}

div div.rol-validado > span:nth-child(2) {
    vertical-align: top;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
}

.icn {
    display: inline-block;
    margin-left: 15px;
    margin-right: 5px;
}

.icn-circle-success {
    background: url(../../../images/icn-circle-success.png) no-repeat;
    width: 18px;
    height: 18px;
}

/*-------------> fin clases para check <-------------*/

/*----------------> estilo del pago <----------------*/
.medios-pago {
	display: block;
	margin: 5px 0 25px 10px;
	cursor: inherit;
}
				
.medios-pago > span {
	text-align: center;
	width: 120px;
	display: inline-block;
}
				
.medios-pago > span > img {
	max-height: 35px;
}
				
.medio{
	margin-bottom: 10px;
}
				
.medio-organismo{
	height: 35px;
	display: block;
	margin: auto;
}

/*----------------> fin estilo del pago <----------------*/

/*----------------> CSS PARA DIALOGBOX <----------------*/
#tabla-msg-confirm div.dialog-box.dialog-info{
/* 	width: 40vw !important; */
/*     top: 45vh !important; */
/*     left: 30vw !important; */
}
#tabla-msg-confirm div.dialog-box.dialog-info .fancybox-close {
/*     left: 38vw !important; */
}
.dialog-box {
	width: 100%;
	box-sizing: border-box;
	border-width: 1px;
	border-style: solid;
	margin: 0 auto;
	margin-bottom: 25px;
	border-radius: 2px;
}

.dialog-success {
	border-color: #c1e0b4;
	background: #ecf6e8;
    border-left: 3px solid #279e3f;
}

.dialog-warning {
	border-color: #e7e2c5;
	background: #fbf8ea;
    border-left: 3px solid #ffd15f;
}

.dialog-error {
	border-color: #e3c4c4;
	background: #ffeded;
    border-left: 3px solid #c33;
}

.dialog-info {
	border-color: #cecece;
	background: #F5F5F5;
    border-left: 3px solid #bbb;
}

.dialog-center {
	display: table;
	margin: 0 auto;
}

.dialog-data {
	display: table-cell;
	padding: 20px;
	padding-left: 0;
}

.dialog-data ul, .dialog-data ol {
	list-style-position: inside;
	padding: 0;
}

.dialog-data p {
	font-size: 14px;
}

.dialog-title {
	display: block;
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 5px;
	line-height: 1.1;
}

.dialog-icon {
	display: table-cell;
	vertical-align: middle;
	padding: 0 35px;
	padding-right: 30px;
}

.dialog-icon .icn {
	width: 51px;
	height: 51px;
	display: inline-block;
}

.dialog-box ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.dialog-box ul li {
	margin-bottom: 0;
	margin-top: 2px;
}

.dialog-box ul li:first-child {
	margin-top: 0;
}

/*	íconos	*/
.icn-circle-info-lg {
	background: url(../../../images/icn-circle-info-lg.png) no-repeat;
	width: 46px;
	height: 46px;
	background-position: 5px 5px;
}

.icn-circle-success-lg {
	background: url(../../../images/icn-circle-success-lg.png) no-repeat;
	width: 46px;
	height: 46px;
}

.icn-circle-error-lg {
	background: url(../../../images/icn-circle-error-lg.png) no-repeat;
	width: 46px;
	height: 46px;
}

.icn-circle-warning-lg {
	background: url(../../../images/icn-warning-lg.png) no-repeat;
	width: 51px;
	height: 46px;
}

.icn-warning-lg {
	background: url(../../../images/icn-warning-lg.png) no-repeat;
	width: 51px;
	height: 46px;
}

.icn-info-lg {
	background: url(../../../images/icn-circle-info-lg.png) no-repeat;
	width: 46px;
	height: 46px;
}

.icn-success-lg {
	background: url(../../../images/icn-circle-success-lg.png) no-repeat;
	width: 46px;
	height: 46px;
}

.icn-error-lg {
	background: url(../../../images/icn-circle-error-lg.png) no-repeat;
	width: 46px;
	height: 46px;
}

/* FIN CCS PARA DIALOGBOX */