/*
#006BAD : azul escuro : #f8f9fa
#009FFE : azul claro
#C0C0C0 : texto
*/

/*
    1) Syncfusion*
    2) Blazor
*/

/* Syncfusion SfButton */

.e-btn, .e-css.e-btn {
    background-color: #006BAD !important;
    border-color: #009FFE !important;
    padding: 4px 8px 0px 8px !important;
}
/*
.e-btn, .e-css.e-btn {
    -webkit-tap-highlight-color: transparent;
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff;
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
}
*/
    .e-btn:hover, .e-css.e-btn:hover {
        background-color: #006BAD !important;
        border-color: #006BAD !important;
        color: black !important;
    }
    /*
    .e-btn:hover, .e-css.e-btn:hover {
        background-color: #5c636a;
        border-color: #565e64;
        box-shadow: none;
        color: #fff;
    }
    */

/* Syncfusion SfDialog */

    /* SfGrid
    .e-btn .e-btn-icon, .e-css.e-btn .e-btn-icon {
        margin-top: -16px !important;
        margin-left: -8px !important;
    }
    */

/* Syncfusion SfGrid */

.e-grid .e-headercell, .e-grid .e-detailheadercell {
    background-color: #006BAD !important;
    border-color: #009FFE !important;
}
/*
.e-grid .e-headercell, .e-grid .e-detailheadercell {
    background-color: #fff;
    border-color: #dee2e6;
}
*/
.e-grid .e-gridheader {
    color: #C0C0C0 !important;
}
/*
.e-grid .e-gridheader {
    background-color: #fff;
    border-bottom-color: #212529;
    border-top-color: #dee2e6;
    color: #212529;
}

.e-grid td.e-active {
    background: #009FFE !important;
    color: black !important;
}

.e-grid td.e-active {
    background: #e6eaed;
    color: #212529;
}
*/

/* Syncfusion SfMenu */

.e-menu-container ul {
    background-color: #006BAD !important;
    color: #C0C0C0 !important;
}
/*
.e-menu-container ul {
    background-color: antiquewhite;
    color: black;
} 

.e-menu-wrapper .e-menu, .e-menu-container .e-menu {
    background-color: #006BAD !important;
    color: #C0C0C0 !important;
}

.e-menu-wrapper .e-menu, .e-menu-container .e-menu {
    background-color: inherit;
    color: #212529;
}

.e-menu-wrapper .e-menu .e-menu-item .e-menu-url, .e-menu-container .e-menu .e-menu-item .e-menu-url {
    color: #C0C0C0 !important;
}

.e-menu-wrapper .e-menu .e-menu-item .e-menu-url, .e-menu-container .e-menu .e-menu-item .e-menu-url {
    color: #212529;
}
*/
.e-menu-wrapper .e-menu .e-menu-item.e-focused, .e-menu-container .e-menu .e-menu-item.e-focused {
    background-color: #006BAD !important;
    color: #212529;
    outline: 0 solid #006BAD !important;
}
/*
.e-menu-wrapper .e-menu .e-menu-item.e-focused, .e-menu-container .e-menu .e-menu-item.e-focused {
    background-color: #dee2e6;
    color: #212529;
    outline: 0 solid #dee2e6;
    outline-color: rgb(222, 226, 230);
    outline-style: solid;
    outline-width: 0px;
    outline-offset: 0;
}
*/
.e-menu-wrapper .e-menu .e-menu-item.e-selected, .e-menu-container .e-menu .e-menu-item.e-selected {
    background-color: #006BAD !important;
    color: black !important;
    outline: 0 solid #006BAD !important;
}
/*
.e-menu-wrapper .e-menu .e-menu-item.e-selected, .e-menu-container .e-menu .e-menu-item.e-selected {
    color: #212529;
    outline: 0 solid #dee2e6;
    outline-offset: 0;
    background-color: #dee2e6;
}
*/
.e-menu-wrapper .e-ul .e-menu-item .e-menu-url, .e-menu-container .e-ul .e-menu-item .e-menu-url {
    color: #C0C0C0 !important;
}
/*
.e-menu-wrapper .e-ul .e-menu-item .e-menu-url, .e-menu-container .e-ul .e-menu-item .e-menu-url {
    color: #212529;
}
*/
.e-menu-wrapper .e-ul .e-menu-item.e-focused, .e-menu-container .e-ul .e-menu-item.e-focused {
    background-color: #006BAD !important;
    color: black !important;
    outline: 0 solid #006BAD !important;
}
/*
.e-menu-wrapper .e-ul .e-menu-item.e-focused, .e-menu-container .e-ul .e-menu-item.e-focused {
    background-color: #e9ecef;
    color: #212529;
    outline: 0 solid #dee2e6;
    outline-color: rgb(222, 226, 230);
    outline-style: solid;
    outline-width: 0px;
    outline-offset: 0;
}
*/
.e-menu-wrapper .e-ul .e-menu-item.e-selected, .e-menu-container .e-ul .e-menu-item.e-selected {
    background-color: #006BAD !important;
    color: black !important;
    outline: 0 solid #006BAD !important;
}
/*
.e-menu-wrapper .e-ul .e-menu-item.e-selected, .e-menu-container .e-ul .e-menu-item.e-selected {
    background-color: #0d6efd;
    color: #fff;
    outline: 0 solid #0d6efd;
    outline-offset: 0;
}
*/
.e-menu-wrapper ul .e-menu-item, .e-menu-container ul .e-menu-item {
    font-weight: bold !important;
}

menu-container .e-menu .e-menu-item.e-selected {
    background-color: #006BAD !important;
    color: black !important;
}
/*
menu-container .e-menu .e-menu-item.e-selected {
    background-color: #dee2e6;
    color: #212529;
    outline: 0 solid #dee2e6;
    outline-offset: 0;
}
*/

/* Syncfusion SfTab */

/*
.e-tab .e-tab-header::before {
    background-color: transparent !important;
}
*/
.e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-tab-text, .e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-tab-text {
    color: black !important;
}
/*
.e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-tab-text, .e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-tab-text {
    color: #495057;
}
*/
.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text, .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
    color: black !important;
}
/*
.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text, .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
    color: #0a58ca;
}
*/
.e-tab .e-tab-header .e-toolbar-item .e-tab-text {
    font-weight: bold !important;
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
    color: #C0C0C0 !important;
}
/*
.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
    border-radius: 4px;
    color: #0d6efd;
    border: 1px solid transparent;
}
*/

/* Syncfusion SfToolbar */

.e-toolbar {
    background: transparent !important; /* SfTab */
}
    /*
.e-toolbar {
    background: #f8f9fa;
    border: 0 solid #dee2e6;
}
*/
    .e-toolbar .e-toolbar-items {
        background: transparent !important;
        margin-top: 4px !important;
        margin-bottom: 4px !important;
    }
    /*
    .e-toolbar .e-toolbar-items {
        background: #f8f9fa;
    }
    */
    /* SfGrid */
    .e-toolbar .e-tbar-btn {
        color: #C0C0C0 !important;
        font-weight: bold !important;
    }
        /* SfGrid */
        .e-toolbar .e-tbar-btn.e-btn .e-icons {
            color: white !important;
        }

/* Spinner */

.spinner {
    animation: spin 700ms linear infinite;
    border: 16px solid silver;
    border-top: 16px solid #337AB7;
    border-radius: 50%;
    height: 80px;
    left: 55%;
    position: absolute;
    top: 40%;
    width: 80px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

/* Blazor */

.blazor-body {
    font-family: 'Sarala';
    /*
    font-size: 22px;
    */
    /*
    transform: scale(0.90);
    transform-origin: 50% 0;
    */
}

.blazor-button {
    height: 31px;
    padding-top: 0px !important; /* e-btn */
}

.blazor-button-icon {
    height: 31px;
    padding-top: 4px !important; /* e-btn */
}

/* ? */

.blazor-button-label {
    color: #C0C0C0;
    font-weight: bold;
    margin-left: 4px
}

.blazor-dropdownlist {
    height: 31px;
    margin-top: -12px;
}

.blazor-dropdownlist-tab {
    height: 31px;
    margin-top: -6px;
}

.blazor-div {
    margin-left: 24px;
    margin-right: 24px;
    margin-top: 24px;
}

.blazor-div-sfButtonGroup {
    margin-top: 22px;
    /* text-align: center; */
}

.blazor-div-button {
    margin-top: 30px;
    /* text-align: center; */
}

.blazor-checkbox {
    height: 31px;
    margin-top: -8px;
}

.blazor-checkbox-required {
    background-color: lightyellow;
    height: 31px;
    margin-top: -8px;
}

.blazor-editor {
    height: 31px;
    margin-top: -8px;
}

.blazor-editor-required {
    background-color: lightyellow !important;
    height: 31px;
    margin-top: -8px;
}

.blazor-editor-mask {
    height: 31px;
    margin-top: -12px;
    padding: 0px
}

.blazor-editor-mask-required {
    background-color: lightyellow !important;
    height: 31px;
    margin-top: -12px;
    padding: 0px
}

.blazor-group {
    float: left; /* ??? */
    margin: 0;
    margin-right: 0.4rem;
    margin-bottom: 0.4rem;
    margin-top: -0.8rem !important;
    padding: 0;
    /* Truncante Label */
    overflow: hidden;
    white-space: nowrap;
}

.blazor-group-sf {
    float: left; /* ??? */
    margin: 0;
    margin-right: 0.4rem;
    margin-bottom: 0.4rem;
    margin-top: -0.8rem !important;
    padding: 0;
    /* Truncante Label */
    overflow: hidden;
    /* white-space: nowrap; */
}

.blazor-label {
    font-size: 12px;
    margin-top: 4px;
}

.blazor-label-required {
    color: red;
    font-size: 12px;
    font-weight: bold;
    margin-top: 4px;
}

.blazor-menu {
    background-color: #009FFE;
    color: #C0C0C0;
}

.blazor-newline {
    clear: both;
    padding-top: 0.4rem;
}
/*
class="e-icon-dlg-close e-icons e-btn-icon"
.e-dialog .e-btn .e-btn-icon.e-icon-dlg-close {
    font-size: 16px;
    width: 40;
}
*/
.e-dialog .e-btn .e-btn-icon.e-icon-dlg-close {
    display: none !important;
}