body {
    padding-top: 70px;
    padding-bottom: 20px;
   
}

@media (max-width: 767px) {
    .top-menu {
        top: 6px;
        right: 52px;
        width: 100%;
    }
    .top-menu>.navbar-nav>li {
        float: none!important;
    }
}

@media (min-width: 768px) {
    .top-menu {
        margin-right: -15px;
    }
    .top-auth-menu {
        margin-left: auto;
    }
}

.dx-bs5.bg-light {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem;
}

@media (min-width: 576px) {
    .dx-bs5.bg-light {
        padding: 4rem 2rem;
    }
}

/*Custom*/
.menu-container .dx-treeview .dx-treeview-node {
    padding: 0 0 !important;
}

.dxbs-tree .nav-link {
    display: block;
    padding: 0rem 0rem;
}

.dxbs-tree > ul.nav ul.nav {
    margin:  0em 0.5em;
    overflow-y: hidden;
}

.HeaderCellClass {
    text-align: center;
    color:#007bff; 
} 

.gridViewClass {
    font-size: 0.875rem;
}

.gridViewClass .form-control {
    font-size: 0.875rem;
}

.gridViewClass .btn {
    font-size: 0.875rem;
}

.gridViewClass .form-control-plaintext {
    font-size: 0.875rem;
}

tr.gridViewClass:hover {
    /*color: #ffffff !important;*/
    background-color: #cce6ff !important;
}

.gridViewClass>tbody>tr:nth-of-type(even) {
    background-color: #e6f3ff !important;
}

    .gridViewClass > tbody > tr:nth-of-type(even):hover {
        background-color: #cce6ff !important;
    }

.gridViewClass > tbody > tr:nth-of-type(odd) {
    background-color: #ffffff !important;
}

    .gridViewClass > tbody > tr:nth-of-type(odd):hover {
        background-color: #cce6ff !important;
    }

/*em is relative to the parent element's font size. rem is relative to the root size*/
.gridView_Small {
    font-size: 0.75rem;
}

tr.gridView_Small:hover {
    /*color: #ffffff !important;*/
    background-color: #e6f3ff !important;
}

.gridView_Small .form-control {
    font-size: 0.75rem;
}

.gridView_Small .btn {
    font-size: 0.75rem;
}

.gridView_Small .form-control-plaintext {
    font-size: 0.75rem;
}

.smallerText {
    font-size: 0.75rem !important;
}

.smallerTextL {
    font-size: 0.9em;
}
.treeviewNode {
    font-size: 0.9em;
}

.treeviewNode >
.treeviewNode > a.active {
    font-weight: bold;
    color: #007bff !important;
    background-color: inherit !important;
}

.navbarMenuItem > a.active {
    font-weight: bold;
    background-color: inherit !important
}

.jumbotron {
    background-image: url('../img/citera_front.jpg');
    background-size: 100% 100%;
    color: white;
    padding: 8rem 1rem 15rem 2rem;
}

.hr {
    margin-bottom: 0rem;
}

.helpText 
{
    font-size:smaller; 
}

/*.card {
    border: none;
    box-shadow: none;
}*/

.card-view {
    border: none !important;
    box-shadow: none !important;
}

    .card-view > div {
        border: none !important;
        box-shadow: none !important;
        min-height: 300px !important;

    }

/*.panel-default {
    border-color: transparent !important;
}*/

.white-space-nowrap .text {
    white-space: nowrap!important;
}

/* Popover */
/*.popover {
    border: 2px dotted;
}*/
/* Popover Header */
.popover-header {
    font-size: small;
    
}

.popover.popover-wide {
    max-width: 750px; /* or any width you prefer */
    width: 500px !important;
}
/* Popover Body */
/*.popover-body {
    background-color: coral;
    color: #FFFFFF;
    padding: 25px;
}*/
/* Popover Arrow */
/*.arrow {
    border-right-color: blue !important;
}*/


/*.dxbs-grid .dxbs-grid-table th.wrap-header {
    white-space: normal !important;
    word-break: break-word;
    height: auto !important;
    vertical-align: middle !important;
    line-height: 1.2 !important;
    padding-top: 8px;
    padding-bottom: 8px;
}*/