html {
  font-size: 14px;
}

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

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

footer {
    /*height: 100px;*/
    padding-top: 10px;
    font-size: 13px;
    border-top: solid 1px #a6a9aa;
    /*background-color: #cb252d;*/
    background-color: white;
    color: #111212;
    text-align: center;
    clear: both;
    position: relative;
    z-index: 1;
    vertical-align: middle;
}

back {
    background: #e2e2e2;
    width: 100%;
    position: absolute;
    top: 4em;
    bottom: 0;
    background: url('image/FondoCaritas.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.div-center {
    width: 400px;
    height: 400px;
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    border-bottom: 2px solid #ccc;
    display: table;
}

.account-back {
    background: #e2e2e2;
    width: 100%;
    position: absolute;
    top: 4em;
    bottom: 0;
    background: url('image/FondoCaritas.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.button-login {
   
    background-color: #cb252d;
    color:white;
}


.btn-White {
    display: inline-block;
    color: white;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: #cb252d;
    
}

div.title h1 {
    background-color: #b90009;
    display: table;
    width: 100%;
    color: white;
    text-align: center;
    padding: 0.5em;
    font-size: 1.5em;
}

.demo-menu {
    position: absolute;
    height: 90%;
    z-index: 1;
    width: 220px;
    border-right: solid 1px;
    background-color: black;
    font-family: 'Gill Sans';
    font:bold;
    color: white;
}

    .demo-menu .dx-treeview {
        padding: 20px 0 0 25px;
    }

        .demo-menu .dx-treeview li.dx-treeview-node .dx-item a {
            text-transform: uppercase;
            color: #fafafa;
            font-weight: bold;
        }

        .demo-menu .dx-treeview li.dx-treeview-node.dx-state-selected > .dx-item a {
            /*color: #903ca5;*/
            color: white;
            /* Pantone Cáritas*/
            background-color: #c8102e;
        }

        .demo-menu .dx-treeview li.dx-treeview-node li.dx-treeview-node .dx-item a {
            text-transform: none;
        }

        .demo-menu .dx-treeview li.dx-treeview-node li.dx-treeview-node:not(.dx-state-selected) .dx-item a {
            color: #b90009;
            font-weight: normal;
        }

        .demo-menu .dx-treeview li.dx-treeview-node.dx-state-selected:not(.dx-treeview-node-is-leaf) .dx-item {
            background-color: transparent;
        }

        .demo-menu .dx-treeview li.dx-treeview-node.dx-treeview-node-is-leaf.dx-state-selected .dx-item {
            background-color: #c8102e;
            border-right: 4px solid #903ca5;
        }

            .demo-menu .dx-treeview li.dx-treeview-node.dx-treeview-node-is-leaf.dx-state-selected .dx-item a {
                font-weight: normal;
            }



    .demo-menu .dx-scrollable-content > ul > li .dx-treeview-toggle-item-visibility:before {
        content: "";
        background-image: url(image/treeview_collapsed_icon.png);
        width: 9px;
        height: 9px;
        left: 18px;
        top: 21px;
    }

    .demo-menu .dx-scrollable-content > ul > li .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before {
        content: "";
    }

.dx-treeview-item {
    display: block;
    cursor: pointer;
    padding: 5px 6px;
    min-height: 32px;
    color: white;
}

    .dx-treeview-item.dx-state-hover {
        /*Pantone Cáritas*/
        background-color: #c8102e;
        color: #333;
    }

.dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item {
    /*Pantone Cáritas*/
    background-color: #c8102e;
    color: #fff;
}

.dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item {
    background-color: #d43f3a;
    color: #fff;
}

.container {
    margin-left: 220px;
    padding: 10px 25px 0 15px;
    max-width: 85%;
}



.header {
    padding: 0.5rem 0.5rem 0.5rem 1rem;
    /* pantone 186 c */
    background-color: #c8102e;
}

header .user-menu {
    float: right;
    margin-right: 1rem;
}

    header .user-menu a {
        display: inline-block;
    }

    header .user-menu button {
        color: white;
    }

        header .user-menu button:hover {
            color: white;
        }

header .form-inline {
    display: inline-block;
}

header .logo img {
    max-height: 40px;
    max-width: 110px;
}

header #login-menu {
    float: right;
}

#login-menu li {
    display: inline-block;
}

footer .notice {
    /*display: inline-block;*/
}

footer .images {
    display: inline-block;
    width: 600px;
    height: 75px;
}

.color-caritas-menu-left {
    color: #FFFFFF;
}

.main-header {
    background-color: #c8102e !important;
}

.navbar-nav {
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    
    color:white;
}

.navbar-brand {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    color: white;
}

.navbar-expand-md .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
}


.dx-popup-bottom .dx-button {
    background-color: #c8102e; /*Caritas */
    border-color: transparent;
    color: white;
}

.dx-toolbar-text-auto-hide .dx-button .dx-icon {
    color: #c8102e; /*Caritas */
}


.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit-with-icons .dx-link  {
    color: #c8102e; /*Caritas */
}

.dx-toolbar .dx-button .dx-icon {
    color: #c8102e; /*Caritas */
}


.dx-icon-lock {
    background-image: url('data:image/png;base64,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');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    color: #c8102e;
}

.login-container {
    display: flex;
    flex-direction: column;
    align-items: center;    
    padding: 20px;
}


.logo-container {
    text-align: center;
    margin-bottom: 20px;
    background-color: #b90009;
}

.logo {
    max-width: 100%;
    height: auto;
}
/* Corrección estilo logo adminlte*/
.brand-link {
    line-height: 4 !important;
}
    .brand-link .brand-image-xl {
        max-height: 50px !important;
        margin-top: 20px;
    }
    .brand-link .brand-image-xs {
        max-height: 100px !important;
    }

/* Ojo esto es para que no marque el SÍ POR DEFECTO EN LA CONFIRMACIÓN DEL DELETE*/
/*.dx-button-mode-contained.dx-state-hover {
    background-color: #b90009;
    border-color: #ddd;
}*/

.dx-field-label-topmenu {
    white-space: nowrap;
    margin-right: 15px;
    font:bold;
    color: white !important;
}