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: 892px;
        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/BKG_Fonvida.jpg) 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: 100px;
    padding-bottom: 0;
    margin-top: 10px;
}


.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;
}

.message.warning {
    background: #FFF7DF;
    padding: 8px;
    border: 1px solid #ffa736;
    color: #ae3333;
    margin-top: 10px;
    text-align: center;
}

#Titulo {
    padding: 5px;
    font-size: 14px;
    border: 1px solid #9da868;
    margin-bottom: 10px;
    color: #355920;
    background: #edf7ef;
}

.tablaAplicarNovedad {
    width: 100%;
    font-size: 15px;
}
    .tablaAplicarNovedad td {
        padding: 8px 0;
    }

.tablaAplicarNovedad tr{
    border-bottom: 1px solid #ccc;
}


/*-------------------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-datagrid .dx-datagrid-headers .dx-datagrid-content-fixed .dx-datagrid-table .dx-col-fixed {
    background-color: transparent;
}


.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-searchbox.dx-editor-outlined .dx-texteditor-input {
    padding: 5px 8px 5px 24px!important;
}

.dx-searchbox.dx-editor-outlined .dx-placeholder {
    padding-left: 17px;
}

.dx-field-item-label-text, label {
    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;
}

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

}

.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;
    }

.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;
}*/


/*-------------------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;

            }
}