html, body, .wraper, .innerWrapper {
    min-height: 100%;
    height: 100%;
}

body.loginBody{
    font-family: Roboto !important;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,c3d8c4+100 */
    background: linear-gradient(to bottom, #ffffff 0%,#a8c8ac 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-size: 232px;
    background-blend-mode: multiply;
    background-attachment: fixed;
}

    body.swal2-height-auto.swal2-shown {
        height: 100%!important;
    }



.microDev {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 10px;
    font-size: 13px;
    color: #054005;
}
.wraper {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.innerWrapper {
    display:grid;
    grid-template-rows:78px max-content auto 45px;
}

    .innerWrapper header {
        border-bottom: 3px solid #E6E6E6;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px;
    }

        .innerWrapper header span {
            align-self: end;
            display:flex;
        }

        .innerWrapper header .userHeader >* {
            margin: 0 5px;
        }


        .innerWrapper header .userHeader {
            color: red;            
            text-decoration:none;
        }


.innerWrapper .navbar {
    background: #38865E;
    padding: 0 5px;
}

    .innerWrapper .nav-link {
        padding: 5px 10px;
        color: #fff;
        font-family:"Roboto";
            font-size:13px;
    }

    .innerWrapper .nav-link:hover{
        background: #24513A
    }

    .innerWrapper .navbar-expand-lg .navbar-nav .dropdown-menu {
        background: #38865E;
        padding: 0;
        margin-top: -3px;
    }

.innerWrapper footer {
    background: #296245;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px 0 5px;
    border-top: 3px solid #ccc !important;
}

        .innerWrapper footer span {
            font-size:12px;
            font-weight:bold;
        }

        .innerWrapper footer a {
            color: yellow;
        }

        .innerWrapper footer a:hover {
            color:orange;
        
        }

.loginContainer {
    background: #fff;
    width: 733px;
    display: grid;
    flex-direction: column;
    grid-template-columns: 1fr 1fr;
    margin: 0 auto;
    border: 2px solid #A9CB85;
    border-radius: 10px;
}

.recuperarPass .loginContainer {
    padding:10px;
    width:min-content;
}

.loginContainer .imgBkg {
    background: url(../imagenes/procesosLogin.png) no-repeat;
    background-size: cover;
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
}

.recuperarPass .loginContainer .imgBkg {
    display:none;
}

.datosLogin {
    text-align: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}

.datosLogin > span{
    font-size:14px;

}

    .datosLogin > * {
        padding: 5px;
    }

    .datosLogin .dx-texteditor-input {
        text-align: center;
        min-height: auto;
        padding: 5px;
    }
    

.datosLogin hr {
    border: 1px solid #75B07F;
    width: 100%;
}

    .datosLogin .dx-field-item-label-text {
        color: #096938;
        font-weight: bold;
        font-family: roboto;
    }

    .datosLogin  .dx-field-item > * {
        margin:5px;
    }

.fonvidaLogo {
    width: 268px;
    padding-bottom: 0;
    margin-top: 10px;
    margin-bottom: 20px;
}

.recuperarPass .fonvidaLogo {
        width: 166px;
}


.titleFonvida {
    color: #096938;
    font-weight: bold;
    font-size: 32px;
}
.subtitle {
    color: #666666;
    font-size: 13px;
    border-bottom: 1px solid #75B07F;
    margin-bottom: 15px;
}

hr {
    background: #75B07F;
    padding:0!important;
}
.titleCartera {
    color: #F21826;
    font-weight: bold;
    font-size: 23px;
    margin-bottom: 5px;
}
.titleIniciar {
    background: #38865E;
    color: #fff;
    font-weight: bold;
    width: 100%;
    padding: 5px;
    margin-bottom: 15px;
}

h1, h2, h3 {
    font-family: "Segoe UI",-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;
    color: #296245;
    font-weight: bold;
    padding-bottom: 5px;
}

h1 {
    border-bottom: 2px solid red;
    font-size: 17px;
    padding-bottom: 5px;      

}

h2 {
    font-size: 15px;
    border-bottom: 1px solid #bfdba4;
}

/*.h2, h2 {
    font-size: 30px !important;
}*/

b, strong {
    font-weight: 700 !important;
    color: #296245;
}

.hr {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    border: 1px solid #eee;
    border-bottom: 0;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}


.business-header {
    height: 600px;
    background: url('../imagenes/header.jpg') center center no-repeat scroll;
    background-size: auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

nav {
    background: #fff;
    border-bottom: 1px solid #32909c;
}

.navbar-brand {
    float: right;
    padding: 0;
    margin-left: 10px;
}

    .navbar-brand > div:first-child {
        font-size: 18px;
    }

    .navbar-brand > div:last-child {
        font-size: 12px;
    }

.nav-item .text-dark {
    color: #3E96A2!important;
}

#grupoBeneficiario {
    display: none;
}

.centerEditorGroup .dx-texteditor .dx-texteditor-input {
    text-align:center;
}
/*-------------------overrides------------------*/
.swal2-container {
    z-index: 99999 !important;
}
    .swal2-styled.swal2-confirm {
    background: #38865E!important;
}

.dx-datagrid-headers .dx-datagrid-table tr:first-child {
    background: #38865E;
    color: #fff;
    font-weight: bold;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td:hover:not(.dx-command-select):not(.dx-command-expand):not(.dx-editor-cell):not(.dx-command-edit):not(.dx-datagrid-group-space) {
    background-color: #286847;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td:hover .dx-datagrid-text-content {
    color: #fff;
}

.dx-datagrid-borders > .dx-datagrid-header-panel {
    padding:0;
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
    background-color: #e7f2ed;
    color: #477356;
    font-weight: 600;
}

.dx-popup-title {
    color: #fff !important;
}

.dx-popup-bottom {
background:none;
}

.dx-layout-manager .dx-field-item, .dx-widget, .dx-texteditor-input, .dx-datagrid-headers .dx-datagrid-table .dx-row > td,
.dx-datagrid .dx-row > td, .dx-placeholder {
    font-size: 14px;
}

.dx-texteditor.dx-editor-outlined {
    border-color: #c6c6c6;
}

.dx-field-item-label-location-top {
    margin-bottom: 5px;
}

.dx-texteditor.dx-editor-filled .dx-placeholder::before, .dx-texteditor.dx-editor-filled .dx-texteditor-input, 
.dx-texteditor.dx-editor-outlined .dx-placeholder::before, .dx-texteditor.dx-editor-outlined .dx-texteditor-input {
    padding: 5px 8px;
}

.dx-field-item-label-text {
    font-weight: 600;
    color: #296245;
}

.dx-button-text {
    font-weight: 700;
}

.dx-button-has-icon .dx-icon {
    width: 20px;
    height: 20px;
    font-size: 18px;
}

.dx-button {
    background-color: red;
    color: white;
    box-shadow:none;
}

    .dx-button .dx-icon, .dx-button:hover .dx-icon {
        color: #fff;
    }

.dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button, .dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button {
    min-width: 26px;
    height: 26px;
}

.dx-toolbar:not(.dx-popup-bottom) .dx-button:hover, .dx-texteditor-buttons-container .dx-button:hover {
    background: #d01010;
}



.dx-popup-title.dx-toolbar {
    padding: 0 7px 0 12px;
}

.dx-button-default {
    height:27px;
}

.dx-calendar-navigator .dx-button, .dx-calendar-navigator .dx-button .dx-icon {
    color: #fff;
    background: green;
}

.dx-multiview-item.dx-item-selected {
    border: 1px solid #ccc;
}

.dx-tabs {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color:transparent;
}

.dx-tab {
    border-right: 1px solid green;

}

.dx-tabs-styling-mode-secondary .dx-tab {
    border-radius:0;
}

.dx-tab.dx-state-disabled, .dx-tab.dx-state-disabled .dx-icon, .dx-tab.dx-state-disabled .dx-tab-text .dx-tab-text-span-pseudo {
    color: #589b55;
}

.dx-tab:last-child {
    border-right: none;
}

.dx-tab:first-child {
    border-top-left-radius: 5px;
}

.dx-tab:last-child {
    border-top-right-radius: 5px;
}

.dx-item.dx-tab:not(.dx-tab-selected) {
    background: #b7d7c6
}

.dx-tab-text {
    font-weight: 600;
}

    .dx-item.dx-tab:not(.dx-tab-selected) .dx-tab-text {
        color: #0e600e;
    }
.dx-tab.dx-state-hover {
    background-color: #185134!important;
}

    .dx-tab.dx-state-hover  .dx-tab-text {
       color: #fff!important;
    }

.dx-tab .dx-tab-text .dx-tab-text-span-pseudo {
    color: #38865e;
}

.dx-tab.dx-state-hover .dx-tab-text .dx-tab-text-span-pseudo {
    color:#fff;
}

.dx-item.dx-tab:not(.dx-tab-selected) {
    background: white;
    border: 1px solid #ccc;
}

.centerUploader {
    text-align: center;
}

.centerContent .dx-scrollview-content {
    text-align: center;
}

.centerUploader .dx-fileuploader-input-wrapper .dx-button, .centerUploader .dx-fileuploader-file-info, .centerUploader .dx-fileuploader-file-name,
.centerUploader .dx-fileuploader-file-size, .centerUploader .dx-fileuploader-file-status-message {
    float: none;
}

.centerUploader .dx-fileuploader-file {
    display: block;
}

.centerUploader .dx-fileuploader-files-container {
    padding-top: 0;
}

.centerUploader .dx-fileuploader-input-container, .centerUploader .dx-fileuploader-button-container {
    display: block;
}

.centerUploader .dx-fileuploader-invalid .dx-fileuploader-cancel-button {
    margin: 0;
}

.centerUploader.buttonUploaderFix .dx-fileuploader-upload-button, .centerUploader.buttonUploaderFix .dx-fileuploader-input-container {
    display: none;
}

.centerUploader.buttonUploaderFix .dx-fileuploader-files-container .dx-fileuploader-file-container .dx-fileuploader-upload-button {
    display: block;
    margin: 0 auto;
}

.centerUploader.buttonUploaderFix .dx-fileuploader-files-container .dx-fileuploader-file-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

    .centerUploader.buttonUploaderFix .dx-fileuploader-files-container .dx-fileuploader-file-container .dx-fileuploader-file {
        grid-column-start: 1;
        grid-column-end: 3;
    }

.centerUploader .dx-fileuploader-file-name {
    margin-top: 10px;
    color: green;
}

/*.centerUploader .dx-fileuploader-input {
    padding: 0;
}*/

.altoHeader .dx-datagrid-nowrap .dx-header-row > td > .dx-datagrid-text-content {
    white-space: initial;
}

.dx-datagrid .dx-row > td {
    padding: 10px 5px;
}

.dx-item.dx-box-item {
    margin-bottom: 5px;
}
    .dx-form-group .dx-item.dx-box-item {
    padding-bottom: 5px;
}

.dx-form-group-with-caption > .dx-form-group-content {
    padding-bottom:0;
}

.dx-layout-manager .dx-field-item:not(.dx-first-row) {
    padding-top: 0;
}

.dx-layout-manager .dx-field-item {
    padding-bottom: 0;
}
/*-------------------Queries------------------*/
@media (max-width:992px) {
    .innerWrapper .navbar {
            padding: 0;
        }

        .navbar > .justify-content-end {
            width: 100%;
        }

        .navbar-collapse {
            align-items: start;
        }

        .nav-item {
            width: 100%;
        }

        .innerWrapper .navbar-nav > li > a {
            border-bottom: 1px solid #fff;
        }

        .innerWrapper .dropdown-menu > li:last-child > a {
            border-bottom: none;
        }

        .innerWrapper .nav-link {
            padding: 8px 10px;
            font-size: 14px;
            border-bottom: 1px solid green;
        }

        .innerWrapper li:last-child > .nav-link {
            border-bottom: none;
        }

        .innerWrapper .navbar-expand-lg .navbar-nav .dropdown-menu {
            background: #103321;
            border-radius: 0;
        }

        .navbar-toggler {
            position: absolute;
            right: 5px;
            background: red;
            top: 5px;
            border: 2px solid #fff;
            padding: 7px;
            z-index: 3;
        }

            .navbar-toggler span {
                color: #fff;
                font-size: 28px;
            }

            .navbar-toggler:focus {
                box-shadow: initial;
            }
    }

    @media (max-width: 905px) {
        .loginContainer {
            display: block;
            width: auto;
        }

            .loginContainer .imgBkg {
                display: none;
            }
    }

    @media (min-width: 768px) {
        html {
            font-size: 16px;
        }
    }

    @media (max-width:730px) {
        .innerWrapper {
            display: initial;
        }

            .innerWrapper header {
                display: block;
                text-align: center;
            }

                .innerWrapper header span {
                    margin-top: 10px;
                    display: block;
                    width: 100%
                }

                    .innerWrapper header span form {
                        display: inline;
                    }
    }