@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.ttf') format('truetype'),
        url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.eot');
    src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto-Bold.woff') format('woff'),
        url('../fonts/Roboto-Bold.ttf') format('truetype'),
        url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.eot');
    src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff'),
        url('../fonts/Roboto-Medium.ttf') format('truetype'),
        url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

.bodyVue{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
	line-height: 1.5 !important;
	text-align:left !important;
}
.bodyVue th{
	text-align:inherit !important;
	text-align:-webkit-match-parent !important;
}
.bodyVue label{
	display:inline-block !important;
}

/* para que los checkList no tapen contenido*/
.checkListControl .custom-control
{
	z-index: 0 !important;
}

/* para mensaje de publicidad CCE790 */
.oldbody{
	font-family: "Tahoma", Arial, Verdana, Helvetica, sans-serif; 
	line-height:1;
}
.bodyVue .h1,.bodyVue .h2,.bodyVue .h3,.bodyVue .h4,.bodyVue .h5,.bodyVue .h6,.bodyVue h1,.bodyVue h2,.bodyVue h3,.bodyVue h4,.bodyVue h5,.bodyVue h6{
		margin-bottom:.5rem ;
		font-weight:500 ;
		line-height:1.2 ;
		margin-top:0;
		margin-bottom:.5rem
	}

.oldbody h1{
	font-weight: 600;
}

.bodyVue h2,.bodyVue h3,.bodyVue h4,.bodyVue h5,.bodyVue h6{
    line-height: 40px;
}
h1{
    color: #086197;
    line-height: 48px;
}

h1, h2{
    font-size: 24px;
}

h3{
    font-size: 20px;
}

a{
    text-decoration: underline;
    color: #086197
}

/* 
 *
 * Modificicaciones
 * Bootstrap
 *
 */
.navbar-brand{
    padding: 0;
    margin-top: -4px;
}

.tooltip.b-tooltip{
    opacity: 1;
}

.tooltip-inner {
    max-width: 200px;
    padding: 4px 20px;
    color: #333;
    text-align: center;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0px 4px 20px rgb(0 0 0 / 10%);
    font-size: 14px;
    line-height: 28px;
}

.tooltip-login .tooltip-inner{
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    background-color: #262D33;
    padding: 6px 10px;
}

.tooltip .arrow{
    display: none;
}

#app label,#internasAval label,#paymentsThird label, .ux-form-redesign label{
    font-weight: 500;
}
.form-group--error .form-control{
    border-color: #BB0000;
}

.form-control{
    padding: 10px 16px;
    border: 2px solid #D7DEE4;
    height: 44px;
}
    .form-control:focus{
        border-color: #626A71;
        box-shadow: none;
        color: #333333
    }
    .form-control:disabled, .form-control[readonly]{
        background-color: #FFFFFF;
        border-color: #D7DEE4;
        color: #B1B2BC;
        opacity: .5;
    }
.btn{
    font-weight: 500;
    border-width: 2px;
    display: flex;
    align-items: center;
}
    a.btn{
        text-decoration: none;
    }
    .btn i.icon-left{
        margin-right: 16px;
    }
    .btn i.icon-right{
        margin-left: 16px;
    }

    .btn.btn-sublink i.icon-left{
        margin-right: 10px;
    }
    .btn.btn-sublink i.icon-right{
        margin-left: 10px;
    }
.btn-l{
    padding: 8px 24px;
    line-height: 32px;
}
.btn-m{
    font-size: 14px;
    padding: 8px 20px;
}
.btn-s{
    font-size: 12px;
    line-height: 24px;
    padding: 8px 20px;
}

.btn-primary {
    color: #FFFFFF;
    background-color: #086197;
    border-color: #086197;
}
    .btn-primary:hover, .btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{
        background-color: #0076BD;
        border-color: #0076BD;
        box-shadow: none;
    }
    .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus{
        box-shadow: none;
    }
    .btn-primary.disabled, .btn-primary:disabled{
        border-color: #D7DEE4;
        background-color: #D7DEE4;
    }

.btn-success{
    background-color: #008B00;
    border-color: #008B00;
}
    .btn-success:hover, .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle, .btn-success.focus, .btn-success:focus{
        background-color: #2AC02A;
        border-color: #2AC02A;
        box-shadow: none;
    }
    .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show>.btn-success.dropdown-toggle:focus{
        box-shadow: none;
    }

.btn-outline-primary{
    color: #086197;
    border-color: #086197
}
    .btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle{
        color: #0076BD;
        border-color: #0076BD;
        background-color: transparent;
        box-shadow: none;
    }
    .btn-outline-primary.disabled, .btn-outline-primary:disabled{
        color: #D7DEE4;
        border-color: #D7DEE4
    }
    .btn-outline-primary.focus, .btn-outline-primary:focus{
        box-shadow: none;
    }
    .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus{
        box-shadow: none;
    }

.ux-form-redesign .btn-outline-primary:disabled:focus,.ux-form-redesign .btn-outline-primary:disabled:focus,.btn-outline-primary:disabled,.ux-form-redesign button.btn-outline-primary:hover:disabled,.ux-form-redesign button.btn-outline-primary:focus:disabled{
    color: #fff!important;
        border-color: #D7DEE4!important;
        background-color: #D7DEE4!important;
}

.btn-link,
a.btn-link{
    color: #086197;
    text-decoration: underline;
}
    .btn-link:hover{
        color: #0076BD;
    }
    .btn.focus, .btn:focus{
        box-shadow: none;
    }
    .btn-link.disabled, .btn-link:disabled{
        color: #D7DEE4
    }

.btn-link-sub{
    color: #086197;
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
    padding-left: 0;
    padding-right: 0;
}
    .btn-link-sub i{
        margin-right: 8px;
    }
    .btn-link-sub:hover{
        color: #0076BD;
    }
    .btn-link-sub.disabled, .btn-link-sub:disabled{
        color: #D7DEE4
    }

.btn.btn-sublink{
    padding-left: 0;
    padding-right: 0;
    font-weight: 400;
    color: #626A71;
}
.navbar-nav .nav-item a{
    text-decoration: none;
}

.table td, .table th{
    border-top: 0px;
}

label.custom-control-label{
    font-weight: 400;
}

.alert{
    display: flex;
    align-items: center;
    padding: 22px;
    color: #626A71;
    border: none;
}
.alert-success{
    background-color: rgba(0,139,0,.08);
}
.alert-warning{
    background-color: rgba(250,187,19,.08);
}
.alert-danger{
    background-color: rgba(187,0,0,.08);
}
.alert i{
    margin-right: 16px;
    font-size: 26px;
}
.alert p{
    margin-bottom: 0px;
}
.ux-form-redesign .alert-link{
    padding: 0px;
}
.form-group{
    position: relative;
    margin-top: 25px;
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle{
    background-color: transparent;
    border-color: transparent;
    color: #333;
}


.vfl-label{
    font-size: 11px !important;
    color: #626A71 !important;
}

.vfl-label-on-input{
    top: -1rem !important;
    text-align: left !important;
}

.vfl-label-on-focus{
    color: #333333 !important;
}


/* 
 *
 * Generales
 *
 */

.p-relative{
    position: relative;
}

.img-center{
    display: flex;
    margin: 0 auto;
}

.mx-auto{
    margin: 0 auto;
}

.cont-logo img{
    margin: 0 auto;
}
.cont-filters .input-filter{
    width: 300px;
    margin-right: 22px;
}
.cont-filters .input-filter:last-child{
    margin-right: 0;
}
.cont-filters .multiselect__tags{
    padding: 0px 40px 0 8px!important;
}
.cont-filters .dynamic-filter-div .form-control{
    width: 300px!important;
    height: 40px!important;
    border: 2px solid #CED4DA;
}

.cont-filters .dynamic-filter-div input{
    padding: 0px 8px!important;
}



.bg-default{
    height: 80px;
    box-shadow: 0 4px 4px rgba(177, 178, 188, 0.25);
    color: #626A71
}

.btn-tertiary{
    background-color: #43B0F1;
    border-color: #43B0F1;
    color: #fff;
}
    .btn-tertiary:hover{
        opacity: .8;
        color: #fff;
    }
    .btn-tertiary:disabled{
        background-color: #D7DEE4 !important;
        color: #fff;
        border-color: #D7DEE4 !important;
    }
    

.gris-01{
    color: #626A71;
}

.gris-02{
    color: #B1B2BC;
}

.gris-03{
    color: #D7DEE4;
}

.azul-primario{
    color: #086197;
}

.font-xxxs{
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
}

.font-xxs{
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
}

.font-xs{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.text-s{
    font-size: 18px;
    font-weight: 400;
    line-height: 36px;
}

.font-m{
    font-size: 20px;
    font-weight: 500;
    line-height: 40px;
}
.font-l{
    font-size: 24px;
    font-weight: 700;
    line-height: 40px;
}

.fw-400{
    font-weight: 400;
}
.fw-500{
    font-weight: 500;
}
.fw-700{
    font-weight: 700;
}

.btn-input{
    position: absolute;
    top: 7px;
    right: 16px;
    height: 30px;
    display: flex;
    align-items: center;
    border: none;
    background-color: transparent;
    color: #B1B2BC;
}

.background-grey{
    background-color: #FAFAFA;
}

/* 
 *
 * Login
 *
 */

.group-btn button:last-child{
    margin-left: 10px;
}

.telephone-lines .dropdown-menu{
    width: 461px;
    margin-top: 0;
}

/* 
 *
 * Home
 *
 */

.btn-select{
    width: 100%;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 2px solid #626A71;
    border-radius: 4px;
    outline: none;
}
    .btn-select:hover, .btn-select:active, .btn-select:focus:active{
        color: #333333 !important;
        background-color: transparent !important;
        /* border: initial; */
    }
.cont-options{
    display: flex;
    flex-direction: column;
    padding: 16px;
    left: 0px;
    top: 100%;
    margin-top: 5px;
    position: absolute;
    z-index: 100;
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}
.cont-options a{
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
    color: #333333;
    text-decoration: none;
}
.cont-options a:last-child{
    margin-bottom: 0;
    text-decoration: none;
}

/* 
 *
 * Tabs
 *
 */

.tab-list{
    border-bottom: 1px solid #B1B2BC;
    display: flex;
    margin-bottom: 20px;
    margin-top: 20px;
}
    .tab-item{
        padding: 8px 24px;
        box-shadow: 2px -4px 16px rgba(189, 189, 189, 0.25);
        border-radius: 4px 4px 0px 0px;
        background-color: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 20px;
        font-weight: 500;
        color: #626A71;
        text-decoration: none;
        cursor: pointer;
    }
        .tab-item:hover{
            text-decoration: none;
            color: #626A71
        }
        .tab-item:last-child{
            margin-right: 0;
        }

/* 
 *
 * Keyboard
 *
 */
.keyboard{
    display: flex;
    padding: 20px;
}

.keyup{
    width: 42px;
    height: 42px;
    background-color: #B1B2BC;
    border-radius: 2px;
    color: #333333;
    margin-right: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .keyup:last-child{
        margin-right: 0;
    }

.k-delete{
    color: #FFFFFF;
    background-color: #626A71;
}
.cont-letters .keyup{
    background-color: #D7DEE4;
}


/* 
 *
 * Navbar
 *
 */

.navbar{
    z-index: 10;
}

.item-nav{
    font-weight: 700;
    line-height: 32px;
    color: #626A71;
    letter-spacing: 1px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    align-items: center;
}
    .show .item-nav{
        color: #626A71;
    }
    .item-nav i{
        margin-left: 8px;
        font-size: 11px;
        animation-duration: .4s;
    }
    .show .item-nav i{
        color:  #0076BD;
        transform: rotate(180deg);
    }
.img-perfil{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-left: 16px;
}
.dropdown-toggle::after{
    display: none;
}

.dropdown-menu{
    padding: 20px;
    margin-top: 15px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    border: none;
}
.item-dropdown .dropdown-menu{
    min-width: 296px;
    background-color: #0076BD;
}
.item-dropdown.two-columns .dropdown-menu{
    min-width: 519px;
}
.col-dropdown li{
    margin-bottom: 8px;
}
    .col-dropdown li:last-child{
        margin-bottom: 0;
    }
    
.item-dropdown .dropdown-item{
    padding: 0;
    padding-right: 15px;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    line-height: 28px;
    text-decoration: none;
}
.dropdown-menu .col-dropdown{
    width: 50%;
    display: inline-block;
    float: left;
}

.dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active{
    background-color: transparent;
}

.profile-dropdown .dropdown-menu{
    width: 250px;
}
.profile-dropdown .dropdown-menu li{
    margin-bottom: 16px;

}
    .profile-dropdown .dropdown-menu li:last-child{
        margin-bottom: 0;
    }
.profile-dropdown .dropdown-item{
    padding: 0;
}
.profile-dropdown small{
    margin-bottom: 8px;
    display: block;
    color: #626A71;
    display: flex;
    flex-direction: row;
}
    .profile-dropdown small div:first-child{
        padding-right: 8px;
    }
.profile-dropdown .dropdown-item.active, .profile-dropdown .dropdown-item:active{
    color: #333;
}
.profile-dropdown .nav-link{
    text-decoration: none;
}
.btn-language{
    font-weight: 500;
}
    .btn-language .nav-link{
        color: #001F49 !important;
    }

/* 
 *
 * Footer 
 *
 */

footer{
    height: 120px;
    /* display: flex; */
    align-items: center;
} 
    .footer-img{
        display: flex;
        align-items: center;
    }

    footer img{
        margin: 0 auto;
    }
    .bookmark-solid {
		width:0px;
		height: 0px;
		margin: 0px 0px 0px 0px;
		padding: 18px 0px 0px 14px;
		background: url(images/bookmark-solid.svg) no-repeat;
		background-repeat: no-repeat;
		background-size: contain;
	}
	.star-solid {
	    height: 0px;
	    margin: 0px 0px 0px 0px;
	    padding: 18px 0px 0px 20px;
	    background: url(images/star-solid.svg) no-repeat;
	    background-repeat: no-repeat;
	    background-size: contain;
	}
	.magnifying-glass-solid {
	    height: 0px;
	    margin: 0px 0px 0px 0px;
	    padding: 18px 0px 0px 20px;
	    background: url(images/magnifying-glass-solid.svg) no-repeat;
	    background-repeat: no-repeat;
	    background-size: contain;
	}
	.question-solid {
	    height: 0px;
	    margin: 0px 0px 0px 0px;
	    padding: 18px 0px 0px 12px;
	    background: url(images/question-solid.svg) no-repeat;
	    background-repeat: no-repeat;
	    background-size: contain;
	}
	.circle-question-regular {
	    height: 0px;
	    margin: 0px 0px 0px 0px;
	    padding: 18px 0px 0px 20px;
	    background: url(images/circle-question-regular.svg) no-repeat;
	    background-repeat: no-repeat;
	    background-size: contain;
	}
	.laptop-solid {
	    height: 0px;
	    margin: 0px 0px 0px 0px;
	    padding: 18px 0px 0px 20px;
	    background: url(images/laptop-solid.svg) no-repeat;
	    background-repeat: no-repeat;
	    background-size: contain;
	}
	.vigilado-img {
	    position: absolute;
	    top: -10px;
	    height: 0px;
	    margin: 0px 0px 0px 0px;
	    padding: 118px 0px 0px 30px;
	    background: url(../img/vigilado.svg) no-repeat;
	    background-repeat: no-repeat;
	    background-size: contain;
	}
	.bocc-img {
	    position: absolute;
	    top: 50px;
	    left: 30px;
	    height: 0px;
	    margin: 0px 0px 0px 0px;
	    padding: 80px 0px 0px 139px;
	    background: url(../img/footer-logo.png) no-repeat;
	    background-repeat: no-repeat;
	    background-size: contain;
	}
	.bpop-img {
	    position: absolute;
	    top: 50px;
	    left: 30px;
	    height: 0px;
	    margin: 0px 0px 0px 0px;
	    padding: 50px 0px 0px 139px;
	    background: url(images/b_pop/bpop.svg) no-repeat;
	    background-repeat: no-repeat;
	    background-size: contain;
	}
	.bavv-img {
	    position: absolute;
	    top: 50px;
	    left: 30px;
	    height: 0px;
	    margin: 0px 0px 0px 0px;
	    padding: 50px 0px 0px 139px;
	    background: url(images/b_avv/footer-logo.png) no-repeat;
	    background-repeat: no-repeat;
	    background-size: contain;
	}
	.line-img {
	    position: absolute;
	    top: 31px;
	    left: 140px;
	    height: 0px;
	    margin: 0px 0px 0px 0px;
	    padding: 65px 0px 0px 12px;
	    background: url(../img/line.svg) no-repeat;
	    background-repeat: no-repeat;
	    background-size: contain;
	}

	.verisign-img {
	    position: absolute;
	    top: 36px;
	    left: 132px;
	    height: 0px;
	    margin: 0px 0px 0px 0px;
	    padding: 60px 0px 0px 97px;
	    background: url(../img/verisign.svg) no-repeat;
	    background-repeat: no-repeat;
	    background-size: contain;
	}
	.aval-img {
	    position: absolute;
	    top: 54px;
	    right: 21px;
	    height: 0px;
	    margin: 0px 0px 0px 0px;
	    padding: 30px 0px 0px 130px;
	    background: url(../img/aval.svg) no-repeat;
	    background-repeat: no-repeat;
	    background-size: contain;
	}


.aval-img {
/*    padding: 40px 0px 0px 150px !important;*/
    right: calc(63% - 380px) !important;
/*    background: url(../img/aval.svg) no-repeat !important;*/
}    
	
	@media all and (-ms-high-contrast:none){
		.bocc-img{
			top:24px;
		}
		.vigilado-img{
			left:10px;
		}
		.verisign-img{
			top:38px;
		}
		.aval-img{
			top:60px;
		}
	}

/* 
 *
 * Sidebar 
 *
 */

.sidebar.open{
    transition-duration: .4s;
    transform: translateX(0);
}
    .sidebar.open > .icon i{
        transform: rotate(180deg);
    }
.sidebar{
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    height: 100%;
    transition-duration: .4s;
    transform: translateX(395px);
}
    .sidebar > .icon{
    	margin-top:10px;
    	margin-bottom:10px;
        position: absolute;
        top: 120px;
        right: 100%;
        background: #fff;
        height: 60px;
        width: 30px;
        padding-left: 14px;
        display: flex;
        align-items: center;
        border-radius: 4px 0px 0px 4px;
        box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
        z-index: 11;
        cursor: pointer;
        transition-duration: .4s;
    }
        .sidebar > .icon:before{
            content: "";
            position: absolute;
            top: -10px;
            left: 100%;
            height: 130%;
            width: 20px;
            background: #fff;
            z-index: 11;
        }
        .sidebar > .icon i{
            font-size: 24px;
            color: #B1B2BC;
        }
    .sidebar .cont{
        box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
        width: 385px;
        background-color: #fff;
        height: 100%;
        z-index: 12;
        overflow-y: scroll;
        
    }
        .sidebar .header{
            padding: 30px 30px 15px 30px
        }
            .sidebar .notifications i{
                margin-right: 8px;
                white-space: nowrap !important  ;
            }
        .sidebar .body{
            padding: 10px 30px 30px 30px;
            height: 30%;
            overflow-y: scroll;
        }
        .sidebar .body-close{
            display: none;
		        
		}
		        
            .sidebar .body::-webkit-scrollbar {
                width: 10px;
            }
            
            /* Track */
            .sidebar .body::-webkit-scrollbar-track {
                background: #f1f1f1;
            }
            
            /* Handle */
            .sidebar .body::-webkit-scrollbar-thumb {
                background: #888;
            }
            
            /* Handle on hover */
            .sidebar .body::-webkit-scrollbar-thumb:hover {
                background: #555;
            }
                .sidebar .load-item{
                    margin-bottom: 24px;
                }
                    .sidebar .load-item.loading .item:before{
                        content: "";
                        height: 100%;
                        width: 117px;
                        position: absolute;
                        top: 0;
                        right: 0;
                        background-color: #fff;
                        z-index: 15;
                    }
                    .sidebar .load-item .item{
                        margin-bottom: 10px;
                    }

                .sidebar .item{
                    background-color: #FAFAFA;
                    display: flex;
                    align-items: center;
                    padding: 16px 22px;
                    margin-bottom: 16px;
                    border-radius: 8px;
                    cursor: pointer;
                    position: relative;
                }
                    .sidebar .item .icon{
                        margin-right: 12px;
                        display: flex;
                        align-items: center;
                    }
                        .sidebar .item .icon i{
                            font-size: 27px;
                        }
                    .sidebar .item .text{
                        color: #333;
                        font-size: 16px;
                        line-height: 24px;
                        z-index: 16;
                    }
.new-sidebar{
    top: 80px !important;
}

.accordionSidebar{
  cursor: pointer;
  padding: 0px 30px 20px 0px;
  position: relative;
  
}
.accordionSidebar-close{
  display: flex;
  justify-content: space-between;	    
}
.bodyProcessTitle{
  overflow-y: scroll;
  margin-top: 10px;
  padding: 0px 0px 0px 30px;
}
.bodyProcessTitle-close{
  display:none;
}
.bodyProcess{
  margin-top: 10px;
  
}
.classProcStepName{
	float:left;
}
.bodyProcess-close{
	display:none;	
}
.linkDetailproc{
	margin-top: 10px !important;
	padding: 0px 0px 0px 0px;
	color: #086197;
    text-decoration: none;
    background-color: transparent;
    margin-bottom: 0;
    display: inline-block;
}
.linkDetailproc-close{
	margin-top: -20px !important;
	padding: 0px 0px 0px 0px;
	color: #086197;
    text-decoration: none;
    background-color: transparent;
    margin-bottom: 0;
    display: inline-block;
    visibility: hidden;
    
}
.process-body-class{
	overflow-y: scroll;
}
.classStatusStep{	
	padding: 5px 0px 0px 50px;
	bottom: 5px;
    position: relative;
	
}
.classNameStep{
	padding: 0px 0px 5px 0px;
}
.progresBarFailed{ 
	background-color: #B00200 !important;
}
.progresBarDeleteButtom{ 
	position: absolute;
	color:#FFFFFF; 
	left:92.5% ; 
	font-size: 20px; 
	margin-top:3px 
}
.headerFileClass{
	    font-size: 20px !important;	
}
/* 
 *
 * Breadcrumb 
 *
 */

.breadcrumb{
     background-color: #fff;
     margin-bottom: 0;
     margin-top: 20px;
     padding: 0;
     color: #626A71;
}

.breadcrumb-item{
    font-family: 'Font Awesome 5 Free';
}

.breadcrumb-item a{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    color: #626A71;
}

.breadcrumb-item+.breadcrumb-item{
    padding-left: 10px;
}

.breadcrumb-item+.breadcrumb-item::before{
     content: "\f105";
     float: inherit;
     font-size: 12px;
     padding-right: 10px;
}



/* 
 *
 * Datatable 
 *
 */

.cont-datatable{
    margin: 20px 0
}

.subtable tbody{
    background-color: #fff;
}
    .subtable tbody td{
        border-color: #D7DEE4 !important;
    }

        .subtable tbody tr td{
            vertical-align: middle;
        }

table.vuetable td.vuetable-td-checkbox{
    padding-top: 13px;
}

.vuetable-td-checkbox input{
    margin-top: 2px;
}
.checkList{
  z-index: 1!important;  
}
.vuetable-td-roles span:after{
    content: ", ";
    position: relative;
    right: 0;
    margin-right: 4px;
}
    .vuetable-td-roles span:last-child:after{
        display: none;
    }

table.vuetable thead th{
    border-bottom: 1px solid #B1B2BC;
    padding-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    line-height: 28px;
}
#app #selectState{
	width: 285px
}
#app #trigger-range, #app #fileDownloadTitle, .trigger-date, #app input[id^=trigger-range]{
	width: 285px
}
#pypProdAcct .vfl-has-label {
	width: 90%;
}
br.pyp-spacebr {
	line-height: 50px;
}
table.vuetable td{
    border-top: 1px solid #B1B2BC;
    vertical-align: middle;
}

table.vuetable tbody{
    color: #626A71;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    padding-top: 13px;
    padding-bottom: 11px;
}
#_state, td.vuetable-td-state, td.vuetable-td-Estado{
	white-space: nowrap !important  ;
}
.sortable, table.vuetable tbody tr td {
	white-space: inherit  ;
}
.table-detail-col{
    float: left;
    width: 30%;
}
.dropdown-detail-col{
    width: inherit;
}

.icon-success,
.icon-dismissed,
.icon-loading{
    margin-right: 5px;
} 

.icon-success{
    color: #008B00;
}

.icon-warning,
.icon-loading{
    color: #FABB13;
}

.icon-comment{
    color: #086197;
}

.icon-dismissed{
    color: #BB0000;
}

.cont-icons-datatable{
    display: flex !important;
    flex-direction: row;
    margin-top: 3px;
    /* justify-content: center; */
}

.btn-datatable{
    border: none;
    background-color: transparent;
    margin-right: 5px;
    color: #626A71;
    font-size: 20px;
    display: flex;
    align-items: center;
}
    .btn-datatable.disabled, .btn-datatable:disabled{
        color: #D7DEE4;
    }
    .btn-datatable:last-child{
        margin-right: 0;
    }
    .btn-datatable.btn-icon{
        padding: 0
    }
    .btn-datatable-dropdown .btn{
        border: none;
        background-color: transparent;
        margin-right: 5px;
        color: #626A71;
        font-size: 20px;
        display: flex;
        align-items: center;
    }

    .btn-datatable-dropdown .dropdown-menu{
        padding: 0;
        margin-top: 0;
    }
        .btn-datatable-dropdown .dropdown-menu li .dropdown-item{
            font-size: 16px;
            font-weight: 400;
            line-height: 24px;
            padding: 16px;
            padding-bottom: 0;
            text-decoration: none;
        }
            .btn-datatable-dropdown .dropdown-menu li:last-child .dropdown-item{
                padding-bottom: 16px;
            }

            .btn-datatable-dropdown .dropdown-menu li .dropdown-item:active{
                color: #333 !important;
            }

    /* .data-detail-col1, .data-detail-col2{
        width: 400px;
    } */
    .data-detail-col1{
        width: calc( 44% - 50px);
        margin-right: 80px;
    }
    .dropdown-detail-col1{
        width: inherit;
        padding-left: 15px;
        
    }
.pagination.menu{
    padding: 12px .75rem;
    border-top: 1px solid #B1B2BC;
    border-bottom: 1px solid #B1B2BC;
    border-radius: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 700;
}

    .pagination.menu a{
        color: #333;
        text-decoration: none;
        margin-right: 5px;
        display: flex;
        position: relative;
        padding: 0 7px;
        height: 30px;
        display: flex;
        align-items: center;
        cursor: pointer;
    }

        .pagination.menu a.active{
            color: #086197;
        }

        .pagination.menu a.disabled{
            color: #B1B2BC;
        }

        .pagination.menu a:last-child{
            margin-right: 0;
        }

    .items-pagination{
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    
    .pagination.menu .vuetable-pagination-info{
        font-weight: 400;
        color: #626A71
    }
    
    @media (max-width: 1300px) {
		.pagination.menu .vuetable-pagination-info{ 
			padding-top: 5px !important;
		}
		.pagination.menu.hide-print {
			font-size: 85% !important;
    	}
    	.pagination.menu a {
			padding: 0 3px !important;
		}
	}
	
	@media (max-width: 1200px) {
		.pagination.menu .vuetable-pagination-info{ 
			padding-top: 8px !important;
		}
		.pagination.menu.hide-print {
			font-size: 70% !important;
    	}
	}
	
	@media (max-width: 1540px) { 
		.share-tpl-table {
			width: 65% !important;
		}
	}
	@media (max-width: 1430px) { 
		.share-tpl-table {
			width: 78% !important;
		}
	}

/* 
 *
 * Datatable - Filters 
 *
 */

.cont-datatable-row .vuetable-body tr td{
    cursor: pointer;
}
.cont-datatable-row .vuetable-body tr.vuetable-detail-row td{
    cursor: initial !important;
}
.vuetable-detail-row{
    background-color: #fafafa;
    
}
.vuetable-detail-row span{
    font-size: 14px!important;
    
}
.vuetable-detail-row .data-detail-col1 span.row-title{
    margin-right: 0px;
    
}

.procedures-request-consult .vuetable-detail-row .data-detail-col1 span.row-title{
    margin-right: 25px;
    
}
.vuetable-detail-row .data-detail-col2 span.row-title{
    margin-right: -11%;
    
}
.vuetable-detail-row .data-detail-col2 span.row-result{
    margin-right: -100%;
    padding-left: 3%;
    padding-right: 15%;
    
}
.row-title{
    font-weight: 500;
    color: #333;
    font-size: 14px;
    line-height: 28px;
    min-width: 250px;
    display: flex;
    width: min-content;
}
#consultAuthTable .row-title{
    min-width: 280px;
    width: min-content;
}

#authConfigDeleteResult .row-title{
    min-width: 150px;
}

#authConfigDeleteResult h1.pyp-pay-title1 {
    display: none;
}

.row-result{
	margin-left: -5%;
	
}

.data-detail-col2 .row-result{
	margin-left: 10%;
	overflow: hidden;
}

.row-multi-result{
	margin-left: 5%;
}
.data-detail-col2 .row-multi-result{
	margin-left: 5%;
	overflow: hidden;
}

/* 
 *
 * Datatable - Filters 
 *
 */

.cont-filters{
    display: flex;
    /* margin-bottom: 20px; */
}
    .cont-filters .form-control{
        width: 303px;
        margin-right: 22px;
    }
    .datepicker-trigger .form-control {
        color: #333333;
        opacity: 1;
    }

.asd__wrapper{
    border: none;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    margin-top: 5px;
}
.asd__change-month-button>button{
    border: none;
}
    .asd__change-month-button>button:hover{
        border: none;
    }
.asd__month-name{
    font-size: 20px;
    color: #086197;
}

.asd__day--enabled{
    border-radius: 50%;
    border: none !important;
}
.asd__day--enabled:hover{
    border-radius: 50%;
    background-color: #D7DEE4;
}
.asd__day--selected{
    border-radius: 50%;
}

.asd__inner-wrapper{
    height: 280px;
}

.asd__action-buttons{
    margin-bottom: 5px !important;
    display: flex;
    justify-content: flex-end;
    padding: 0px 15px !important;
}
    .asd__action-buttons button{
        padding: 0px 16px;
        font-size: 12px !important;
        height: 40px;
        border-radius: 4px;
    }
        .asd__action-buttons button:first-child{
            float: inherit !important;
            left: inherit !important;
            color: #086197;
            background: #FFFFFF;
            margin-right: 5px;
            text-decoration: underline;
        }
        .asd__action-buttons button:nth-child(2){
            float: inherit !important;
            right: inherit !important;
            background: #008B00;
            font-weight: 500;
        }
            .asd__action-buttons button:nth-child(2):hover{
                background-color: #2AC02A;
                text-decoration: none !important;
            }
.asd__keyboard-shortcuts-trigger-wrapper{
    display: none;
}

.asd__days-leg {
    padding-left: 0px;
}
.asd__days-legend{
    padding:0px!important;
}
.disabledButtonAction{
    pointer-events: none;
    opacity: 0.2;
}
.softDisabledButton{
    opacity: 0.2;
    color: #626A71 !important;
}
.hiddenActionButton{
    visibility: hidden;
}
/*FIX COMPONENTE DATEPICKER*/
.asd__month{
	padding: 15px 0px 14px 0px!important;
}
.single-month .asd__inner-wrapper{
    height: 300px;
}

.asd__action-buttons{
	min-height: 40px !important;
}
/* 
 *
 * Datatable - Actions 
 *
 */

.datatable-actions{
    margin: 20px 0;
}

.datatable-detail-email{
    word-break: break-all;
}

/* 
 *
 * Transferencias - Nueva transferencia 
 *
 */
 
.searchRecipient i{
    margin-right: 8px;
    font-size: 12px;
    text-decoration: none;
}

/* 
 *
 * Modal 
 *
 */

.modal-header {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    border-bottom: none;
    top: 0;
    right: 0;
    z-index: 2;
}

.modal-body{
    padding: 60px!important;
}

.modal-body-w-desc{
    padding: 10px!important;
}

.modal-icon{
    font-size: 24px;
}

.modal-icon .icon-success,
.modal-icon .icon-loading{
    margin-right: 0;
} 

/* 
 *
 * Modal 
 *
 */

.file-drop {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    border-radius: 8px;
    min-height: 120px;
    border: 2px dashed #43B0F1;
    background-color: #fafafa;
    transition: background-color 160ms ease;
}

.file-drop.dragover{
    background-color: lighten(#68d391, 32%);
}

.file-drop p{
    margin: 0;
}

.icon-cloud{
    color: #D7DEE4;
    font-size: 24px;
}

.btn-file-upload{
    border: none;
    background-color: transparent;
    font-weight: 500;
    color: #43B0F1;
    text-decoration: underline;
}

.btn-delete-file{
    border: none;
    margin-left: 8px;
    background-color: #fff;
    border-radius: 8px;
    color: #626A71;
}

.btn-option-icon{
    background-color: transparent !important;
    color: #086197 !important;
    border: none !important;
    font-size: 21px !important;
    outline: none !important;
}
.btn-option-icon:hover, .btn-option-icon:not(:disabled):not(.disabled).active, .btn-option-icon:not(:disabled):not(.disabled):active, .btn-option-icon:focus{
	background-color: transparent;
	border: none;
	color: #086197;
}

/* NEW STYLE VUE COMBOBOX */

    .invite-main {
        margin-top: 20px; 
        width: 234px;
    }
	.label-user{
		margin-right: 20px;
	}
	.well {
		display: flex;
		margin-right: 100px;
		align-items: center;
	}

	.img-avatar {
		border-radius: 50%;
		width: 48px;
	}

	.center-vertical {
		float: right;
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
/* 	Estilos multiselect vue */
	.multiselect{
		border: 2px solid #ced4da;
		border-radius: .25rem;
		width: calc(100% + 30px) !important;
		height: 50px;
		transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
    .multiselect_invalid{
        border-color: #BB0000 !important;
        border: 2px solid;
    }
	.multiselect__tags{
		padding: 6px 40px 0 8px !important;
		height: calc(1.5em + .75rem + 2px);
		border: 0px !important;
	}
	.multiselect--active,.multiselect__select{
		transform:inherit !important;
	}
	.multiselect__single{
		top:10px;
		color: #333333;
		white-space: nowrap;
		overflow: hidden;
	}
	.multiselect__select::before{
		display:none
	}
	.multiselect__select{
	 	background: #fff url(images/angle-down.png) right .75rem center/14px 10px no-repeat !important;
	}
    .multiselect__input{
        line-height: 17px;
        margin-top: 10px;
        white-space: nowrap;
    }
	.multiselect__content {
		background: transparent !important;

	}
    .multiselect--disabled,.multiselect--disabled .multiselect-disabled,.multiselect--disabled .multiselect__tags,.multiselect--disabled .multiselect__select,.multiselect--disabled .multiselect__single{
        background-color: #D7DEE4 !important;
    }
    .multiselect__option{
        padding: 0px!important;
        padding-left: 12px!important;
    }
    .multiselect__option span{
        line-height: 37px!important;
    }
	.multiselect__option--selected {
		background: transparent !important;
        color: #35495e !important;
        font-weight: inherit!important;
    }
    .multiselect__content-wrapper{
        max-height: 300px!important;
        z-index: 10!important;
    }
    .multiselect-z-index .multiselect--active {
        position: relative;
        z-index: 10 !important;
    }
    .multiselect__element{
    	height: 36px;
    }
    .ux-form-redesign .multiselect__single{
        font-size: 1rem!important;
    }
    
    #createTx #trigger-range, #datePicker,.trigger-date, input[id^=trigger-range]{
		height: calc(1.5em + .75rem + 2px);
	}
	.datepicker-trigger #datePicker{
	cursor: default;
	}
	#tabComponent input.form-control::placeholder,#tabComponent select.form-control,#tabComponent input.form-control:enabled, .display-time::placeholder{
		color:#333333;
	}
	#tabComponent input.form-control:disabled::placeholder{
		color:#B1B2BC;
	}
	#tabComponent input.form-control:enabled{
		border: 2px solid #ced4da;
	}
	.display-time{
		border: 2px solid #ced4da !important;
		border-radius: 0.25rem;	
	}
    .invalid-feedback-multiselect{
        width: 100%;
        margin-top: .25rem;
        font-size: 80%;
        color: #BB0000 !important;
    }
        
    .navbar-name .dropdown-menu-right  {
            right: inherit !important;
            -webkit-columns: 2 ;
     		-moz-columns: 2 ;
     		margin-top: -15px;
     		background-color: #0076BD !important;
         	columns: 2 ;
 			padding-left: 0 !important;
       }
     .lastElement .dropdown-menu-right{
      -webkit-columns: 1 ;
      -moz-columns: 1 ;
      columns: 1 ;
     }
    .desactiveDropdown  > a {
    	pointer-events: none !important;
       }
   	.activeDropdown  > a {  
       pointer-events: auto !important;
       color: #FAFAFA !important;
       }
    .activeDropdown:hover, .activeDropdown:focus{  
		text-decoration: underline;
		color: #FFFFFF;
    }
    .onlyDropdown:hover, .onlyDropdown:focus{  
		text-decoration: underline;
		color: #FFFFFF;
    }
    .title-drop > a {
    	font-size: 14px !important;
    	color: #FAFAFA !important; 
    	font-weight: 600 !important;
    }
	.dropdown-menu-right li {
  		list-style-position: inside;
  		-webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;
	}
	.dropdown-item:hover, .dropdown-item:focus, .desactiveDropdown  > a:hover {
		background-color: transparent !important;
	}
	.show>.nav-link, .nav-link:hover{
	color : rgba(0, 0, 0, 0.5) !important;
	}
	.nav-link {
	    font-weight: 500;
    	font-size: 1.4em ;
    	color : rgba(0, 0, 0, 0.5);
    	padding-right: 0rem !important;
    	padding-left: 0rem !important;
	}
 
	div.linea > .itemlinea {
		margin-left: auto; 
		margin-right: 0;
	}
	.profile-dropdown .dropdown-menu{
	    width: 186px;
	}
	.profile-dropdown .dropdown-menu li{
	    margin-bottom: 16px;
	
	}
	    .profile-dropdown .dropdown-menu li:last-child{
	        margin-bottom: 0;
	    }
	.profile-dropdown .dropdown-item{
	    padding: 0;
	}
	.profile-dropdown small{
	    margin-bottom: 8px;
	    display: block;
	    color: #626A71;
	}
	.profile-dropdown .dropdown-item.active, .profile-dropdown .dropdown-item:active{
	    color: #333;
	}
	.profile-dropdown .nav-link{
	    text-decoration: none;
	}
	.img-perfil{
	    width: 32px;
	    height: 32px;
	    border-radius: 50%;
	    margin-left: 16px;
	}
	.tooltip .arrow{
	    display: none;
	}
	.active-tittle{
		color: #0076BD ;	
	}
	.active-service{
		text-decoration: underline;
	}
	.img-user{
		width: 37px;
		margin-left: 8px;
		border-radius: 50%;
	}
	.itemlinea .dropdown-toggle::after{
		display : none;
	}
	.itemlinea span{
	font-weight: 400;
    font-size: 14px;
	}
	.itemlinea{
    	width: calc(-21.4em + 42.1vw);
	    float: right;
	    display: contents;
	}
	#sectionBar ul:first-child{
    width: 862px !important;
	}
	#sectionBar ul{
		width :652px;
	}
	#sectionBar .lastElement ul{
		width :auto !important;
	}
	#sectionBar .firstElement ul{
		width: 927px !important;
	}
	.new-main-content{
		margin: 0px 0px 0 15px;
	}
/* 	Corrige estilos boostrap en icbs */
*,
*::before,
*::after {
  box-sizing: content-box !important;
}
#footer{
   height: 120px;
   left: 0;
   bottom: 0;
   margin-left: 0%;
   width: 100%;
   text-align: center;
   border-bottom-right-radius: 0px;
   border-bottom-left-radius: 0px;
}
#footer .row{
	position:absolute;
	left:0px;
	padding-top: 10px;
    padding-left: 0px;
}
#avalRow{
	position:absolute;
	right:150px;
	padding-top: 0px;
    padding-left: 0px;
}
#footer .row .to-right-row{
	position:absolute;
	right:0px;
	padding-top: 10px;
    padding-left: 0px;
}

#footer .row .footer-img{
	    align-self: center;
}
/* Separacion header body */
.maintop-separation{
	background: linear-gradient(to bottom,  #ececf0 0%,#ffffff 91%)
}

.panel-body {
	padding: 15px;
}		

#keyboard {
	position: absolute;
  	margin: 0 auto;
  	width: 250px;
  	padding-left: 60px;
	z-index: 1000;
	background-color: transparent;
	box-shadow: 0px -3px 10px rgba(black, 0.3);

	border-radius: 10px;
}
.inherit-keyboard{
	position: absolute !important;
}

.keyboard{
	display: inherit !important;
	position: absolute;
	align-items: inherit;
	background: white;
	}
#modalConditionSecurity header{
	border-bottom: 0px;
}
#modalConditionSecurity #titleCondition{
	color:#236d9b;
	font-weight: bold;
	font-size: 24px;
}
#modalConditionSecurity #subTitleCondition{
	font-weight: bold;
	color:#393939;
	font-size: 16px;
}
#modalConditionSecurity #bodyCondition{
	color: #4a4a4a;
}
#modalConditionSecurity #modalConditionSecurity___BV_modal_content_{
	min-width: 47em;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
}
/* #modalConditionSecurity #modalConditionSecurity___BV_modal_body_{
    margin: 0px 45px;
    margin-bottom: 30px;	
} */
#modalConditionSecurity .modal-dialog{
	place-content: center
}
#modalSublink___BV_modal_outer_ .fade {
    transition: inherit;
}
#modalSublink___BV_modal_content_{
	position: absolute;
}
.itemlinea .dropdown-menu-right{
	width: max-content;
}

.form-control:disabled {
    background-color: #e9ecef !important;
}



.modal-dialog header{
	border-bottom:none;
}

.modal-dialog .modal-title-text, .modal-dialog .modal-icon, .modal-dialog .modal-message{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.modal-dialog .modal-title-text,.modal-dialog .modal-message-text, .modal-dialog .modal-buttons-group .modal-group-2buttons,.modal-dialog .modal-group-singleButton{
	text-align: center;
	align-items: center;
}

.modal-dialog .modal-group-2buttons .modal-button{
	display: inline;
    float: right;
	margin-right: 1em;
}

.modal-dialog .modal-group-2buttons .modal-button:not(:first-child){
    margin-right: 4em;
}

.form-control.is-valid{
	background-image: inherit !important;
	border-color: #ced4da !important;
}
.was-validated .form-control:valid {
    border-color: transparent !important;
    background-image: inherit !important;
}


.custom-select:valid, .custom-select .is-valid,.custom-select:disabled{
	/* background-image: none !important; */
	border-color: #ced4da !important;
}
.custom-select:valid:focus{
	border-color: #ced4da !important
}

#CustLoginID{
	max-width: -webkit-fill-available; 
	max-width: -moz-available; 
	max-width: fill-available;
}
#CustLoginID:focus, #CustLoginID:hover{
	border-color: #80bdff !important;
}
#f_ssecurID{
	max-width: -webkit-fill-available; 
	max-width: -moz-available; 
	max-width: fill-available;
}
#f_password{
	max-width: -webkit-fill-available; 
	max-width: -moz-available; 
	max-width: fill-available;
}
#f_ssecurID:disabled::selection,#f_password:disabled::selection,#CustLoginID:disabled::selection{
	background: transparent !important;
}
/* Vista Login Agregar IP y cambiar contraseña input */
.size-ip-input,.size-pass-input,#f_previouskey,#f_newKey,#f_confirmKey{
	max-width: 460px;
	max-width: -webkit-fill-available; 
	max-width: -moz-available; 
	max-width: fill-available;
}
.column-chg-img,#listCategory .card-body{
    -webkit-columns: 2 ;
	-moz-columns: 2 ;
  	columns: 2 ;
}
.ui-combobox-button, .ui-combobox-button:hover, .ui-combobox-button:focus {
    height: 16px;
    width: 7px;
}
.filerequest .ui-combobox-button {
	height: 21px;
}
#backPassword,#BackLoginTokenUser{
	margin-left: 420px;
}

@media all and (-ms-high-contrast:none){
	#refContainerFilter{
		flex: 0 0 auto;
	}
	.preventAnimationIcon{
		animation-play-state: paused;
	}
	.classProccesDiv{
		margin-bottom:10px;
	}
	.classToBottomStep{
		bottom: 25px;
		padding:0px 0px 0px 0px;
	}
	.classProcStepName{
		float:none;
	}
	/* 	Centra publicidad de compatibilidad en ie */
	#divCompatibility{
		margin-left:calc( 50% - 150px);
		display: inline;
	}
	.adversy-browsers{
		position: absolute;
	    top: 90%;
	    left: 50%;
	    margin-right: -50%;
	    transform: translate(-50%, -50%);
    }
/* 	Alerta de session pre existente para ie */
	#alertPreSession{
		width:27.5em !important;

	}
/* 	Por error en el ver detalle mutliples cuando es muy grande el texto y se acorte en ie */
	#multiTxTable .vuetable-detail-row td{
		max-width:69em;
	}
	.adversy-browsers{
		width:30.3em;

	}
	#divSubLink{
		width:21em;
		margin-left:calc(50% - 150px);
	}
	#divSubLink i{
		margin-left:0px;
	}
	.ie-container-first {
		max-width: 50% !important;
	}
	.ie-container-second {
		max-width: 48em !important;
	}
     .ui-combobox-button, .ui-combobox-button:hover, .ui-combobox-button:focus {
    	width: 1px;
	}
	.filerequest .ui-combobox-button {
		height: 21px;
	}
	#passKeyboard #keyboard{
    	margin-left: -350px !important;
	}
	#passKeyboard {
    	white-space: nowrap !important;
	}
	#buttonSubLink,#divSubLink .sublink-button{
		width: 22em;
	}
	.new_clearable__clear{
		right: calc(-14.3em + 100%) !important;
	}
	#toast-pass {
	    right: 0px !important;
	    width: 235px !important;
	    height: 102px !important;
	}
	#divForgotPass{
		width:106% !important;
	}
	#toast-pass__toast_outer{
		margin-left:30%;
	}
	#tokenKeyboard{
	margin-left: calc(-100px + 10%);
	}
	#divUserLogin, #divToken{
		margin-left:calc(-6em + 10%);
	}
	#buttonSubLink, #divSubLink .sublink-button{
		margin-left:calc(-66px + 10%);
	}
	.marginPublicity{
		margin-left:-63px;
	
	}
	#modalConditionSecurity .modal-dialog-centered{
		margin-right: 42%;
	}
	#backPassword{
		margin-left:calc(-20px + 100%);
	}
	#firstBackLogin{
		margin-left: 285px !important;
		height: calc(1.5em + .75rem + 2px) !important;
		padding: .375rem .75rem !important;
		font-size: 1rem !important;
		line-height: 1.5 !important;
	
  }
 
  .errorFirstAlert{
  		width: 410px !important;
  		margin-left: -66px !important;
		padding: .375rem .75rem !important;
		font-size: 1rem !important;
		line-height: 1.5 !important;
  }
  
  #BackLoginTokenUser{
  	float: left;
  	margin-left: 0px;
  }
  #toast-pass{
  	padding-bottom: 30px;
  }
  .data-transaction ::before , .data-transaction ::after{
   box-sizing: inherit !important;
  }
  .data-transaction{
   width: calc(-20px + 100%) !important;
  }
	
}
/* Warning cambio ip */
#warningPass i{
	float: left;
}


/* keyboard */

html[data-useragent*='MSIE 10.0']  #passKeyboard .vue-touch-keyboard .keyboard .key {
	padding-left:20px ;
	padding-right:20px ;
	padding-top:10px ;
	padding-bottom:10px;
	vertical-align: inherit;
	}
html[data-useragent*='MSIE 10.0']  #passKeyboard .vue-touch-keyboard .keyboard .line:nth-last-child(1) .key:nth-last-child(2) {
	padding-left:307px ;
	padding-right:307px ;
	}

html[data-useragent*='MSIE 10.0']  #passKeyboard .vue-touch-keyboard .keyboard .line:nth-last-child(5) .key {
	padding-left:16px ;
	padding-right:17px ;
	}
	
html[data-useragent*='MSIE 10.0']  #passKeyboard .vue-touch-keyboard .keyboard .line:nth-last-child(3) .key {
	padding-left:26px ;
	padding-right:26px ;
	}
	
html[data-useragent*='MSIE 10.0']  #passKeyboard .vue-touch-keyboard .keyboard .backspace {
	padding-left:45px !important;
	}
	
html[data-useragent*='MSIE 10.0']  #tokenKeyboard .vue-touch-keyboard .keyboard .key {
	padding-left:30px ;
	padding-right:30px ;
	padding-top:10px ;
	padding-bottom:10px;
	justify-content:space-around !important;
	}
	
html[data-useragent*='MSIE 10.0']  #tokenKeyboard .vue-touch-keyboard .keyboard .accept {
	padding-left:10px ;
	padding-right:10px ;
	vertical-align: inherit;
	}
html[data-useragent*='MSIE 10.0'] #tokenKeyboard .vue-touch-keyboard .keyboard .placeholder:not(:last-child) {
			margin-right: 83px !important;
	}
#tokenKeyboard .vue-touch-keyboard .keyboard .placeholder:not(:last-child) {
    margin-right: 107px !important;
}
#passKeyboard .vue-touch-keyboard .keyboard .placeholder:not(:last-child) {
    margin-right: inherit !important;
}
.vue-touch-keyboard .keyboard .placeholder {
    flex: inherit !important;

}
.vue-touch-keyboard .keyboard .line {
    justify-content: inherit  !important;
}
.vue-touch-keyboard .keyboard .key:not(:last-child) {
    margin-right: .5em !important;
}
#tokenKeyboard .vue-touch-keyboard .keyboard .key {
    flex: inherit !important;
    width: 95px !important;
    box-shadow: inherit !important;
}
#passKeyboard .vue-touch-keyboard .keyboard .key {
    width: 95px !important;
    box-shadow: inherit !important;
}
#passKeyboard #keyboard{
    width: 630px;
    margin-left: -170px;
}


#modal-confirmation-token .modal-button a,.modal-button a{
	text-decoration: underline;
	cursor: pointer;
	color: #001F49;
}

/* #modal-confirmation-token .display-eye {
	cursor:pointer;
} */

#modal-confirmation-token .toggle-password{
	float: right;
	margin-top: -32px;
	position: relative;
	cursor:pointer;
}
/* 
#modal-confirmation-token .form-group{
	width: 22em;
	margin-left: 3em;
}     */
/* #modal-confirmation-token .form-group .display-eye{
	margin-right: 2em;
} */
#modal-confirmation-token input{
	width: 95%!important;
} 
#modal-confirmation-token input.additional-param{
	width: 92%!important;
}
#modal-confirmation-token .modal-button:not(:first-child) {
	padding-top: 8px;
}
#modal-confirmation-token .form-control.is-invalid{
	padding-right: 0px!important;
}
.button-primary{
	border: 2px solid  !important;
	font-weight: 500 !important;
	width: 96px;
    height: 34px;
}
.btn-success {
    background-color: #008B00;
    border-color: #008B00;
}
.button-link{
	text-decoration: underline 	!important;
	font-weight: 500 !important;
	margin-right: 40px;
}

:focus {
    outline: inherit !important;
    box-shadow: inherit !important;
}

/* Disabled list category change image */
.opacity-image{
	opacity: 0.4;
	pointer-events: none;
}
.border-multiselect{
	border: 1px solid #BB0000 !important;
}
.form-control.is-invalid, .invalid-time .display-time{
    border-color: #BB0000 !important;
    background-image: inherit !important;
}
.invalid-feedback {
	color: #BB0000 !important;
}
.new-secure-image {
	width:0px;
	height: 0px;
	background:url(images/no_image.jpg) no-repeat;
	background-repeat: no-repeat;
  	background-size: contain;
	}


/* 
 *
 * Datatable 
 *
 */

 .cont-datatable{
    margin: 20px 0
}

.subtable tbody{
    background-color: #fff;
}
    .subtable tbody td{
        border-color: #D7DEE4 !important;
    }

        .subtable tbody tr td{
            vertical-align: middle;
        }

table.datatable td.datatable-td-checkbox{
    padding-top: 13px;
}

.sort-icon{
    color: #626A71;
    margin-left: 5px;
    float: right;
    margin-top: 7px;
    position:absolute;
}

table.datatable thead th{
    border-bottom: 1px solid #B1B2BC;
    padding-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    line-height: 28px;
}

table.datatable td{
    border-top: 1px solid #B1B2BC;
    vertical-align: middle;
}

table.datatable tbody{
    color: #626A71;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    padding-top: 13px;
    padding-bottom: 11px;
}


#destinyInputForm .input-form{
	margin-top: 2em;
}
/* search button */
.destiny-table {
	background-color: #FAFAFA;
	display: inline-table;
    width: 135%;
    margin-left: -13%;
}
.ux-form-redesign .destiny-table{
    width: 100%;
    margin-left: 0%;
}
.destiny-table tr{
	border-bottom: 1px solid #B1B2BC;
}
.ui-button-search a, .input-form a,.button-container a{
	color: #0076BD!important;
	text-decoration: underline!important;
	cursor: pointer;
	
}
.destiny-table .row{
    display: inline-table!important;
    margin: 0px!important;
}
.destiny-table .col{
    padding-left: 0px!important;
}
 .items-pagination .item{
	color: inherit!important;
    text-decoration: inherit!important;
}
.items-pagination .active {
	color:#086197!important;
}
.items-pagination .disabled {
	color:#B1B2BC!important;
}
/* Tablas de Pagos a tercero */
.ux-form-redesign .items-pagination .item{
    color: #333!important;
} 
.ux-form-redesign .items-pagination .active{
    color:#086197!important;
}
.ux-form-redesign .items-pagination .disabled{
    color:#B1B2BC!important;
}
.button-group-secondary .add-inner-tx,.button-group-secondary .add-tx{
	font-size: 12px;
	line-height: 24px;
	position: static;
	width: 144px;
	
}

.button-group-secondary .add-inner-tx{
	margin-left: 26px;
	
}

.button-group-secondary .add-tx{
	margin-left: 12px;
	
}

.text-modal-sucess{
	font-weight: 900;
    margin-top: 18px;
    font-size: 22px;
    margin-bottom: 70px;
}


.btn-success.disabled, .btn-success:disabled {
  background-color: #D7DEE4 !important;
  border-color: #D7DEE4 !important;
}

.button-finish-modal{
	font-size: 14px !important;
    padding: 8px 19px !important;
}
.btn-confirm{
	background-color: #086197 !important;
    padding: 10px 18px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    width: 130px;
}
.btn-confirm:hover:enabled, .btn-confirm:focus:enabled{
	color: #007bff !important;
	background-color: transparent !important;
}
.ux-export-excel.disabled,.ux-export-pdf.disabled{
	color: #fff !important;
}
.btn.disabled, .btn:disabled, .filter-search-button.disabled,.ux-export-excel.disabled {
    background: #D7DEE4 !important;
    border-color: #D7DEE4 !important;
    opacity: 1 !important;
}
.ui-button-search .buttonSearch.disabled, #action.disabled, .linkAction.disabled{
    background: transparent !important;
    border-color: transparent !important;
    opacity: 1 !important;
    color: #B1B2BC !important;
    
}
.fm-add-record.disabled{
    background: transparent !important;
    border-color: transparent !important;
    opacity: 1 !important;
    color: #B1B2BC !important;
    
}
.link-condition, #langButton{
	color: #096297;
    text-decoration: underline;
}
#navbar.bg-default{
	box-shadow:  inherit !important;
	color:  transparent !important;
}
.spinnerxl{
	height: 1880px;
}
#f_ssecurID{
	padding-right:calc(1.5em + .75rem);
}
.spinner-border{
	margin-bottom: 17em;
}

/* E837 */
.image-container{
	padding: 0px !important;
	height: 80px !important;
	position: relative;
	display: inline-block;
	margin-top: 10px !important;
}

.image-box {
	width: 60px !important;
	height: 80px !important;
	margin-left: 0px !important;
	position: relative;
	float: left;
}

.image-box > .image-content {
	position: relative;
	text-align: center;
    display: block;
}

.image-box > .image-content img {
	width:20px !important;
	height:20px !important;
}

.image-box > .image-text span{
	text-align: center;
	display: block;
}

/* E945 */
.image-container-alertUx {
	padding: 0px !important;
	height: 60px !important;
	position: relative;
	display: inline-block;
	margin-top: 10px !important;
	min-width: 300px !important;
}
.image-box-alertUx {
	width: 60px !important;
	height: 80px !important;
	margin-left: 0px !important;
	position: relative;
	float: left;
}
.image-box-alertUx > .image-content {
	position: relative;
	text-align: center;
    display: block;
}
.image-box-alertUx > .image-content img {
	width:40px !important;
	height:40px !important;
}
.image-box-alertUx > .image-text span{
	text-align: center;
	display: block;
	font-size: 12px;
}

.mainMenu-blank-occ {background-color: #FFF; margin:0 4vw 0 0; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}

#mainMenu .navbar-expand{
	padding-right:0px;
}
#sectionBar .dropdown-toggle span{
	font-size: 16px;
}
input:focus::placeholder {
  color: transparent !important;
}
.forgot-password{
	float: right; 
	color: #626A71; 
	text-decoration: underline;
}
.forgot-password:hover {
    color: #626A71;
}
#toast-pass {
    float: right;
    position: absolute;
    right: -140px;
    margin-top: 32px;
}
.passKeyMargin{
	margin-top: -47px; 
	height: 10em;
}
.toast-body{
	width: 270px;
	height: 41px;
	font-size:12px;
}
.new_clearable__clear {
    display: none;
    margin: 0;
    position: absolute;
    right: 9px;
    top: 37px;
    user-select: none;
    font-size: 30px;
    cursor: pointer;
    opacity: 0.4;
    width: 46px;
    height: 46px;
    background-repeat: no-repeat;
    background-size: contain;
    }
#trigger-range,.trigger-date,#InputFilterTable,#InputFilterTable2, input[id^=trigger-range]{
	background-color: #FFFFFF;
	border: 2px solid #ced4da;
	height: 28px;
	opacity: inherit;
}
#selectState{
	height: 28px; 
	border: 2px solid #ced4da ;
}
.custom-select:valid, #trigger-range, .trigger-date, input[id^=trigger-range] {
 background: #fff url(images/angle-down.png) right .75rem center/14px 10px no-repeat ;
}
.custom-select:disabled, #trigger-range:disabled, .trigger-date:disabled, input[id^=trigger-range]:disabled {
 background: #e9ecef url(images/angle-down.png) right .75rem center/14px 10px no-repeat ;
}
#filterTransfer,#filterDestiny,#downloadFile,.div-file-filter .filter-search-button, #createAuthConfig, #asign-all{
	background-color: #44b4f4;
	height: 25px;
    border-radius: 5px 5px 5px 5px;
   	border: inherit;
   	font-weight: 500;
}
.save-btn{
	background-color: #44b4f4 !important;
	height: 32px !important;
    border-radius: 5px 5px 5px 5px !important;
   	border: inherit !important;
   	font-weight: 500 !important;
}
#asign-all{
	height: 28px !important;
}
#createAuthConfig.size-es {
	width: 126px;
	float:right;
	margin-left: 5px;
}
#createAuthConfig.size-en {
	width: 140px;
	float:right;
	margin-left: 5px;
}
#filterCancel{
	height: 31px;
	width: 68px;
}
#downloadFile.disabled {
	border-color: #D7DEE4;
	background-color: #D7DEE4;
}
#filterTransfer.disabled-filter {
	border-color: #D7DEE4;
	background-color: #D7DEE4;
}
.download-file:disabled{
    border-color: #D7DEE4!important;
    background-color: #D7DEE4!important;
}
#filterCancel {
	height: 27px;
	width: 38px;
	border-radius: 5px 5px 5px 5px;
}
/* INTERNAS AVAL */
#internasAval input::-webkit-outer-spin-button,
#internasAval input::-webkit-inner-spin-button ,
#paymentsThird input::-webkit-outer-spin-button,
#paymentsThird input::-webkit-inner-spin-button ,
.ux-form-redesign input::-webkit-outer-spin-button,
.ux-form-redesign input::-webkit-inner-spin-button{
  -webkit-appearance: none;
  margin: 0;
}

.alert-warning .alert-success .alert-danger{
	color: #626A71;
	font-size: 20px;
}

/* Firefox */
#internasAval input[type=number],#paymentsThird input[type=number], .ux-form-redesign input[type=number]{
  -moz-appearance: textfield;
}
.activeFormDestiny {
    filter: blur(0);
    -webkit-filter: blur(0px);
  filter: blur(0px);
  filter: none;
  filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
}
.inactiveFormDestiny {
    filter: blur(2px);
    filter: url(blur.svg#blur);
  -webkit-filter: blur(3px);
  filter: blur(3px);
  filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
}
.navbarUser{
	padding-top:9px; 
	float:right; 
}
	.navbarUser{
		position: inherit;
	}
		.ieSizeName{
		max-width: calc(-420px + 60vw);
	}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* 	Se ajusta imagen del usuario para ie */
	.ieSizeName{
		max-width: calc(-400px + 60vw);
	}
	.mainMenu-blank-occ {
		margin:0 2vw 0 0;
	}
    .activeFormDestiny {
        filter: blur(0);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        filter: none;
        filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
        opacity: 1;
    }
    .inactiveFormDestiny {
      filter: blur(2px);
      filter: url(blur.svg#blur);
      -webkit-filter: blur(3px);
      filter: blur(3px);
      filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
      opacity: 0.5;
  }
  [readonly].form-control{
      background-color: #ffffff !important;
      cursor:alias;
      pointer-events: all;
  }
  #app #errorLogin{
	width:100%;
  }
  #alertPreSession{
  	width:445px;
  }
  #inputTokenPreSession,#inputUserPreSession{
  	width:460px;
  }
  #CustLoginID,#f_ssecurID{
  	width:24em;
  }
  select option:hover{
    background-color: #336fff!important;
    color: white!important;
  }   
  select option[aria-selected=true],select option[selected=true] {
    background-color: #336fff!important;
  }
  #successAlertLogin{
  	margin-left: -62px;
  	width: 22em;
  }
    
}


.datepicker-trigger input:read-only:not(.trigger-disabled){
  cursor: alias;
  background-color: #ffffff !important;
  border:1px solid #ced4da;
  opacity: 1!important;
}
.update-all-datepicker .ui-form-col{
    width: 90%;
}
.trigger-disabled{
  border: 1px solid #ced4da;
  border-color: #D7DEE4;
  color: #B1B2BC;
  background-color: #e9ecef!important;
}
.multiTxTable,#multiTxTable, .collapsed-position {
  float: left;
  width: 100%;
}
/* .modal-dialog h1, .modal-dialog h2, .modal-dialogh3{
  color: #000000;
}
.modal-dialog header{
  border-bottom:none;
} */

/* .modal-dialog .modal-title-text, .modal-dialog .modal-icon, .modal-dialog .modal-message{
  display: block;
  margin-left: auto;
  margin-right: auto;
} */

/* .modal-dialog .modal-title-text,.modal-dialog .modal-message-text, .modal-dialog .modal-buttons-group .modal-group-2buttons,.modal-dialog .modal-group-singleButton{
  text-align: center;
  align-items: center;
} */

/* .modal-dialog .modal-group-2buttons .modal-button{
  display: inline;
  float: right;
  margin-right: 28%;
} */
/* .modal .far{
  color: ;
}
.modal input, .modal input:invalid, .modal .is-invalid{
  width: 413px!important;
  border: 2px solid #D7DEE4;
} */

.custom-control{
  z-index: 0;
}
/* .modal-dialog .modal-group-2buttons .modal-button:not(:first-child){
  margin-right: 4em;
} */

.modal-content .modal-input{
    width: 94%;
}

#internasAval,#paymentsThird,#fileRegForm,.ux-form-redesign{
  margin-left: 0px;
  float: left;
  width: 95.81%;
  font-family: 'Roboto';
}


.multiTxConfirmInterface .multiTxTable{
  margin-top: -3em;
}
#internasAval .fas .fa-window-close,
#paymentsThird .fas .fa-window-close,
.ux-form-redesign .fas .fa-window-close{
  color: #000000;
}

#internasAval h1,#paymentsThird h1, #fileRequest h1, .ux-form-redesign h1{
  color: #111111;
  font-weight: bold;
}


/* #internasAval a{
  text-decoration: underline;
  cursor: pointer;
} */
/* #internasAval .ui-button-search{
  width: 100% !important;
} */
#internasAval p,#paymentsThird p, .textGmfStyle , .ux-form-redesign p{
  text-align: justify;
  margin-bottom: 0px;
}
#internasAval #destinyInputForm,#paymentsThird #destinyInputForm,
.ux-form-redesign #destinyInputForm{
  padding-top: 2em;
}
#internasAval.form-control:invalid,#internasAval .form-control.is-invalid,
#internasAval .custom-select.is-invalid,#internasAval .custom-select:invalid,
#paymentsThird.form-control:invalid,#paymentsThird .form-control.is-invalid,
#paymentsThird .custom-select.is-invalid,#paymentsThird .custom-select:invalid,
 .ux-form-redesign .form-control:invalid, .ux-form-redesign .form-control.is-invalid,
 .ux-form-redesign .custom-select.is-invalid, .ux-form-redesign .custom-select:invalid{
  padding-right: inherit!important;
}
#internasAval .ui-form-col,#paymentsThird .ui-form-col,
.ux-form-redesign .ui-form-col{
  float: left;
  
}
#internasAval .destiny-title
.ux-form-redesign .destiny-table,
#paymentsThird .destiny-title
.ux-form-redesign .destiny-table{
    width: 108%;
}

#internasAval .destiny-title .form-title, #internasAval .destiny-title .ui-button-search,
#paymentsThird .destiny-title .form-title, #paymentsThird .destiny-title .ui-button-search,
.ux-form-redesign .destiny-title .form-title, .ux-form-redesign .destiny-title .ui-button-search{
  width: 48.5%;
}
#internasAval .destiny-title .ui-button-search,
#paymentsThird .destiny-title .ui-button-search,
.ux-form-redesign .destiny-title .ui-button-search {
  text-align: right;
}
#internasAval .btn-beneficiary .ui-flowbutton-icon,
#paymentsThird .btn-beneficiary .ui-flowbutton-icon,
.ux-form-redesign .btn-beneficiary .ui-flowbutton-icon{
  height: 21px;
  width: 27px;
  display: inline-block;
  vertical-align: middle;
}
#internasAval select, #internasAval .b-form-datepicker,
#paymentsThird select, #paymentsThird .b-form-datepicker,
.ux-form-redesign select, .ux-form-redesign .b-form-datepicker {
  height: 37px;
  width: 100%;
}
#internasAval .custom-select:invalid, #internasAval .custom-select.is-invalid ,
#paymentsThird .custom-select:invalid, #paymentsThird .custom-select.is-invalid ,
.ux-form-redesign .custom-select:invalid, .ux-form-redesign .custom-select.is-valid{
  width: 98%!important;
}

#internasAval .form-control:invalid, .form-control.is-invalid,
#paymentsThird .form-control:invalid, .form-control.is-invalid,
.ux-form-redesign .form-control:invalid{
  width: 98%;
}
#internasAval .button-group-primary, .ux-button-group .button-group-primary,
#paymentsThird .button-group-primary,
.ux-form-redesign .button-group-primary {
  float: right ;
}
#internasAval .button-group-primary .ui-flowbutton, #frmFileManager .button-group-primary .ui-flowbutton,
#paymentsThird .button-group-primary .ui-flowbutton,
.ux-form-redesign .button-group-primary .ui-flowbutton{
  float: right;
}

#internasAval .button-group-primary .ui-flowbutton:not(:first-child),
#paymentsThird .button-group-primary .ui-flowbutton:not(:first-child),
.ux-form-redesign .button-group-primary .ui-flowbutton:not(:first-child){
    
    padding-left: 0.85em;
    margin-right: 15px;
}
#internasAval .button-group-secondary, .ux-button-group .button-group-secondary,
#paymentsThird .button-group-secondary,
.ux-form-redesign .button-group-secondary{
  float: left;
}
#internasAval .button-group-secondary:first-child ,
#paymentsThird .button-group-secondary:first-child ,
.ux-form-redesign .button-group-secondary:first-child{
  
  margin-left: 0px;
}
#internasAval .button-group-secondary.ui-flowbutton,
#paymentsThird .button-group-secondary.ui-flowbutton,
.ux-form-redesign .button-group-secondary.ui-flowbutton{
    float: left ;
}
#internasAval .button-group-secondary .add-tx, .button-group-secondary .add-inner-tx,
#paymentsThird .button-group-secondary .add-tx,
.ux-form-redesign .button-group-secondary .add-tx{
  margin-left: 0px;
}
.button-group-secondary .add-tx{
	font-size: 12px;
	line-height: 24px;
	position: static;	
}

#internasAval .fa-search,
#paymentsThird .fa-search,
.ux-form-redesign .fa-search{
  padding-right: 1%;
}
#createTx #exonerateMessage{
  width: 96%;
}
#createTx #exonerateMessage div{
	margin-top: 30px;
}
#exonerateMessage div{
	font-size:15px;
}
#internasAval .search-button,
#paymentsThird .search-button,
.ux-form-redesign .search-button {
  width: 45%;
}
#inqCreate .search-button{
    width: 80%;
    padding-right: 0px;
}
#internasAval .search-button .fa-search,
#paymentsThird .search-button .fa-search,
.ux-form-redesign .search-button .fa-search{
  float: left;
  width: 10%;
  padding-top: 5px;
}
#inqCreate .search-button .fa-search{
    width: 0px;
}
#internasAval .search-button span:last-child,
#paymentsThird .search-button span:last-child,
.ux-form-redesign .search-button span:last-child{
  width: 89%;
  float: left;
}
#inqCreate .search-button span:last-child{
    float: right;
}
#internasAval .inactiveForm .search-button,.trigger-disabled, .filter-search-button.disabled,
#paymentsThird .inactiveForm .search-button,
.ux-form-redesign .inactiveForm .search-button{
  pointer-events: none;
}
@media all and (-ms-high-contrast:none){
    #internasAval .inactiveForm .search-button,.trigger-disabled,
    #paymentsThird .inactiveForm .search-button,
    .ux-form-redesign .inactiveForm .search-button{
		pointer-events: none !important;
	    border: 1px solid #ced4da !important;
 	 	border-color: #D7DEE4 !important;
  		color: #B1B2BC !important;
  		background-color: #e9ecef !important;
	}
}
#internasAval .activeForm .search-button,
#paymentsThird .activeForm .search-button,
.ux-form-redesign .activeForm .search-button{
  pointer-events: auto;
}

#internasAval  .input-form .ui-form-row-2col,
#paymentsThird  .input-form .ui-form-row-2col,
.ux-form-redesign .input-form .ui-form-row-2col{
  margin-bottom: 1rem;
  margin-top: 25px;
}

#internasAval .ui-form-col .ident-combo,
#paymentsThird .ui-form-col .ident-combo,
.ux-form-redesign .ui-form-col .ident-combo{
  margin-bottom: 0px;
  margin-top: 0px;
  width: 383px !important;
}
#internasAval  .ui-form-row-2col .ui-form-col:first-child,
#paymentsThird  .ui-form-row-2col .ui-form-col:first-child,
.ux-form-redesign .ui-form-row-2col .ui-form-col:first-child{
    width: 47%;
    margin-right: 0%;
}

#internasAval  .ui-form-row-2col .ui-form-col:not(:first-child),
#paymentsThird .ui-form-row-2col .ui-form-col:not(:first-child),
.ux-form-redesign .ui-form-row-2col .ui-form-col:not(:first-child){
    margin-left:6%;
    width: 47%;
}

#internasAval  .input-form .ui-form-row-2col,
#paymentsThird .input-form .ui-form-row-2col,
.ux-form-redesign .input-form .ui-form-row-2col{
  width: 100%;
  display: inline-block;
}

#internasAval .custom-control,
#paymentsThird .custom-control,
.ux-form-redesign .custom-control{
  z-index: 0;
}
.form-control{
  width: 95%;
}
#internasAval .custom-select,
#paymentsThird .custom-select,
.ux-form-redesign .custom-select{
  width: 96%;
}
#internasAval .custom-select.is-invalid,#internasAval.custom-select:invalid, .maxLength-invalid, .modal-val-invalid,
#paymentsThird .custom-select.is-invalid,#paymentsThird.custom-select:invalid,
.ux-form-redesign .custom-select.is-invalid,.ux-form-redesign.custom-select:invalid{
  border-color: #BB0000!important;
}
.font-error{
    font-size: 12px !important;
}
#internasAval .maxLength-invalid p,.maxLength-invalid p ,
#paymentsThird .maxLength-invalid p,
.ux-form-redesign .maxLength-invalid p{ 
  color: #BB0000 !important;
  width: 100%;
  margin-top: .25rem;
  font-size: 80%;
  text-align: justify;
}
.modal-msg-invalid{
    border-color: #dc3545!important;
    border-width: 2px;
}
.modal-msg-invalid p{
    color: #626A71!important;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    text-align: justify;
}

/* .modal-msg-invalid{
  padding-left: 6em;
} */
#internasAval .custom-select__single,
#paymentsThird .custom-select__single,
.ux-form-redesign .custom-select__single{
  padding-top: 1%;
}
#internasAval .typeIdentification .custom-select__single,
#paymentsThird .typeIdentification .custom-select__single,
.ux-form-redesign .ui-form-2col-bigEl .custom-select__single {
  padding-top: 3%;
}
#internasAval #typeIdentification,
#paymentsThird #typeIdentification,
.ux-form-redesign #typeIdentification {
  width: 92%;
}
.typeIdentification{
  width: 200px	!important;
}
.identificationId{
    margin-left: 43px !important;
	width: 140px !important;
}

.identificationIdCheck{
    margin-left: 12px !important;
}
.ui-form-2col-bigEl{
    width: 169px!important;
}
.ui-form-2col-smallEl{
    width: 171px!important;
}
.ui-form-2col-last{
    margin-left: 43px !important;
}
.ui-form-2col-smallEl.comNumber{
    width: 178px!important;
}
.ui-form-2col-bigEl.payVal{
    margin-left: 36px!important;
}
/* #internasAval .action-icon-group{
  margin-bottom: 1em;
} */
#internasAval .result-form,#internasAval .action-icon-group,#internasAval .tx-result-info,
#paymentsThird .result-form,#paymentsThird .action-icon-group,#paymentsThird .tx-result-info,
.ux-form-redesign .result-form,.ux-form-redesign .action-icon-group, .ux-form-redesign .tx-result-info{
  float: left;
  width: 100%;
}
#internasAval .tx-result-info ,
#paymentsThird .tx-result-info ,
.ux-form-redesign .tx-result-info{
    margin-bottom: 1em;
}
#internasAval .tx-result-info .col:last-child,
#paymentsThird .tx-result-info .col:last-child,
.ux-form-redesign .tx-result-info .col:last-child{
    padding-left: 4rem;
}
#internasAval .inactiveForm .custom-select__tags,#internasAval .inactiveForm .custom-select__single,#internasAval .inactiveForm .custom-select--disabled, #internasAval .result-form .custom-select__tags,#internasAval .result-form .custom-select__single, #internasAval .result-form .custom-select--disabled,
#paymentsThird .inactiveForm .custom-select__tags,#paymentsThird .inactiveForm .custom-select__single,#paymentsThird .inactiveForm .custom-select--disabled, #paymentsThird .result-form .custom-select__tags,#paymentsThird .result-form .custom-select__single, #paymentsThird .result-form .custom-select--disabled,
.ux-form-redesign .inactiveForm .custom-select__tags, .ux-form-redesign .inactiveForm .custom-select__single,.ux-form-redesign .inactiveForm .custom-select--disabled,.ux-form-redesign .result-form .custom-select__tags,.ux-form-redesign .result-form .custom-select__single, .ux-form-redesign .result-form .custom-select--disabled{
  background-color: #e9ecef;
  opacity: 1;
  border-color: #D7DEE4;
  color: #B1B2BC;
}
#internasAval .inactiveForm .custom-select__single,#internasAval .result-form .custom-select__single ,
#paymentsThird .inactiveForm .custom-select__single,#paymentsThird .result-form .custom-select__single ,
.ux-form-redesign .inactiveForm .custom-select__single,.ux-form-redesign .result-form .custom-select__single{
  padding-top: 5px;
}
#internasAval .inactiveForm::placeholder,#internasAval .result-form::placeholder,
#paymentsThird .inactiveForm::placeholder,#paymentsThird .result-form::placeholder,
.ux-form-redesign .inactiveForm::placeholder,.ux-form-redesign .result-form::placeholder{
  color:#B1B2BC;
}
 #modal-select-users .modal-dialog, #modal-add-user .modal-dialog{
  max-width: 650px !important;
}
/*
.modal-button{
  padding-top: 2em;
  padding-right: 2em;
} */
#internasAval .cmxform,
#paymentsThird .cmxform,
.ux-form-redesign .cmxform {
  float: left;
  width: 800px;
  justify-content: center!important;
  margin-left: calc(36% + -17em);
}

#internasAval .txAlert,#internasAval .template-edit,
#paymentsThird .txAlert,#paymentsThird .template-edit,
.ux-form-redesign .txAlert, .ux-form-redesign .template-edit{
  width: 100%;
  float: left;
}

/* .action-icon-group{
  margin-left: 3%;
} */
.action-icon-group .export-icon{
  float: left;
  cursor: pointer;
}
.export-icon a{
  color: #086197;
  font-weight: 100;
}
.export-icon a:hover{
  text-decoration: none;
}

.export-icon:not(:first-child){
  margin-left: 1.5em;
}


#internasAval .buttons-container .ui-flowbutton:not(:first-child),
#paymentsThird .buttons-container .ui-flowbutton:not(:first-child),
.ux-form-redesign .buttons-container .ui-flowbutton:not(:first-child){
  padding-right: 1em;
}

 .button-group-secondary .add-tx,.button-group-secondary .add-inner-tx{
  width: 151px;
}

 .btn-s{
  font-size: 12px;
  line-height: 24px;
  padding: 8px 20px;
}

#modal-create-template .modal-content, #modal-confirmation-token .modal-content{
  padding-top: 45px;
}
#modal-create-template .modal-body{
  padding-top: 0px;
}
.modal-token-input .btn-eye{
  margin-top: 5px;
}
#modal-create-template .alert{
  font-size: 12px;
  margin-bottom: -5px;
}

#modal-confirmation-token .modal-content{
  height: 20em;
  padding: 1rem;
}
/* Clases para tamanos especificos del modal de token con texto y parametro adicional */
#modal-confirmation-token .modal-content.reject-auth-no-token{
  height: 23em;
}
#modal-confirmation-token .modal-content.reject-auth-token{
  height: 26em;
}
.Site{
	display:flex;
	flex-direction: column;
/* 	line-height: 1; */
/* 	font-family: "Tahoma", Arial, Verdana, Helvetica, sans-serif;  */
	color: #333;
}
html, body {
    height: 100%;
}
.Site-content{
	flex: 1 0 auto;
}
.edit-row-active{
  color:#086197;
}
/* #multiTxTable{
  padding-top: 2em;
} */
.extra-options,.table-edit, .auth-table,.ux-button-group{
    width: 100%;
    float:left;
}
.table-edit-authorization .row-result{
	margin-left: 0% !important;
}
.ux-button-group .btn-secondary:not(:last-child){
    margin-right: 15px;
}

.edit-row-active{
    color:#086197;
}
#mainMenu #menuDropdown{
	padding-left: 0.8vw !important;
    padding-right: 0.8vw !important;
}
#sectionBar #menuDropdown__BV_toggle_::after {
	display: none !important;
}
.dropdown-toggle {
    white-space: inherit !important;
}
.custom-select.is-invalid{
	background: #fff url(images/angle-down.png) right .75rem center/14px 10px no-repeat !important;
}
.fa-flag.disabled, .fe-print.disabled, .fe-file-pdf.disabled,.ui-link-autopay.disabled,.ui-link-autopay.disabled label:before, .ui-link-nullautopay.disabled,.ui-link-nullautopay.disabled label:before{
	color:#B1B2BC !important;
	pointer-events: none;
}
.ui-link-nullautopay.disabled label:before,.ui-link-autopay.disabled label:before{
    opacity: 0.5;
}
.fe-print, .fe-file-pdf {
	color:#086197 !important;
}
.fa-file-pdf-multi.disabled {
	color:#B1B2BC !important;
}
.disabledPDF,.disabledPrint{
	color:#B1B2BC !important;
    pointer-events: none;
    opacity: 0.2;
}
/* Nuevos estilos para tamaño de botones de todos los bancos */
.deleteAll, .deleteAll:hover{
	width:110.234px;
}

.buttonSave, .buttonSave:hover{
	width:57px;
}
.confirmAcept, .confirmAcept:hover{
	width:141px;
}
.buttonBack, .buttonBack:hover{
	width:44.375px;
}
.buttonPassHide{
	visibility: hidden;
}
#changeImage{
	margin-bottom:8em;
}
#home{
	text-decoration: inherit;
}

/* Iconos */
.fe-file-search {
	width:0px;
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 23px;
	background: url(images/bocc_icons/fa-file-search.svg) no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
}
.fe-file-search-onlyDetail {
	width:0px;
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 25px;
	background: url(images/bocc_icons/fa-file-search.svg) no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
}
.fe-pen, .fe-pen-noprofile {
	width:0px;
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 23px;
	background: url(images/bocc_icons/fa-pen.svg) no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
}
.fe-pen-step {
	width:0px;
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 24px 0px 0px 26px;
	background: url(images/bocc_icons/fa-pen-step.svg) no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
}
.fe-pen.disabled {
	width:0px;
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 23px;
	background: url(images/bocc_icons/fa-pen-disabled.svg) no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
}
.fe-trash {
	width:0px;
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 23px;
	background: url(images/bocc_icons/fa-trash.svg) no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
}
.fe-trash.disabled {
	width:0px;
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 23px;
	background: url(images/bocc_icons/fa-trash-disabled.svg) no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
}
.fe-sync {
	width:0px;
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 23px;
	background: url(images/bocc_icons/fa-sync.svg) no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
}
.fe-sync.disabled {
	width:0px;
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 23px;
	background: url(images/bocc_icons/fa-sync-disabled.svg) no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
}
.fe-print {
	width:0px;
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 32px 0px 0px 32px;
	background: url(images/bocc_icons/fa-print.svg) no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
}
.fe-print.disabled {
	width:0px;
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 32px 0px 0px 32px;
	background: url(images/bocc_icons/fa-print-disabled.svg) no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
	pointer-events: none;
}
.fe-print-table {
	width:0px;
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 23px;
	background: url(images/bocc_icons/fa-print-table.svg) no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
}
.fe-file-pdf {
	width:0px;
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 32px 0px 0px 32px;
	background: url(images/bocc_icons/fa-file-pdf.svg) no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
}
.fe-file-pdf.disabled {
	width:0px;
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 32px 0px 0px 32px;
	background: url(images/bocc_icons/fa-file-pdf-disabled.svg) no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
	pointer-events: none;
}
/* CCE1006 */
.fe-file-flag {
	width:0px;
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 32px 0px 0px 32px;
	background: url(images/bocc_icons/fa-file-flag.svg) no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
}
.fe-file-flag.disabled {
	width:0px;
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 32px 0px 0px 32px;
	background: url(images/bocc_icons/fa-file-pdf-disabled.svg) no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
	pointer-events: none;
}
/* CCE1006 */
.fe-plus-circle.disabled {
	width:0px;
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 24px 24px;
	background: url(images/bocc_icons/fe-plus-circle-disabled.svg) no-repeat !important;
	background-repeat: no-repeat;
	background-size: contain;
}
.fe-search-dollar {
	width:0px;
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 24px 0px 0px 24px;
	background: url(images/bocc_icons/fa-search-dollar.svg) no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
}
.fe-info-square{
	width:0px;
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 24px 0px 0px 24px;
	background: url(../img/fe-info-square.svg) no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
}
.fe-info-square-white{
	width:0px;
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 24px 0px 0px 24px;
	background: url(images/bocc_icons/fe-info-square-white.svg) no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
}
.fe-exclamation-triangle {
	width:0px;
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 24px 0px 0px 24px;
	background: url(images/bocc_icons/fa-exclamation-triangle.svg) no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
}
.fe-exclamation-triangle-white {
	width:0px;
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 24px 0px 0px 24px;
	background: url(images/bocc_icons/fa-exclamation-triangle-white.svg) no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
}
.fe-comment-alt-exclamation {
	width:0px;
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 24px 0px 0px 24px;
	background: url(images/bocc_icons/fa-comment-alt-exclamation.svg) no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
}
.fe-comment-alt-exclamation-white {
	width:0px;
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 24px 0px 0px 24px;
	background: url(images/bocc_icons/fa-comment-alt-exclamation-white.svg) no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
}
.fe-comment-alt-exclamation-blue {
	width:0px;
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 24px 0px 0px 24px;
	background: url(images/bocc_icons/fa-comment-alt-exclamation-blue.svg) no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
}
.fe-close {
	width:0px;
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 11px 0px 0px 11px;
	background: url(images/bocc_icons/fe-close.svg) no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
}
.fe-exclamation-triangle.icon-warning {
	width:0px;
	height: 0px;
	margin: 0px 16px 0px 0px;
	padding: 26px 0px 0px 26px;
	background: url(images/bocc_icons/fa-exclamation-triangle-warning.svg) no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
}

.icon-light{
	color:#44b4f4;
}

.fe-export-file.disabled  {
	width: 0px;
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 22px 0px 0px 22px;
	background: url(images/bocc_icons/fa-arrow-to-bottom-disabled.svg) no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
}
.fe-export-file {
	width: 0px;
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 22px 0px 0px 22px;
	background: url(images/bocc_icons/fa-arrow-to-bottom.svg) no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
}

.fe-ellipsis-v{
    width:0px;
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 16px 0px 0px 10px;
	background: url(images/bocc_icons/ellipsis-v.svg) no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
}

.fe-gear-v{
    width:0px;
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 22px 0px 0px 22px;
	background: url(images/bocc_icons/fe-gear-black.svg) no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
}

.fe-question-circle{
    width:0px;
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 26px 0px 0px 26px;
	background: url(images/bocc_icons/question-circle.svg) no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
}

.fe-money-bill-wave-alt {
	width:0px;
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 23px;
	background: url(images/bocc_icons/fe-money-bill-wave-alt.svg) no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
}

.fe-info-circle{
    width:0px;
	height: 0px;
	margin: 0px 0px -3px 0px;
	padding: 18px 0px 0px 18px;
	background: url(images/bocc_icons/fe-info-circle-regular.svg) no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
}
.project-percent::before {
	top: -1px;
}
.fix-collapsible-panel-tab-text {
    margin-bottom: 0px;
}
#tarifasPdf.color-tarifas,#tarifasPdf2.color-tarifas ,#tarifasPdf2Alt.color-tarifas,.ux-tarifas-link.color-tarifas{
	color:#0076BD !important;
	text-decoration: underline!important;
}
#changeImage{
	margin-bottom:8em;
}
.toogleInfoAdd{
    color: #005cb6;
    font-weight: 500;
    float: left;
    margin-right:5px;
    text-decoration: underline;	
    cursor: pointer;
    white-space: nowrap;
}
#toggleInfoAdd{
	height: 30px !important;
    width: auto !important;
   	float:right;
}
.ui-modalbox-window{
	margin: 0 auto !important
}
.vuetable th{
	cursor: pointer;
}
/* CCE900 */
.fontSizeClass-procedures{
	font-size : 106% !important;
}

.procedures-and-request-form-class{
	    
	font-family: 'Roboto' !important;
}
.borderInvalid{
	border-color: #BB0000 !important;
    border: 2px solid;
}
.proceduresAndRequestInt{
  	float: left;
  	width: 800px;
  	justify-content: center!important;
  	margin-left: calc(36% + -17em);
}

.proceduresTitle {
    color: #111111 !important;
    font-weight: bold !important;
}
.proceduresForm-right{
	position: absolute;
    right: 35px;
    width: 40% !important;
}
.cdrForm-right{
    right: 35px;
    width: 40% !important;
}
.proceduresForm-left {
    position: absolute;
    left: 0px;
    width: 40% !important;
}
.proceduresForm-right-invest{
    position: absolute;
    right: 35px;
    width: 40% !important;
}

.proceduresForm-left-invest{
    position: absolute;
    left: 0px;
    width: 40% !important;
    margin-top:20px !important;
}
.procedureForm-invest{
	margin-top: 40px;	
}

.procedureForm-invest-product{
	margin-bottom: 40px;	
}
.procedures-radio{

    display: flex;
    width: 46% !important;
    left: 410px;
}
.form-input-proce{
    width: 320px !important;
	position: relative;
  
}
.investment-title-proce{
    margin-top: 50px !important;
}
.origin-title-proce{
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
#input-radio-clase  input{
	width: 354px;
	height: 30px;
}
#proce-radio-clase{
	position:absolute;
	left:35px;
}
.check-cdt{
	margin-top: 10px;
    margin-right: 8px;
    z-index: 0!important;
}
.helper-message.ux-cdt{
    width: 100%;
}
.cdt-product-one{
    display: inline-block;
}
.cdt-element-wrap{
    width: 100%;
}

.only-radio{
    margin-top: 20px;
}
.ui-btn-request{
	position:relative;
}
#sectionBar .dropdown-item{
	width: min-content;
	padding-right: inherit !important;
	margin-right: inherit !important;
}
input::-ms-reveal, input::-ms-clear {
	display: none;
}
.form-control:hover:enabled, .form-control:focus, .display-time:focus, .multiselect:hover, .multiselect:focus{
  border-color: #80bdff !important;
}

.backspaceToken{
    width:0px;
    height: 0px;
    padding: 28px 0px 0px 40px;
    background: url(images/backspace-login.png) no-repeat;
    background-repeat: no-repeat;
    background-size: contain;
}
.error {
    text-align: left!important;
    color:#BB0000!important
}
.error-manual{
	display: block !important;
	text-align: left !important;
    color:#BB0000 !important;
    width: 100px !important;
    position: absolute;
    margin-top: -4px !important;
}
.showElement{
	display: block !important;
	margin-left: 25px;
	position: absolute;
	width: 250px !important;
}
input {
  filter: none;
}
#alertPreSession{
	width:97%;
}
#nameFile{
	padding-right: 0.45rem !important;
	width: 100%;
}
.typeFile{
	width: calc(100% + -4px) !important;
}
.vuetable th, .vuetable td{
	padding-right: 0.7rem !important;
	padding-left: 0.4rem !important;
}
/* .vuetable-detail-row .data-detail-col2{
     max-width: 24% !important;
 } */
.multiTxTable .vuetable-detail-row .data-detail-col2 span.row-result,#multiTxTable .vuetable-detail-row .data-detail-col2 span.row-result{
	padding-left:36px;
}
.fa-copy.disabled{
	color: #B1B2BC;
}
.new-info-session {
    color: #FFF;
    margin: 6px 2px 0 0;
}
/*.custom-radio .custom-control-label::after {
    top: .29rem;
    left: -1.44rem;
}*/
.formMargin{
	margin-left: calc(36% + -17em);
	width: 23em !important;
}
.onlylink{
	height: 1em;
	width: 40em;
    margin-left: calc(36% + -17em);
}
/* CARGA DE ARCHIVOS */
#fmFileUpload{
    width: 70%;
    margin-left: 15vw;
}

#fmFileUpload h1, #fileRegForm h1 {
    color: #111111;
    font-weight: bold;
    font-size: 24px;
}

#fmFileUpload .error{
    font-size: 14px;
}

#fmFileUpload .form-control.is-invalid{
    border: 2px solid #BB0000;
}
#fmFileUpload .multiselect{
    width: calc(100% + 23px) !important;
}
#frmFileManager h1{
    color: #111111;
    font-weight: bold;
    font-size: 20px;
    margin-top: 1em;
}

#fmFileUpload .form-group{
    margin-bottom: 0px;
}
.div-file-filter{
    float: left;
}
.div-file-upload{
    float: right;
}
#fmFileUpload .custom-control{
    z-index: 0;
}

#frmFileManager .custom-control
{
    z-index: 0 !important;
}

#uploadFileBtn{
    float:right;
}
.uploadFile-invalid{
    border-color: #BB0000;
}
.fileUpload-form{
    width: 94%!important;
    padding-top: 21px;
}

.fileUpload-form select{
    padding: .375rem .75rem!important;
}

#fileDetail .button-group-secondary{
    float:left;
}
.vue-collapse-panel-header{
    font-size: 14px;

}
.vue-collapsable-panel-detail{
    padding: 0px!important;
    padding-left: 1rem!important;
    padding-right: 1rem!important;
}
.vue-collapsable-panel-detail .row-result{
    color: #626A71;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
}
.vue-collapsable-panel{
    background-color: #FAFAFA!important;
    border: none!important;
    border-top: 1px solid #B1B2BC!important;
    border-bottom: 1px solid #B1B2BC!important;
    color: #333333!important;
    text-align: left!important;
    border-radius: unset!important;
}
.vue-collapsable-panel-detail .auth-table,.vue-collapsable-panel-detail .error-detail-table {
    margin-top: 0px;
    padding-top: 0px;
}

button .fe-plus-circle {
    padding-top: 0px!important;
}

.btn-datatable-dropdown .dropdown-toggle{
    background: none!important;
    color: #086197!important;
    width: 0px!important;
}



/* COMPONENTE SOLICITAR ARCHIVO */

.request-form,#fileRequest .error ,.request-form .multiselect, .request-form .request-button{
    float: left;
}
.request-form{
    width: 100%;
}
.request-form .multiselect{
    height: 44px!important;
    width: 25%!important;
}
.request-form .multiselect .multiselect__select{
    padding: 2px 0px!important;
}
.request-form .multiselect .multiselect__tags{
    padding: 4px 40px 0px 8px!important;
}
.request-form .request-button{
    padding-left: 20px;
    height: 44px!important;
}

.request-form .fileRequest-combo, .display-inline-table {
    display: inline-table!important;
}
/* Componente editar/adicionar registros de un archivo */
#fileRegForm .row{
    width: 73vw;
}
.form-field{
    float: right;
}
/* #frmFileManager .button-group-primary{
    width: 100%;
    padding-top: 15px;
} */
#fileRegForm .multiselect{
    width: calc(100% + 23px) !important;
}

#fileRegForm .form-group{
    width: 80%!important;
}

#fileRegForm .form-row{
    justify-content: center;
    margin-left: 5%;
}

#fileRegForm .form-row col{
    padding: 0px 55px!important;
}

#frmFileManager .cont-filters .multiselect__content-wrapper{
	margin-left: -11px;
}
#frmFileManager .multiselect__tags{
    width: max-content;
    min-width: 250px;
    margin-right: 20px;
    padding: 0px;
}
#frmFileManager .multiselect{
	padding-bottom: 0px;
	padding-top: 0px;
	border: 2px solid #ced4da;
}
#frmFileManager .multiselect__select{
	padding-bottom: 0px;
	padding-top: 0px;
}
#frmFileManager .cont-filters{
    margin-top: 1em;
}

.file-reg-header tbody{
    border-bottom: 1px solid #B1B2BC!important;
}
.file-reg-header th{
    border-top:none!important;
}
.file-reg-confirm{
    width: 100%;
}
/* CARGA DE ARCHIVOS */
#fmFileUpload{
    width: 70%;
    margin-left: 15vw;
}

#fmFileUpload h1 {
    color: #111111;
    font-weight: bold;
}

#fmFileUpload .form-group{
    margin-bottom: 0px;
}
#fmFileUpload .custom-control{
    z-index: 0;
}

#uploadFileBtn{
    float:right;
}
.uploadFile-invalid{
    border-color: #BB0000;
}
.fileUpload-form{
    width: 94%!important;
    padding-top: 21px;
}

.fileUpload-form select{
    padding: .375rem .75rem!important;
}

#fileDetail .button-group-secondary{
    float:left;
}
.vue-collapse-panel-header{
    font-size: 14px;

}
.vue-collapsable-panel-detail{
    padding: 0px!important;
    padding-left: 1rem!important;
    padding-right: 1rem!important;
}
.vue-collapsable-panel-detail .row-result{
    color: #626A71;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
}
.vue-collapsable-panel{
    background-color: #FAFAFA!important;
    border: none!important;
    border-top: 1px solid #B1B2BC!important;
    border-bottom: 1px solid #B1B2BC!important;
    color: #333333!important;
    text-align: left!important;
    border-radius: unset!important;
}
.vue-collapsable-panel-detail .auth-table,.vue-collapsable-panel-detail .error-detail-table {
    margin-top: 0px;
    padding-top: 0px;
}

button .fe-plus-circle {
    padding-top: 0px!important;
}

.user-dropdown, .user-dropdown .ux-dropdown {
    width: 100%;
}

.user-dropdown .dropdown-toggle{
    padding-top: 15px;
}

.user-dropdown .dropdown-menu{
    margin-left: 17.5rem;
}

.btn-datatable-dropdown .dropdown-toggle{
    background: none!important;
    color: #fff!important;
    width: 0px!important;
}

.ux-dropdown-text{
    font-size: 14px;
    margin-right: 12px;
}


.user-dropdown .dropdown-toggle, .user-dropdown .ux-dropdown-text  {
    color: #086197!important;
} 

.user-dropdown .dropdown-toggle{
    padding-left: 17.5rem;
    padding-right: 0px;
}

/* COMPONENTE SOLICITAR ARCHIVO */

.request-form,#fileRequest .error ,.request-form .multiselect, .request-form .request-button{
    float: left;
}
.request-form{
    width: 100%;
}
.request-form .multiselect{
    height: 44px!important;
    width: 25%!important;
}
.request-form .multiselect .multiselect__select{
    padding: 2px 0px!important;
}
.request-form .multiselect .multiselect__tags{
    padding: 4px 40px 0px 8px!important;
}
.request-form .request-button{
    padding-left: 20px;
    height: 44px!important;
}


/* Componente editar/adicionar registros de un archivo */
#fileRegForm{
    margin-left: 4.19%;
}
#fileRegForm .row{
    width: 73vw;
}

/* #frmFileManager .button-group-primary{
    width: 100%;
    padding-top: 15px;
} */
#fileRegForm .multiselect{
    width: calc(100% + 23px) !important;
}

#fileRegForm .form-group{
    width: 80%!important;
}

/* #fileRegForm .form-row{
    justify-content: center;
    margin-left: 5%;
} */
/* #fileRegForm .form-row .row{
    padding-left: 18em;
} */
#fileRegForm .form-row col{
    padding: 0px 55px!important;
}
#fileRegForm .form-col{
    width: 506px;
}
#fileRegForm .row-tag{
    width: 62vw;
    margin-left: 6vw;
}

#fileRegForm .form-title{
    padding-left: 4.5vw;
}
/* #frmFileManager .multiselect__content-wrapper{
	margin-left: -11px;
} */
#frmFileManager .multiselect__tags{
    width: max-content;
    min-width: 250px;
    margin-right: 20px;
    padding: 0px;
}
#frmFileManager .multiselect{
	padding-bottom: 0px;
	padding-top: 0px;
	border: 2px solid #ced4da;
}
#frmFileManager .multiselect__select{
	padding-bottom: 0px;
	padding-top: 0px;
}

.file-reg-confirm{
    width: 100%;
    padding-right: 13vw;
}
.largeTxAlert{
    width: 69em !important;
    float: right !important;
    margin-right: -11em;
}
/* .ux-form-redesign .largeTxAlert{ */
/*     margin-right: 20em; */
/* } */
.largeTxAlert .alert-warning{
	height: 40px;
}
#tab0 .asd__wrapper{
	padding: 40px !important;
}

/* Cambios de Mozilla */
@-moz-document url-prefix() {
	.asd__day {
		height:35px !important;
	}
	.asd__inner-wrapper{
		height:310px !important;
	}
}
.exportPdfFile{
	margin-right: 20px;
	height: 30px;	
}
.tooltip-inner{
	max-width: 745px !important;
}
#btnDelWrong, #btnDelInvalid{
	white-space: nowrap;
	padding: 4px 12px;
}
#fileDetail .vuetable .vuetable-slot ul{
	margin-left: -17em !important;
}

/* Componente Solicitar Archivo */
.request-form{
    margin-bottom: 2em;
}
/* CCE870 */
#modal-select-users___BV_modal_content, #modal-add-user___BV_modal_content_{
	width: 650px !important;
}
.listUserAsignClass{
	padding: 30px 0px 0px 0px;
    max-height: 350px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.btn-create-rol{
	top: 0px;
	left: 76%;
	position: absolute;
}
.count-char{
	color: #B1B2BC;
	font-size:14px;
	left: 85%;
    position: absolute;
}
.created-role-form{
    margin-top: 30px;	
    margin-bottom: 85px;
}
.inputs-state-rol{
	position: absolute;
    display: flex;
}
.asign-user-title{
    vertical-align: super;
    text-decoration-line: underline;
    color:#086197;
    line-height: 32px;
    font-family: Roboto;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	cursor: pointer;
    
}
.form-titles-roles{
	width: 178px;
	height: 40px;
	left: 80px;
	top: 445px;
	
	/* 20px - Text M / Semibold */
	
	font-family: Roboto;
	font-style: normal;
	font-weight: 500 !important;
	font-size: 20px !important;
	line-height: 40px !important;
	/* identical to box height, or 200% */
	
	display: flex;
	align-items: center;
	
	/* Text */
	
	color: #333333 !important;
	
}
.btn-continue-create-rol{
	left: 90%;
	position: absolute;
}
.title-modal-select-users{
	position: static;
	width: 416px;
	height: 36px;
	left: 0px;
	top: 0px;
	
	/* 18px - Text S / Semibold */
	
	font-family: Roboto;
	font-style: normal;
	font-weight: 500 !important;
	font-size: 18px !important;
	line-height: 36px !important;
	/* identical to box height, or 200% */
	
	display: flex;
	align-items: center;
	
	/* Text */
	
	color: #333333 !important;
	
	
	/* Inside Auto Layout */
	
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 0;
	margin: 16px 0px;
}
.list-users-asign{
    left: -10px;
	text-align: left;
    padding: 0px 0px 15px 10px;
    right: 10px;
    position: relative;
    width: 105%;
    display: flex;
    align-items: baseline;
	
}
.list-users-asign:hover{
	background: rgba(0, 139, 0, 0.08);
	border-radius: 4px;
/* 	left: 0%; */
/* 	right: 0%; */
/* 	top: 0%; */
/* 	bottom: 0%; */
	
}
.list-users-asign-checked{
	left: -10px;
	text-align: left;
    padding: 0px 0px 15px 10px;
    right: 10px;
    position: relative;
    width: 105%;
    background: rgba(0, 139, 0, 0.08);
	border-radius: 4px;
	display: flex;
    align-items: baseline;
}
#findUserRef{
    width: 70% !important;
    
}
.name-user-asing{
	margin-left: 20px;
	font-weight: 400 !important;
	color: #626A71 !important;
	font-size: 14px;
	font-family: Roboto;
	font-style: normal;
	line-height: 30px;
	padding-right: 20px;
}

.modal-btns-flow{
    left: 10%;
    position: relative;
    margin-top: 30px;
}
.btn-cancel-asign{
    left: 60px;
    position: relative;
}
.input-data-rol{
	width: 55em;
}
.container-modal-roll{
	width: 23em !important;
}
.radio-inputo-active-rol{
	margin-right: 5px;
}
.form-asign-user-title{
	margin-top:140px;
}
.radio-input-inactive-rol{
	margin-right: 5px;
	margin-left: 15px
}
.icon-show-modal-rol{
	padding: 0px 10px 14px 14px;
	margin-bottom: 4px;
}
.btn-create-rol-redesign{
	position:relative;
	float:right;
	padding: 20px 0px 30px 0px;
}
.btn-back-rol-redesign{
    position: relative;
    float: right;
    padding: 20px 0px 30px 0px;
}
.btn-export-pdf-rol{
	margin-right: 20px;
}
.title-modal-selec-user{
	top: -10px;
	right: 10px;
	position: relative; 
	margin-bottom: 30px;
}
.sizeReuseFile{
	width: 24em !important;
    height: 28px !important;
}
#bodyReuseFile legend{
    font-size: 15px;
    position: absolute;
    float: left;
    width: auto;
    margin-top: 7px;
    font-weight: 400;
}
#bodyReuseFile select{
	padding: 7px 13px;
}
#monetaryFileReuseOther label{
	font-size: 15px;
	margin-top: 7px;
	float: left;
	font-weight: 400;
}
/* Clase provisoria para que el navbar no sea fixed  */
.notFixed{
	position: inherit !important;
}
table.hash-table{
	width: calc( 100% - 16px) !important;
}
/* carga de archivos anular ver detalle no genere salto de lineas */
#fileHeaderDetail .row-result{
	white-space: nowrap;
}

/*Onboarding*/
.onboarding-container{
    opacity: 1!important;
    z-index: 1051!important;
    
}
.style-toolip{
	opacity: 1!important;
    z-index: 1040!important;
    
}
.onboarding-container .tooltip-inner{
	background-color: #0076BD!important;
    border-radius: 8px!important;
}
#onboarding .bs-tooltip-bottom .arrow::before {
    border-bottom-color: #0076BD!important;
}

#onboarding .bs-tooltip-top .arrow::before {
    border-top-color: #0076BD!important;
}

.onboarding-container .tooltip-inner, .style-toolip .tooltip-inner{
    max-width: 300px!important;
    padding: 1.25rem 1.5rem!important;
}
.onboarding-body-message{
    text-align: justify;
    font-size: 14px;
}
.onboarding-footer{
    display: flex;
}
.onboarding-end{
    border-color: #fff!important;
    background-color: transparent!important;
    font-size: 12px!important;
    border-width: 2px !important;
    font-weight: 500!important;
}

.onboarding-pagination{
    font-size: 12px!important;
    width: 100px;
    padding-right: 11em;

}
.onboarding-pagination .fas{
    margin-left: 8px;
    margin-right: 8px;
}

.onboarding--pagination-disable{
    opacity: 0.5;
    pointer-events: none;
}

.tooltip-close{
    color: #fff;
    border: none;
    margin-left: 18rem;
    cursor: pointer;
}

.fe-arrow-left {
	width:0px;
	height: 0px;
	margin: 0px 16px 0px 0px;
	padding: 26px 0px 0px 26px;
	background: url(images/bocc_icons/fe-arrow-left.svg) no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
}

.fe-arrow-right {
	width:0px;
	height: 0px;
	margin: 0px 16px 0px 0px;
	padding: 26px 0px 0px 26px;
	background: url(images/bocc_icons/fe-arrow-right.svg) no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
}

.originFormTitle{
    width: 100px;
}

#mainTitle,#titleCreatedConfig,#frmFileManager #vueTab-0{
    width: 215px;
}

/* Modal Static Fix*/
.modal .modal-dialog h3 {
    font-weight: 700 !important;
    line-height: 40px !important;
    color: inherit!important;
}
#identificationId{
	width:100% !important;
}
.inputTextAvv{
	width: 382px !important;
}
.inputTextAvv-xxl{
    min-width: 807px;
}
.inputTextAvv-large{
	width: 534px !important;
}
.ui-datebox-button:hover{
	color: #fff;
	text-decoration: inherit;
}
.ui-tabs-link{
	text-decoration: inherit !important;
}

.filterMultiselect{
	width: 18em; 
	margin-right: 60px;
}
.filterMultiselect .multiselect {
	height: 40px;
}
.filterMultiselect .multiselect__select {
	height: 30px
}
/* Se corrige param-list vistas sin UX*/
.param-list dd{
	margin-bottom: 0px;
}
#support,#terms{
	float:left;
	display: flex;
    align-items: center;

}
.check-middle {
	vertical-align: middle !important;
}
.percentage-progress-bar{
	padding: 13px 0px 0px 150px;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    display: flex;
}
.vuetable-th-gutter{
	display: none;
}
#tab0 .vuetable-detail-row .row-result{
	padding-right: 0px;
	overflow: hidden;
}
.newServiceIcon{
	width:0px;
	height: 0px;
	margin: 0px 5px 0px 0px;
	padding: 5px 0px 0px 18px;
	background: url(images/bocc_icons/ion-sparkles-yellow.svg) no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
}
#destinyTable th{
	white-space: nowrap !important;
}
#originFormLabel{
	margin-bottom: 25px;
	margin-top: 5px;
}
.exonerateSchedule{
	float: left;
    margin-left: calc(36% + -17em);
    width: 865px;
}
 .exonerateSchedule .ui-form-row-2col .ui-form-col:first-child{
     margin-right: 4%;
 }
 .exonerateSchedule .formMargin{
 	margin-left: 0px;
 }

 #fileDownloadLabel,#ayncProcessLabel{
     cursor: pointer;
 }
.auth-config-hide-detail {
	display: none;
}
.auth-config-width-service-tags {
	width: 50% !important;
}
.b-tag-auth-config {
	margin-top: 10px;
}
#btnAuthCreateResponsability {
	width: 180px;
}
.asign-resp-size {
	width: 310px !important;
}
.table-role-left {
	text-align: left;
}
.ico-create-auth-action {
	margin-left: 10px;
	cursor: pointer;
	float: right;
	margin-top: 3px;
	color: #c3c4cc;
	font-size: 20px;
}
/* Se agregan estilos height dinamicos si el nombre es demasiado grande */
#newUserPse .multiselect__tags{
	max-width: 481px;
}
#newUserPse .cont-filters, #newUserPse .multiselect__tags, #newUserPse .multiselect, #customFilter2Div .multiselect, #customFilter2Div .multiselect__tags, .entityAlert-h .multiselect, .entityAlert-h .multiselect__tags{
	height: auto !important;
	max-height: auto !important;
}
#customFilter2Div .multiselect__single {
	margin-bottom: 10px;
}
#newUserPse .multiselect{
	padding-bottom: 2px !important;
}
#newUserPse .multiselect__select{
	margin-top: 6px;
}
#newUserPse{
	float: left;
	width: 100%;
}
#btnAuthCreateService {
	width: 130px;
}
#customFilter1Div{
	width: 150px;
	min-width: 150px;
}
#consultAuthTableFilter #customFilter1Div{
	width: auto;
	min-width: 230px;
} 
#customFilter2Div{
	width: auto;
	white-space:nowrap;
    min-width: 200px;
}
#consultAuthTableFilter #customFilter2Div{
    min-width: 230px;
}
#divDoubleConfirmationPSETable .filterMultiselect{
	display:inline-table;
	white-space: nowrap;
}
#customFilter1Div.filterMultiselect, #customFilter2Div.filterMultiselect{
	margin-right: 40px !important;
}
.allContent{
	display: flex;
    margin-top: 7px;
}
/* El icono de ordenamiento en creacion de configuracion de autorizaciones al agregar servicios */
.listUserAsignClass .vuetable .sort-icon{
	position:unset !important;
	float: inherit !important;
}
/* Linea que va por debajo de la tabla creada para doble confirmacion en configuracion de autorizaciones */
.dottedBorder{
	border-top: 1px solid #B1B2BC;
	margin-top: -10px;
}


.ux-form-redesign .ui-button-search .ux-form-buttonSearch {
    padding-left: 16rem;
}
.marginLeftButton{
	margin-left: 5px !important;
}
.marginRightButton{
	margin-right: 5px !important;
}

.bannerOcciRed-img {
    background: url(images/b_occ/bannerOcciRed.jpg) no-repeat;
    background-repeat: no-repeat;
   	background-size: contain;
   	padding: 250px 149px 0px 601px;
}

.ui-crc-class{
	display: inline-table;
    float: left;
    margin-left:calc(36% + -17em);
}

.buttonRightCRC{
	float:right;
	margin-top:20px;
}
.addUserToRol.disabled{
	color: #B1B2BC !important;
}

/*CCE927*/

.d-none-sxp{
        display:none
    }

    .pop-inter-sny{
        z-index:1090;
        width:100%;
        height:100vh;
        margin:0;
        overflow-x:hidden;
        overflow-y:auto;
        position:fixed;
        background:rgba(0,53,133,.6);
        visibility:visible;
        opacity:1;
        top:0;
        right:0;
        bottom:0;
        left:0;
        outline:0;
        transition:opacity .5s linear}

    .cont-pop-inter-sny{
        position:fixed;
        width:450px;
        height:100vh;
        right:-450px;
        box-shadow:inset 0 -3em 3em rgb(0 42 105 / 90%),.3em .3em 1em rgb(0 42 105 / 90%);
        transition:opacity .5s linear}
        
    .cont-pop-inter-sny-move{
        right:0}
        
    .cont-body-pop-inter-sny{
        border-radius:0 0 0 5px;
        background:#fff;
        height:94vh}
        
    .cont-head-pop-inter-sny{
        width:100%;
        background:#fff;
        text-align:right;
        border-radius:5px 0 0 0;
        height:6vh}
        
    .cont-footer-pop-inter-sny{
        width:100%;
        background:#fff;
        border-radius:0 0 0 5px;
        height:4vh;
        display:none;
        text-align:center;
        vertical-align:middle;
        padding:1px 0;
        justify-content:flex-end}
        
    .hidden-pop-inter-sny{
        visibility:hidden;
        opacity:0;
        transition:visibility 0s,opacity .5s linear}
        
    .option-close-pop-inter-sny{
        padding:0 6px;
        cursor:pointer;
        font-size:1.5em;
        color:#212529}

    .tab-btn-ds-sny{
        width:135px;
        height:40px;
        margin:8px 12px 0 4px;
        border-radius:4px 4px 0 0;
        box-shadow:0 -4px 4px 0 rgb(0 36 111 / 20%);
        background-image:linear-gradient(to bottom,#0081ff,#0056cb);
        position:fixed;
        font-size:.81em;
        font-family:Poppins,sans-serif;
        transform: rotate(0deg);
        top: 96%;
        right: 0px;
        }
        
    .tab-btn-ds-sny img{
        position:relative;
        top:7px;
        vertical-align:baseline;
        width:20px}

    .tab-btn-ds-sny-r {
        margin: 0% 0% 0% 0%;
        position: relative;
/*         z-index: 1049; */
        cursor: pointer;
        top: 161.5%;
        color: #f5f5f5;
        transform: rotate(0);
        left: 40%;
        padding: 4px 12px;
    }        
    .tab-btn-ds-sny:active{
        background:#0056cb}

    .btn-sny{
        cursor:pointer;
        height:39px;
        font-size:.8em;
        font-weight:700;
        font-family:Poppins,sans-serif;
        border-radius:4px;
        text-align:center;
        margin:0 5px;
        padding:10px 10px}
        
    .btn-sny-send-response{
        background:#006ee8;
        color:#fff}
        
    .btn-sny-cancel{
        background:#fff;
        color:#555f83;
        font-weight:600;
        border:solid 1px #adbae6}
        
    .btn-sny-cancel-desktop{
        position:fixed;
        bottom:7px;
        right:0;
        padding:10px 20px}

    .stl-svy-fr{
        width:100%;
        border:none;
        height:94vh;
        padding:0;border-radius:0 0 0 5px}
        
    #btnCancelarSVYmobile{
        top:0!important}


    .ux-form-redesign .label-pse, .ux-form-redesign .data-info-panel .row-result,.ux-form-redesign .request-title{
        color:#333!important;
    }
        
    @media (max-width:800px) and (min-width:450px){
        .tab-btn-ds-sny{
            transform:rotate(0);
            top:96%;
            right:0}}
            
    @media (max-width:449px) and (min-width:361px){
        .tab-btn-ds-sny{
            transform:rotate(0);
            top:95%;
            right:0}
        
        .cont-pop-inter-sny{
            width:100%}
        
        .btn-sny{
            margin:5px}
        
        .cont-body-pop-inter-sny,
        
        .stl-svy-fr{
            height:78vh;
            border-radius:5px 5px 0 0}
            
        .cont-footer-pop-inter-sny{
            height:20vh;
            display:block;
            border-radius:0}
            
        .cont-head-pop-inter-sny{
            background:#fff0}
            
        .option-close-pop-inter-sny{
            display:none}
            
        .cont-head-pop-inter-sny{
            height:2vh}
            
        .btn-sny-cancel-desktop{
            display:none}
        }
        
    @media (max-width:360px) and (min-width:0px){
        .tab-btn-ds-sny{
            transform:rotate(0);
            top:94%;right:0}
            
        .cont-pop-inter-sny{
            width:100%}
            
        .btn-sny{
            margin:5px}
            
        .cont-body-pop-inter-sny,
        .stl-svy-fr{
            height:78vh;
            border-radius:5px 5px 0 0}
            
        .cont-footer-pop-inter-sny{
            height:20vh;
            display:block;
            border-radius:0}
            
        .cont-head-pop-inter-sny{
            background:#fff0;
            height:2vh}
            
        .option-close-pop-inter-sny{
            display:none}
            
        .btn-sny-cancel-desktop{
            display:none}
        }
        
    @media (max-height:600px) and (min-height:400px) and (max-width:449px) and (min-width:0px){
        .cont-body-pop-inter-sny,
        .stl-svy-fr{
            height:81vh}
            
        .cont-footer-pop-inter-sny{
            height:17vh}
        }
        
    @media (max-height:450px){
        .cont-body-pop-inter-sny,
        .stl-svy-fr{
            height:94vh}
        }

    @media (max-height:968px) and (min-height:880px){
        .btn-sny-cancel-desktop{
            bottom:6px}
        }
        
    @media (max-height:650px) and (min-height:601px) and (max-width:449px) and (min-width:0px){
        .cont-body-pop-inter-sny,
        .stl-svy-fr{
            height:81vh}
            
        .cont-footer-pop-inter-sny{
            height:17vh}
        }

    @media (max-height:800px) and (min-height:651px) and (max-width:449px) and (min-width:0px){
        .cont-body-pop-inter-sny,
        .stl-svy-fr{
            height:78vh}
            
        .cont-footer-pop-inter-sny{
            height:20vh}
        }
    .btn-sny,
    .tab-btn-ds-sny,
    ::after,
    ::before{
        box-sizing:border-box!important}

    #tab-ds-svy{
        position:relative!important;
    }
    @media  (max-height:768px) and (max-width:1024px) {
        .tab-btn-ds-sny-r {
            left: 17.5%!important;
        }
    }
    @media  (max-width:1536px) and (min-width:1024px){
        .tab-btn-ds-sny-r {
            left: 60.5%;
        }
    }
    @media  (max-width:1680px)and (min-width:1536px){
        .tab-btn-ds-sny-r {
            left: 45.5%;
        }
    }
.invalid-multiselect-rol{
	padding: 25px 0px 0px 0px;
	position: absolute;
}
    #destinyTable{
		margin-right: 1.5vw;
		min-width: 62em;
    }
    
    /* FIX FIREFOX PARA COMBOBOX */
    @-moz-document url-prefix() {
        .ux-form-redesign .multiselect {
          width: 406PX!important;
        }
        .ux-form-redesign .typeIdentification .multiselect{
            width: 230px!important;
        }
        
      }
/* CCE959 */
#lastTxImp #buttonsActions{
	margin-left: 17px;
}
/* FIN CCE959 */
     
/* CCE934 */
#backTrade{
	font-weight: 500;	
}
.title-result-template-class{
	display: inline-flex;
    align-items: baseline;
}

#PSETxTitle{
    font-size: 24px!important;
    margin-bottom: 1rem;
}
.ux-form-redesign .warning-multi-container{
    display: flex!important;
}
.ux-form-redesign .warning-multi-alert{
    display: block!important;
    width: 100%!important;
    padding-right: 0px!important;
    padding-left: 0px!important;
}

.ux-form-redesign .warning-multi-alert .icon-warning{
    margin-left: 1rem!important;
}

.ux-form-redesign .warning-multi-alert .warning-multi-mainMsg{
    margin-left: -15px!important;
}

.ux-form-redesign .warning-multi-alert i{
    width: 1%!important;
    float: left!important;
}
.ux-form-redesign .warning-multi-alert .warning-multi-mainMsg{
    float: left!important;
    width: 96%!important;
    padding-top: 2px!important;
}
.ux-form-redesign .warning-multi-alert .warning-multi-group{
    float: left!important;
    width: 100%!important;
    margin-top: 0x!important;
    margin-left: 2.5rem;
}
.ux-form-redesign .warning-multi-alert .warning-multi-group .warning-multi-msg{
    background-color: #fff3cd!important;
    border:none!important;
    width: 80rem!important;
}
.ux-form-redesign .warning-multi-alert .warning-multi-group .warning-multi-msg:not(:first-child){
    padding-top: 2px!important;
}

.ux-form-redesign .warning-multi-alert .warning-multi-group-resized{
    margin-left: 2rem!important;
}

.ux-form-redesign .warning-multi-alert .warning-multi-group-resized .warning-multi-msg-resized{
    width: 50rem!important;
}


.ux-form-redesign #modal-double-confirmation .inputTextAvv,.ux-form-redesign #modal-double-confirmation .inputTextAvv.is-invalid,
.ux-form-redesign #modal-double-confirmation .inputTextAvv:invalid{
    padding-right: 0%!important;
} 

.form-control.is-invalid, .was-validated .form-control:invalid, #input-token,#input-token-auth{
	padding-right: inherit !important;
}

#PSEForm{
    width: 50rem!important;
}

#PSEForm .vuetable-detail-row{
    margin-right: 0px!important;
    margin-left: 0px!important;
    width: 100%!important;
    padding: 0px!important;
}
#PSEForm #originFormLabel{
    margin-bottom: 0px!important;
}
#PSEForm .ui-form-row-2col .ui-form-col:first-child{
    width: 43%!important;
}

#PSEForm .vuetable-detail-row .table-detail-message{
    text-align: left;
    margin-top: 8px;
    color: #333;
    padding-left: 14px;
}

#inqCreate .multiselect{
    width: calc(100% + -11px) !important;
}

#inqCreate .cmxform{
    width:887px!important
}

#inqCreate .custom-iconText-tooltip-row{
    margin: 0px!important;
}

#inqCreate .custom-text-tooltip-col{
    width: 100%!important;
}

#inqCreate .labelProject{
    padding-left: 24.5rem!important;
    margin-top: -2.5rem!important;
}

#inqCreate .labelNumber{
    margin: -0px!important;
    padding-left: 26.5rem!important;
    margin-top: -1rem!important;
}



#inqCreate .tax-searchVal{
    padding-left: 0rem;
    padding-top: 1rem;
}
#inqCreate .button-container{
    width: 878px;
}

#inqCreate .tax-searchVal .fa-search{
    width: 0px;
}

#inqCreate .form-resize .ui-button-search{
    padding-left: 3rem!important;
}

#inqCreate .form-resize .labelNumber{
    padding-left: 26.5rem!important;
}

#inqCreate .form-resize .labelProject{
    padding-left: 26.5rem!important;
}
#inqCreate .form-resize .ui-form-row-2col .ui-form-col:not(:first-child){
    margin-left: 0rem!important;
}

#inqCreate .form-resize .destinyButtons{
    width: 825px;
}
#inqCreate .button-group-primary{
    margin-right: 25px;
}
#inqCreate .ui-button-search{
    padding-top: 7px!important;
}

#inqCreate .form-resize .ui-form-row-2col .ui-form-col:not(:first-child).consult-value-col{
    margin-left: 3rem!important;
}

#inqCreate .tax-warning-alert {
    width: calc(100% + -50px) !important;
}

#inqCreate .tax-warning-alert.tax-alert-resize {
    width: calc(100% + -104px) !important;
}

#inqCreate .tax-warning-alert .alert {
    width: 100% !important;
}
#lastTxTableInternas .row-title{
	margin-right: 3% !important;

}
.align-circle{
	float: right !important;
    width: 0px !important;
    display: flex;
    margin: 0px !important;
    padding-top: 10px;
}
/*FIREFOX PSE UX*/
@-moz-document url-prefix() {
    #virtualPSE .multiselect {
        width: 100%!important;
    }
    #PSEForm .ui-form-row-2col .ui-form-col:first-child{
        width: 46%!important;
    }
    #virtualPSE .ui-form-row-2col .ui-form-col:not(:first-child){
        width: 46%!important;
        margin-left: 8%;
    }   
  }
/*CCE988*/
.h-less-alert{
	height: 25px !important;
}
.min-height-btn{
	transform: translate(-10%, 16%);
}
.max-height-btn{
	max-height: 24px;	
}
.maxWidthStep{
	max-width: 868px;
    min-width: 868px;
}
.marginTitle{
	margin-top: 60px !important;
}
#modal-add-user h3{
	text-align: left;
}
.alert-main-margin{
	margin-right: 30px;
}
.is-disabled.disabled{
	color: #fff !important;
} 
.column-collapsed{
	display:inline-table; 
	float:left;
	margin-right:31px;
	line-height: 30px;
	margin-left: 8px;
}
.column-collapsed-detail{
	display:inline-table;
	line-height: 30px;
}
.collapsed-switch{
	width: 0px;
	height: 30px;
}
.input-table{
	width: 170px !important;
    height: 28px !important;
}
.notClick{
	float: left;
    position: absolute;
    height: 28px;
    width: 28px;
    z-index: 200;
}
.notClickAll .vuetable-switchall, .notClickAll label::before, .notClickAll label::after,.column-collapsed-detail .notClickAll input {
	pointer-events: none !important;
}
#newService #serviceName.form-control.is-invalid{
	margin-top: -4px;
}
#addAmount{
    width: 294px !important;
    height: 28px;
    margin-top: 40px;
}
.error-row-switch, .error-row{
	background-color: rgba(187, 0, 0, 0.08);
}
#showNext .arrow{
	display: none;
}
.custom-switch-color.custom-switch:not(:checked) .custom-control-label::after{
	background-color: #fff;
}
.custom-switch-color:not(:checked) .custom-control-label::before{
	background-color: #adb5bd;
}
.displaySwitch label{
	pointer-events: none;
	font-weight: initial !important;
}
.actionAlert{
	position: absolute;
    right: 42px;
    display:flex;
    cursor: pointer;
    color: #086197;
    align-items: center;
    height: 3px;
    
}
.image-action{
	font-size: 17px !important; 
	margin-right: 0px !important;
	margin-left: 13px !important;
}
.entityAlert-h{
	height: 40px !important;
	width: auto;
	white-space:nowrap;
    min-width: 284px;
}
.entityAlert-h .multiselect__tags, .category-w .multiselect__tags, .after-before-venc .multiselect__tags,.multiselect-custom-container .multiselect__tags{
    min-height: 34px !important;
    padding-top: 2px !important;
}
.entityAlert-h .multiselect__select, .category-w .multiselect__select, .after-before-venc .multiselect__select,.multiselect-custom-container .multiselect__select{
	height: 31px !important;
}
.btn-excel, .btn-excel:hover{
	background-color: #086197 !important;
	border-color: #086197 !important;
	width: 104px;
    height: 30px;
    padding-top: 9px !important;
    padding-bottom: 3px !important;
}
.category-w,.multiselect-custom-container{
	height: 40px !important;
	width: 407px !important;
}

.category-w-2col{
    width: 411px!important;
}

.space-element-right .category-w-2col{
    margin-left: -5px!important;
}
.category-w-2col .space-element-left{
    margin-right: 13px!important;
    margin-left: 0px!important;
}
.category-w-2col .space-element-right{
    width: 199px!important;
}
.element-right-date{
    width: 411px!important;
}
.value-service-w{
    width: 383px !important;
}
.value-service-w-2col{
    height: 28px !important;
    width: 171px !important;
}
.after-before-venc{
	height: 40px !important;
    width: 151px !important;
}
/*.custom-control-label::after {
	width: 0.98rem !important;
    height: 0.91rem !important;
}*/
.help-pub-priv{
	margin-left: 0%; 
	float: right; 
	display: flex !important; 
	cursor: pointer;
	align-items: center;
	color:#086197;
}
.help-pub-priv.disabledHelp{
	opacity: 0.4;
	pointer-events: none;
}
.ratio-h-priv-serv{
	min-height: 5em !important;
}
.ratio-h-priv-serv label{
	font-size: 16px !important;
	font-weight: normal !important;
	font-style: normal;
}
.space-element-right{
	display:inline;
	float: right!important;
	width: 400px;
}
.space-element-left{
	display: inline;
    float: left;
    margin-right: 23px!important;
        width: 400px;
}
.dinamicRadio{
	z-index: 0 !important;
}
/* si se pone la clase accion-slot-center al datatable, se alinearan las acciones */
.accion-slot-center th.vuetable-th-slot-acciones {
	text-align: center !important;
}
.accion-slot-center #buttonsActions {
	justify-content: center !important;
}
/* configura toggle en PyP */
.custom-control-switch-payment .custom-control-input:checked ~ .custom-control-label::before {
	color: #fff;
	border-color: #008B00;
	background-color: #008B00;
}
.custom-control-switch-payment,.pse-internal-table tbody td {
     text-align: center;
}

/* PyP - tooltip de pagos sin informacion */
#tooltipNoInformation.tooltip-info > .tooltip-inner {
    max-width: 250px !important;
    width: 250px !important;
    text-align: left;
    box-shadow: none;
    color: #fff;
    padding: 1.2em;
    margin: 0;
}
/* Espacio al principio de tab Pagos e Inscripciones */
#headerPubPrivServices {
	padding-top: 20px;
}
#groupRatioPay .custom-control, #groupRatioPay2 .custom-control, .z-index-zero{
	z-index:0 !important; 
}
.opacityTable{
	pointer-events: none;
    opacity: 0.5;
}
.pyp-w-edit{
	width: 53em;
}
.pyp-ul-edit li{
	height:45px;
}
.pyp-ul-prog li{
	height: 32px;
}
.pyp-w-input-pay{
	width:170px !important;
	padding-right:11px !important;
}
.size-multi-pyp{
	height: 80px;
	width: 172px;
}
.size-multi-pyp #valPayOf,.size-multi-pyp #valPay {
	margin-top:-10px;
}
.inStep, .activeStep{
	background-color: #FAFAFA;
	padding: 20px;
	display: inline-block;
	margin-left: -20px;
	width: 100%;
}
.h-button{
	height: 41px;
	width: 100%;
}
.pyp-pay-title1 {
	font-size: 24px !important;
	margin-bottom: 24px !important;
}
.pyp-pay-title2 {
	font-size: 20px !important;
	margin-bottom: 17px !important;
}

.ux-collapse-title{
    font-size: 20px !important;
    margin-bottom: 17px !important;
    font-weight: 700;
}  

.ux-collapse-multitable-title{
    font-size: 24px !important;
    margin-bottom: 17px !important;
    
    font-weight: 700;
}

.ux-collapse-subtitle{
    font-size: 16px !important;
    margin-bottom: 17px !important;
    
    font-weight: 700;
}

.ux-collapse-single-subtitle{
    font-size: 18px !important;
    margin-bottom: 17px !important;
    
    font-weight: 700;
}

.ux-collapse-multitable-subtitle{
    font-size: 18px !important;
    margin-bottom: 17px !important;
    
    font-weight: 700;
}


.ux-collapse-item{
    background-color: #fafafa;
    font-size: 14px !important;
    margin-bottom: 17px !important;
}

.ux-collapse-single-item{
    background-color: #fafafa;
    font-size: 16px !important;
    margin-bottom: 17px !important;
}

.collapse-header {
	border-bottom: 1px solid #D7DEE4;
}
.collapse-header button {
	background-color: white;
	border: none;
 }
 .pyp-multi-width {
    width: 100%;
    display: block!important;
 }
 .pyp-noInsc-radio {
     padding-top: 15px;
 }
 .pyp-noInsc-dateCol-radio{
    width: 201px!important;
    float: left;
    margin-right: 15px;
 }
 .pyp-noInsc-dateCol-date{
    width: 139px!important;
    float: left;
 }

 .pyp-noInsc-dateCol-date input{
     width: 100%!important;
 }
 
 .has-hour-holidays{
    font-size: 14px;
 }

/* esto es para ocultar la flecha que no esta activa en el toggle */
.collapsed > .when-open,
.not-collapsed > .when-closed {
	display: none;
}
.disabledStep{
    opacity: 0.5;
    padding-bottom: 20px;
    padding-left: 20px;
	margin-left: -20px;
    pointer-events: none;
    padding-right: 0px;
    padding-top:0px !important;
}
.step-pen-pos{
	float:right; 
	cursor: pointer !important;
}
.margin-group-down{
	margin-left: 24px;

 }
.conf-user-consult .margin-group-down:last-child{
    margin-right: 2rem;
}

 .position-group-down{
 	display:flex;
 	float:right;
 }
 .margin-request-file{
 	display:grid; 
 	margin-top:100px;
 }
 .margin-model-pyp-icon{
	padding-bottom: 2px;
}
.max-width-modal-pyp{
    max-width: 146px;

}
.maxHeight{
	max-height: 317px !important;
    overflow-y: scroll;
    margin-right: -30px;
    padding-right: 10px;
}
#userAdd .sort-icon{
	display:contents;
}
#userAdd.cont-datatable-row{
	text-align: left;
}
#userAdd .pagination{
	display: none;
}
#showResultRatio.no-inscription-date {
	margin-top: -14px;
	height: 20px;
}
/* FIN CCE988*/

/*CCE873*/

#searchBar, #searchBarAlt{
	position:absolute;
	z-index: 250;
}
.searchWidget{
	min-width: 305px;
	display: flex;
	float: right;
}
.searchWidget .multiselect{
	height: auto !important;
	min-height: 25px;
	padding-bottom: 2px;
	background-color: white;
}
.searchWidget .multiselect__select{
	display: none !important;
}
.searchWidget .multiselect__tags{
	min-height: 25px !important;
	height: auto !important;
	padding-top: 0px !important;
	}
.searchWidget .multiselect__input, .searchWidget .multiselect__single{
	line-height: 0.9 !important;
}
.searchWidget .multiselect__input{
	margin-top:5px !important;
}
.searchWidget .multiselect__option{
	white-space: inherit !important;
}
.searchWidget .multiselect__element{
    	height: auto !important;
    	width:270px !important;
    	font-size: .9em;
    	border: #ced4da solid 1px;
    }
.searchWidget .multiselect__single{
	white-space: inherit !important;
	font-size: .9em;
}
.searchWidget #autocomplete-form-input, .searchWidget .multiselect__option span, .textResult{
	font-size: .9em !important;
}

.searchWidget #autocomplete-form-input{
	margin-bottom:3px !important;
}
.iconSearchBar{
	float: right;
	align-self: center;
	margin-left: 5px;
	font-size: 17px;
}
/* FIN CCE873*/

/*Solicitudes - Certificados, Constancias*/
#certificateConstancy{
    width: 846px!important;
}
.ux-form-redesign .request-checkbox-group,.ux-form-redesign .request-checkbox-row{
    width: 100%;
    float: left;
    padding-top: 15px;
}

.ux-form-redesign .request-checkbox-group .request-checkbox-input{
    width: 100%!important;
    height: 30px;
}
.ux-form-redesign .request-checkbox-group .request-checkbox-input .checkinput-check{
    width: 25%;
    float: left;
    padding-top: 10px;
}

.ux-form-redesign .request-checkbox-group .request-checkbox-input .checkinput-input{
    width: 60%;
    float: left;
}

.ux-form-redesign .request-checkbox-group .request-checkbox-input .checkinput-input input{
    width: 150px!important;
    height: 30px;
}

#certificateConstancy .ui-form-row-2col .ui-form-col:first-child,#certificateConstancy .ui-form-row-2col .ui-form-col:not(:first-child){
    width: 45%!important;
}

#certificateConstancy .multiselect {
    height: 40px !important;
    width: 407px !important;
}

#certificateConstancy .multiselect__select{
    height: 31px !important;
}

#certificateConstancy .multiselect__tags{
    min-height: 34px !important;
    padding-top: 2px !important;
}
    
.hr-vertical{ 
    border:         none;
    border-left:    3px solid hsla(200, 10%, 50%,100);
    height:         40px;
    width:          1px;  
    padding-right: 9px;
         
}

.closeSession-img {
	width:0px;
	height: 0px;
	margin: 0px 10px 0px 16px;
	padding: 21px 0px 0px 24px;
	background: url(images/b_occ/closeSession.svg) no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
}

.izo_widget{
    width: 25%;
}
.wsapp_widgetux-img{
    margin: 0% 0% 0% 0%;
    position: relative;
    top: 62%;
    left: 18%;
    width: 25%;
}
.margin-hr{
	border-top: solid 1px #ccc;
    padding-top: 20px;
    margin-bottom: 20px;
}
.w-detail-auth{
	width:100%;
}

 @media  (max-height:768px) and (max-width:1024px) {
        .wsapp_widgetux-img {
            left: 20.5%!important;
        }
    }
    @media  (max-width:1536px) and (min-width:1024px){
        .wsapp_widgetux-img {
            left: 27%;
        }
    }
    @media  (max-width:1680px)and (min-width:1536px){
        .wsapp_widgetux-img {
            left: 20.5%;
        }
    }
.style-tooltip-close-sesion .tooltip-inner{
	background-color: #FFFFFF;
	color:#000000;
	box-shadow: 0px -2px 10px 0px #999;
}
.style-tooltip-close-sesion .arrow::before{
	border-bottom-color: #FFFFFF !important;
	box-shadow: -1px -3px 10px 0px #999;
}
/*Configuracion de Usuarios*/
.conf-user-consult .vuetable-detail-row .data-detail-col1{
    margin-right: 0px;
    width: 50%;
}

#userFormLabel{
    margin-top: 15px;
}

.conf-user-consult .conFuserCreateButton, .button-upload-file, .margin-buttom-right{
    float:right;
    margin-right: 2rem;
}

.conf-user-consult .alert-section .ui-form-col{
    width: 50%;
}

.user-config-filterSection{
    float: left;
    width: 100%;
}

.user-form .checkList{
    z-index: 0!important;
}
.user-form .is-invalid{
    padding: 0.375rem 0.75rem!important;
}
.user-form #email{
    color: #333333;
}
.user-form #email:disabled{
    color:#B1B2BC;
}
.user-config-filterSection .user-filter{
    float: left;
}
.user-config-filterSection  .user-createUser{
    float: right;
}
.user-dropdown{
    float: right;
}

.user-dropdown .dropdown-menu{
    min-width: 12rem;
    cursor: pointer;
}
.user-dropdown .dropdown-menu div{
    padding: 15px;
}

.user-dropdown .dropdown-toggle::after {
    display: none;
}
/*Nueva definicion para formularios*/
.ux-form-custom {
    width: 846px;
    margin-top: 41px;
    justify-content: center!important;
    margin-left: calc(36% + -17em);
}
.ux-form-custom .ui-form-row-2col {
    float: left;
    width: 100%;
    margin-top: 41px;
}

.ux-form-custom .ui-form-row-2col .ui-form-row-2col{
    float: left;
    width: 100%;
    margin-top: 0px;
}

.ux-form-custom .ui-form-row-2col .ui-form-col:first-child{
    margin-right: 2rem;
}

.ux-form-custom #identificationId {
    width:  383px!important;
}

.ux-form-custom .ui-button-search{
    width: 100%;
}

.ux-form-custom h1{
    color: #111111;
    font-weight: bold;
}

.ux-form-custom .cellphone-prefix {
    width: 10%;
}

.ux-form-custom .cellphone-prefix input{
    width: 50px!important;
}

.ux-form-custom .cellphone-number {
    margin-left: 1rem;
}

.ux-form-custom .cellphone-number input{
    width: 294px!important;
}

.ux-form-custom .ui-flowbutton:first-child{
    float: right;
    padding-left: 0.85em;
}

.ux-form-custom .action-icon-group .ui-flowbutton:first-child{
    float: left;
    padding-left: 0;
}

.ux-form-custom .btn-link-no-underline{
    text-decoration: none!important;
}
.ux-form-custom .custom-control-switch-payment{
    text-align: inherit;
}
.ux-form-custom .custom-title-container{
    margin-top: 0px;
}

.conf-user-consult .alert-button{
    width: 160px;
    float: right;
}

.collapseList, .sub-collapseList{
    float: left;
    width: 100%;
}

.profile-permits{
    margin-top: 20px;
    margin-bottom: 20px;
}

.align-center-checkall-collapsed{
    align-self: center;
    top: -3px;
}
.margin-product{
	margin-left: calc(36% + -17em);
        margin-right: 25%;
}
.margin-ceilings{
	margin-left: calc(17% - 9em);
    margin-right: 80px;
}
.collapseList, .collapse-header{
	position:relative;
}
button.collapsed, button.not-collapsed{
	width: 100%;
    position: absolute;
    height: 54px;
    background: transparent !important;
}
button.collapsed-auth{
	position:relative !important;
	height:auto!important;
	background-color: #fafafa!important;
}
button.collapsed .when-open,button.collapsed .when-closed,button.not-collapsed .when-open,button.not-collapsed .when-closed{
	float: right !important;
}
.inputHeight tr{
	height: 86px;
}
.inputHeight th{
	vertical-align: top !important;
}
.confirm-check{
	width: 0px;
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 26px 0px 0px 26px;
	cursor: pointer;
	position: relative;
    top: 70px;
	background: url(images/bocc_icons/confirm-check.svg) no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
}
.set-collapse-list{
	color: #086197;
	padding-top: 0.75rem;
	white-space: nowrap;
}
#setCollapseMonetary .set-collapse-list{
	margin-right: calc( 77vw - 54.4em);
}
#setCollapseFile .set-collapse-list{
	margin-right: calc( 50vw - 35em);
}
#content-inputs{
	padding: 20px;
    background: #FAFAFA;
}
.asign-all-input{
	max-height: 24px;
	margin-right: 32px;
}
.vuetable-commit{
	color:#626A71 !important;
}
.margin-collapsed{
    margin-left: 2%;
    width: 98%;
}
.result-ceiling .cont-datatable{
	width: calc(100vw - 32em);
}

.privilegeTab {
    width: 100%;
}

.privilegeTab h1, .custom-title{
    color: #111111;
    font-weight: bold;
    font-size:24px;
}
.margin-not-product{
    margin: 60px 0px;
}

.user-custom-tabs{
    width: 100%;
}

.complete-page-form{
    width: 100%;
    margin-left: 0px;
}
.position-check-user{
	display: flex;
    float: left;
}
.display-grid{
	display: grid;
}
.w-time{
	width: 194px;
}
.vue__time-picker .dropdown ul li:not([disabled]).active, .vue__time-picker .dropdown ul li:not(.hint):not([disabled]):hover {
    background-color: #0076BD !important;
    color: #FFFFFF !important;
}
.h-time-picker .display-time{
	 max-height: 30.41px !important
}
.w-time-picker .display-time{
	width: 176px !important;
}
.w-time-picker .controls{
	right: -30px !important;
}
.h-max-input{
	 max-height: 28px;
}
.auth-detail-header{
    border: 2px solid #ced4da;
    border-radius: 0.25rem;
    /* background-color: #D7DEE4 */

}
.table-result-col{
    float: left;
    width: 40%;
}
.position-container-button-hour{
	display: inline-block;
    margin-top: 40px;
    width: 100%;
}
.max-detail-product{
	line-height: 24px;
	font-size: 16px;
	font-weight: 400;
}
.less-wr-11{
	margin-right: -11px;
}
.resize-content-all{
	padding-top: 40px !important;
}
.resize-content-all .resize-all-pyp{
	position: relative !important;
    bottom: 54px !important;
}
.cdt-height {
	height: 50px;
}

.cdt-margin-space {
	margin-bottom: 26px;
}
.less-wr-11{
	margin-right: -11px;
	margin-top: -14px;;
}
.min-width-pyp-input.is-invalid{
	min-width: 396px;
}
.top-navigation-size{
	width: calc(102% - 214px);
    height: 20px;
    margin-bottom: 2px;
    top: -7px;
    display: flex;
    position: relative;
    z-index: 9;
}
.in-slice{
    direction: ltr;
    display: flex;
    align-items: flex-end;
    bottom: 0;
    width: 100%;
    z-index: 11;
    height: 60px;
    background: #0076BD;
}
.btn-container{
	direction: ltr;
    display: flex;
    justify-content: space-around;
    background-color: #ffffff;
    width: 100%;
    height: 55px;
}
.btn-item{
    padding: 10px;
    transition: transform 100ms ease;
    width: 369.6px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 10;
}
.active-label{
	position: absolute;
    color: #0000008a;
    width: 37px;
    height: 37px;
    border-radius: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s ease;
    top: 10px;
    background: #ffffff !important;
}
.labels{
	cursor: pointer;
}
.checked .active-label{
	transform: translateY(-12px);
}
.btn-title{
	font-size: 10px;
    line-height: 1.15!important;
    color: #0000008a;
}
.checked .btn-title{
    -webkit-animation: fadein .2s;
    animation: fadein .2s;
    position: absolute;
    top: 40px;
}
@keyframes fadein {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0px);
  }
}
.left-sweep{
	left: 24.9px;
	height: 100%;
    width: 135px;
    display: flex;
    position: absolute;
    top: 5px;
    transition: transform 500ms ease;
}
#sweep-right{
    height: 33px;
    width: 45px;
    overflow: hidden;
    position: relative;
    left: 2px;
}
#sweep-right:before {
    content: "";
    display: block;
    width: 220%;
    height: 200%;
    position: absolute;
    border-radius: 50%;
    top: 0;
    right: 0;
    box-shadow: 40px -40px 0 0 #0076BD;
}
#sweep-center{
    height: 38px;
    display: flex;
    flex: 1;
    background: #0076BD;
    border-radius: 0 0 45% 45%;
}
#sweep-left{
    height: 33px;
    width: 45px;
    overflow: hidden;
    position: relative;
    right: 2px;
}
#sweep-left:before {
    content: "";
    display: block;
    width: 220%;
    height: 200%;
    position: absolute;
    border-radius: 50%;
    top: 0;
    left: 0;
    box-shadow: -40px -40px 0 0 #0076BD;
}
.btn-super-parent{
	display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: -50px;
    width: 135px;
    height: 60px;
    z-index: -1;	
}
.btn-class-showable .btn-child-parent{
	position: static !important;
}
.btn-child-parent {
	position: absolute;
	display: flex;
	top: -30px;
    bottom: -35px;
    width: 37px;
    height: 37px;
    border-radius: 100px;
    background: #0076BD;
    display: flex;
    align-items: center;
    justify-content: center;
}
.checked .btn-child-parent {
    top: -40px;
}
/* .btn-item.checked .btn-class-showable .btn-child-parent {
    transform: translateX(calc(32.5px + 17%)) !important;
    transition: transform 500ms ease 300ms;
} */

.curved-top-nav-list{
    margin-top:220px;
    overflow-y: scroll;
    height: 260px;
    width: 300px;
}
.curved-top-config-fav{
    font-weight: bold;
}
.no-scroll{
   overflow: hidden; 
}
.checked .btn-class-showable .btn-child-parent {
    -webkit-animation: child-background .5s ease-in-out forwards;
    animation: child-background .5s ease-in-out forwards;
}
.btn-item .btn-class-not-showable{
	-webkit-animation: child-not .5s ease-in-out forwards;
    animation: child-not .5s ease-in-out forwards;
}
@keyframes child-not {
  0% {
    bottom: -75px;
    background: transparent;
  }

  25% {
    bottom: -25px;
    width: 35px;
    height: 35px;
  }

  40% {
    bottom: -25px;
    width: 35px;
    height: 40px;
  }

  100% {
    bottom: -25px;
    width: 100%;
    height: 40px;
  }
}
@keyframes child-background {
  0% {
    bottom: -30px;
    background: transparent;
  }

  25% {
    bottom: 20px;
    width: 35px;
    height: 35px;
  }

  40% {
    bottom: 20px;
    width: 35px;
    height: 40px;
  }

  100% {
    bottom: 20px;
    width: 100%;
    height: 40px;
  }
}
@keyframes child-title {
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.btn-item.checked .btn-class-showable .btn-child, .btn-item.checked .btn-class-showable .btn-child-null {
  transition: transform 500ms ease 300ms;
}
.btn-item .btn-class-not-showable .btn-child, .btn-item .btn-class-not-showable .btn-child-null {
  transform:translateX(0px) !important;
}
.btn-class-showable .searchWidget{
	display: flex;
}
.display-none{
	display:none;
}
.display-contents{
	display: contents;	
}
.btn-child{
    position: absolute;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #0000008A;
}
.btn-child-null{
    position: absolute;
    height: 30px;
    padding: 0px 7px;
    border-radius: 100px;
    background: #FFFFFF;
    width: max-content;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #0000008A;
}
.btn-child-title {
    font-size: 10px;
    opacity: 0;
    white-space: nowrap;
    position: absolute;
    top: 37px;
    pointer-events: none;
    line-height: 1.15!important;
}
.btn-class-showable .btn-child-title {
	opacity:1 !important;
}
.size-link{
	width: 260px;
    height: 18px;
    position: absolute;
}
.btn-super-parent {
	pointer-events: none;
}
.btn-super-parent.btn-class-showable .btn-child-null{
	display: flex !important;
}
.btn-super-parent.btn-class-showable{
	pointer-events: initial !important;
}
.extend-curved-top-line{
	width: 100%;
    height: 6px;
    position: absolute;
    top: 80px;
    background: #0076BD;
}
.favorite-bread{
    padding: 18px 0px 0px 20px;
    background: url(images/favorite-regular.svg) no-repeat;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
   	display: inline-block;
    margin-bottom: -5px;
    margin-left: 10px;
}
.favorite-bread.active{
    background: url(images/favorite-solid.svg) no-repeat !important;
}
.pagination.menu{
	justify-content: start !important;
	display:list-item !important;
	min-height: 45px;
    padding-top: 23px;
}
.items-pagination{
	justify-content: center !important;
}
.vuetable-pagination-info {
	width: max-content !important;
    float: left !important;
    position: absolute !important;
    padding-top: 5px !important;
    min-height: 30px !important;
}
.register-pagination{
	float: right;
    white-space: nowrap;
    display: flex;
    align-items: center;
}
.isItem{
	margin-top: -38px;
}
.notItem{
	margin-top: -10px;
}
.fav-alert{
	display:flex;
	position: absolute !important;
	padding: 4px !important;
	height: 20px;
    margin-top: -27px;
    margin-left: 5px;
}
.max-fav{
    -webkit-animation: service-alert .5s ease-in-out forwards;
    animation: service-alert .5s ease-in-out forwards;
}
@keyframes service-alert {
  0% {
	width:75px;
    color:transparent;
  }

  25% {
    width: 150px;
    color:transparent;
  }

  50% {
    width: 225px;
    color:transparent;
  }
  75% {
    width: 300px;
    color:transparent;
  }

  100% {
    white-space: nowrap;
  }
}
.not-max-fav{
	-webkit-animation: not-max-fav .5s ease-in-out forwards;
    animation: not-max-fav .5s ease-in-out forwards;
}
@keyframes not-max-fav {
  0% {
	width:300px;
	color:transparent;
  }

  25% {
    width: 225px;
    color:transparent;
  }

  50% {
    width: 150px;
    color:transparent;
  }
  75% {
    width: 75px;
    color:transparent;
  }

  100% {
	width:0px;
    color:transparent;
  }
}
.menu-index{
	z-index: 300;
	position:relative;
}
.register-pagination .multiselect{
	max-height: 40px !important;
}
.mb-massive-limit{
	margin-bottom: 43px;
    display: flow-root;
}
.excludedCode{
	display: none;
}
#sectionrightLogin{
	max-height: 88px;
}
#hourTable .pagination{
	border-bottom: inherit;
}
.max-width-hour{
	width: max-content;
}
.not-action-click{
	pointer-events: none;
}
.extend-logo{
    width: 300px;
    margin-left: -25px;
}


#footer{
   margin-top: 0px; 
}

#socialButtons {
    margin-top: 3rem;
}

#socialButtons .social-buttons-dropup{
    margin-left:19rem;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    width: 11.5rem;
    border-top: 3px solid #0076BD;
    border-left: 3px solid #0076BD;
    border-right: 3px solid #0076BD;
    padding-left: 15px;
}

/* .social-buttons button{
    border-left: 2px solid #0076BD;
    border-top: 2px solid #0076BD;
    border-right: 2px solid #0076BD;
} */

.social-buttons .social-button-text{
    color: #0076BD!important;
    font-size: 16px;
    margin-right: 15px;
}

.social-buttons .social-button-icon{
    color: #0076BD!important;
}

.social-icon-container{
    width: 25px;
    height: 25px;
    float: left;
    border-radius: 20px;
    text-align: center;
    margin-right: 5px;
}

.social-icon-container img{
    /* margin-top: 7px; */
}

.custom-background-blue{
    background-color: blue;
}

.social-buttons{
    margin-left:19rem;
}
.social-container{
    width: 100%;
    float: left;
}

.expandable-button {
    background-color: #099;
    color: white;
    border-top-left-radius: 60px;
    border-top-right-radius: 60px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    overflow:hidden;
    width: auto;
    max-width: 40px; /** I'm animating max-width because width needs to be auto, and auto can't be animated **/
    -webkit-transition: max-width 0.5s, padding 0.5s;
    transition: max-width 0.5s, padding 0.5s;
    margin-left: 15px;
    float: left;
  }

    
  .expandable-button:hover {
    max-width: 300px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    padding: 0px 15px;
  }

  .expandable-button .expandable-text,.expandable-button .expandable-text:hover {
    color: #FFF;
    text-decoration: none!important;

  }

  .expandable-button .expandable-icon {
    font-size: 16px;
    margin-right: 15px;
    padding: 0px 8px;
    padding-left: 5px;
    display: flex;
    align-items: center;
    
  }

  .expandable-button  .expandable-text {
    white-space: nowrap;
    padding-right: 15px;
  }

  .expandable-button,.expandable-button:hover,.expandable-button:focus {
    text-decoration: none!important;
  }
  .rate-us-icon,.rate-us-text{
      padding-left: 5px;
  }

  .expandable-icon.wsapp-icon{
    padding: 0px;
  }
.table-last-trx-sebra .data-detail-col1 .row-result{
	margin-left: -2% !important;
}

.bavv-logo-container{
    margin-left: calc(50% + -105px)!important;
    width: 743px!important; 
}

.common-logo-container{
    margin-left: calc(50% + -92px)!important;
    width: 743px!important;
}
.margin-exempt{
    margin-top: -2px;
}
.sebra-h{
    height: 22rem !important;
    overflow: hidden !important;
}

#leasingPropiosTable .row-result{
	margin-left: -10% !important;
}
.center-head-table{
    text-align-last: center !important;
}

.logo-img {
    position: absolute;
    top: 21px;
    left: 58vw;
    height: 0px;
    margin: 0px 0px 0px 0px;
    padding: 115px 0px 0px 290px;
    background: url(../img/logo-footer.svg) no-repeat;
    background-repeat: no-repeat;
    background-size: contain;
}