/*******************
/*Top bar
*******************/
.topbar {
    background: #fff;
}

    .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
        display: none;
    }

    .topbar .top-navbar .navbar-nav > .nav-item > span {
        color: #398bf7;
    }

    .topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
        color: #a6b7bf;
    }

        .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
            color: #242a33 !important;
        }

.logo-center .topbar .navbar-header {
    text-align: center;
    padding-left: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.logo-center .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
    display: none;
}

.logo-center .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
    display: inline-block;
    color: rgba(255, 255, 255, 0.8);
}




.titulo {
    font-weight: bold;
    color: #31b0d5;
}

.tooltip.e-tooltip-wrap.e-popup {
    background-color: #31b0d5;
    border-color: lightgray;
}


.listview {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-left:none;
    border-right:none;
    border-radius: 3px;
}

/*label {
    color:blue;
}*/

e-grid .e-gridheader {
    background-color: #fff;
    border-bottom-color: #e0e0e0;
    border-top-color: #e0e0e0;
    color: rgba(0,0,0,0.54);
    font-size: 20px !important;
    font-weight:bold !important;
}

#toast_types button {
    margin: 5px;
    min-width: 160px;
    max-width: 160px;
}

.toast-icons {
    font-family: 'Toast_icons' !important;
    speak: none;
    font-size: 55px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'Toast_icons';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
    font-weight: normal;
    font-style: normal;
}

#toast_type .e-toast-icon.e-icons {
    height: auto;
    font-size: 30px;
}

.toast-icons.e-success::before {
    content: "\e701";
}

.toast-icons.e-error::before {
    content: "\e700";
}

.toast-icons.e-info::before {
    content: "\e704";
}

.toast-icons.e-warning::before {
    content: "\e703";
}

#toast_types {
    text-align: center;
}


/*GRID*/
/*.e-grid .e-rowcell {
    border-style: solid;
    border-width: 1px 0 0 0;
    display: table-cell;
    font-size: 13px;
    line-height: 20px;
    overflow: hidden;
    padding: 1px 10px;
    vertical-align: middle;
    white-space: nowrap;
    width: auto;
}*/

.e-grid {
    font: 16px Arial;
    border: 2px solid #398bf7;
}



.e-grid .e-groupdroparea {
    background-color: #398bf7;
    color: #ffffff;
}



.e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop) {
    padding: 0.015rem;
}

.e-gridheader .e-headercell, .e-grid-min-height .e-gridheader .e-detailheadercell,
.e-gridheader .e-headercell .e-headercelldiv {
    background-color: #398bf7 !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: .2rem !important;
}

.e-grid .e-gridheader {
    background-color: #398bf7 !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    /*padding: .5rem !important;*/
}

.e-grid .e-row { 
    font-weight: bold;
}

.e-grid .e-row:hover {
    font-weight: bold;
}


.e-grid .e-row .e-active {
    font-weight: bold;
}

.e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop) {
    padding: 0.5rem;
}


@media only screen and (max-width: 600px) {
    .login-box {
        width: 200px!important;
        margin: 0 auto;
    }
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-text {
    text-transform: inherit;
}

/*TOOLBAR GRID*/
.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon,
.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text {
    color: white;
    font-weight: bold;
}

.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn {
    /*height: 9px !important;
    min-height: 29px !important;
    min-width: 34px !important;*/
    background: #549bf9;
}
    .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus {
        background: #2f86f9;
    }
    .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover {
        background: #3582e8;
    }

/*.e-toolbar-item button[aria-label="Add"] {
    background: #04cb93;*/
    /*border-radius: 10%;*/
    /*border: 1px solid #5a70cc;*/
/*}

.e-toolbar-item button[aria-label="Add"]:focus {
    background: #0cc08d;*/
    /*border-radius: 10%;*/
    /*border: 1px solid #5a70cc;*/
/*}

.e-toolbar-item button[aria-label="Add"]:hover {
    background: #1cb78b;*/
    /*border-radius: 10%;*/
    /*border: 1px solid #5a70cc;*/
/*}

.e-toolbar-item button[aria-label="Edit"] {
    background: #fce87a;*/
    /*border-radius: 10%;*/
    /*border: 1px solid #5a70cc;*/
/*}

.e-toolbar-item button[aria-label="Edit"]:focus {
    background: #e1c31e;*/
    /*border-radius: 10%;*/
    /*border: 1px solid #5a70cc;*/
/*}

.e-toolbar-item button[aria-label="Edit"]:hover {
    background: #ffd800;*/
    /*border-radius: 10%;*/
    /*border: 1px solid #5a70cc;*/
/*}

.e-toolbar-item button[aria-label="Eliminar"] {
    background: #ff886f;*/
    /*border-radius: 10%;*/
    /*border: 1px solid #5a70cc;*/
/*}

.e-toolbar-item button[aria-label="Eliminar"]:focus {
    background: #ff6140;*/
    /*border-radius: 10%;*/
    /*border: 1px solid #5a70cc;*/
/*}

.e-toolbar-item button[aria-label="Eliminar"]:hover {
    background: #ff694a;*/
    /*border-radius: 10%;*/
    /*border: 1px solid #5a70cc;*/
/*}


.e-toolbar-item button[aria-label="Imprimir"] {
    background: #ab7d4c;*/
    /*border-radius: 10%;*/
    /*border: 1px solid #5a70cc;*/
/*}

    .e-toolbar-item button[aria-label="Imprimir"]:focus {
        background: #c19669;*/
        /*border-radius: 10%;*/
        /*border: 1px solid #5a70cc;*/
    /*}

    .e-toolbar-item button[aria-label="Imprimir"]:hover {
        background: #7e5932;*/
        /*border-radius: 10%;*/
        /*border: 1px solid #5a70cc;*/
    /*}


.e-toolbar-item button[aria-label="Exportar Excel"] {
    background: #87c96b;*/
    /*border-radius: 10%;*/
    /*border: 1px solid #5a70cc;*/
/*}

.e-toolbar-item button[aria-label="Exportar Excel"]:focus {
    background: #56a434;*/
    /*border-radius: 10%;*/
    /*border: 1px solid #5a70cc;*/
/*}

.e-toolbar-item button[aria-label="Exportar Excel"]:hover {
    background: #74bc55;*/
    /*border-radius: 10%;*/
    /*border: 1px solid #5a70cc;*/
/*}

.e-toolbar-item button[aria-label="Seleccionar Columnas"] {
    background: #a584c4;*/
    /*border-radius: 10%;*/
    /*border: 1px solid #5a70cc;*/
/*}

.e-toolbar-item button[aria-label="Seleccionar Columnas"]:focus {
    background: #8151ae;*/
    /*border-radius: 10%;*/
    /*border: 1px solid #5a70cc;*/
/*}

.e-toolbar-item button[aria-label="Seleccionar Columnas"]:hover {
    background: #966abe;*/
    /*border-radius: 10%;*/
    /*border: 1px solid #5a70cc;*/
/*}*/


/*.e-toolbar-item button[aria-label="Copia"] {
    background: #549bf9;*/
    /*border-radius: 10%;*/
    /*border: 1px solid #5a70cc;*/
/*}

.e-toolbar-item button[aria-label="Copia"]:focus {
    background: #2f86f9;*/
    /*border-radius: 10%;*/
    /*border: 1px solid #5a70cc;*/
/*}

.e-toolbar-item button[aria-label="Copia"]:hover {
    background: #3582e8;*/
    /*border-radius: 10%;*/
    /*border: 1px solid #5a70cc;*/
/*}*/

/*.e-toolbar-item button[aria-label="Actualizar Grilla"] {
    background: #f88d42;
    font-size: 9px;*/
    /*border: 1px solid #5a70cc;*/
/*}

.e-toolbar-item button[aria-label="Actualizar Grilla"]:focus {
    background: #fa7213;*/
    /*border-radius: 10%;*/
    /*border: 1px solid #5a70cc;*/
/*}

.e-toolbar-item button[aria-label="Actualizar Grilla"]:hover {
    background: #fa7213;*/
    /*border-radius: 10%;*/
    /*border: 1px solid #5a70cc;*/
/*}*/


.e-toolbar-item .e-control .e-btn .e-icons .e-btn-icon {
    color: white;
    font-weight: bold;
}

.e-dlg-header .e-dlg-header-titulo {
    color: #ffffff;
    font-family: Tahoma;
}

.e-dialog .e-dlg-header-content {
    border-bottom: none;
    padding: 20px 23px 1px;
}

.e-dialog.e-control.e-popup, .e-dialog.e-control.e-popup .e-dlg-header-content {
    background-color: #61a4fd;
}

.e-dialog .e-dlg-content {
    /*font-size: 12px;*/
    padding-top: 12px !important;
}

.e-dialog.e-control.e-popup .e-dlg-header-content .e-dlg-header {
    color: #ffffff;
    font-family: Tahoma;
}

form label {
    color: blue;
}

.ribbon {
    background-color: #d38181;
    overflow: hidden;
    white-space: nowrap;
    opacity: 0.8;
    /* top left corner */
    position: fixed;
    left: -45px;
    top: 45px;
    width: 250px;
    /* 45 deg ccw rotation */
    -webkit-transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    transform: rotate(-40deg);
    /* shadow */
    -webkit-box-shadow: 0 0 10px #888;
    -moz-box-shadow: 0 0 10px #888;
    box-shadow: 0 0 10px #888;
    z-index: 9999;
}

    .ribbon span {
        border: 1px solid #faa;
        color: #fff;
        display: block;
        font: bold 81.25% 'Helvetica Neue', Helvetica, Arial, sans-serif;
        margin: 1px 0;
        padding: 10px 50px;
        text-align: center;
        text-decoration: none;
        /* shadow */
        text-shadow: 0 0 5px #444;
    }