/*----------------Save Button-----------------*/
.rz-navigation-item-icon {
    justify-content: left !important;
}

.btn-block {
    margin-top: 10px;
    text-align: left !important;
}

.Save-button {
    border: none;
    border-radius: 5px;
    background: #0b2464;
    font-size: 16px;
    color: #fff;
    width: 150px;
    padding: 10px;
    font-size: 16px;
}

.top-row-dark {
    display: inline-table !important;
    justify-content: space-between !important;
}

.Save-button:hover {
    background: #a3c2c2;
}

.align-right {
    text-align: right !important;
}

.align-left {
    text-align: left !important;
}

/*----------------Save Button-----------------*/


/*----------------Hidden Over Flow-----------------*/
.hidden-overflow-y::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.hidden-overflow-y {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
/*----------------Hidden Over Flow-----------------*/

h4 {
    font-size: 1rem;
}

.nav-item a{
    text-decoration: none;
}

/*-------------Radzen-----------*/

/*-------------ProfileMenu-----------*/
ul.rz-profile-menu {
     background-color: transparent;
     border-left: 0;
}
/*-------------ProfileMenu-----------*/
/*--------------GridData---------*/
.rz-grid-table thead th {
    background-color: transparent !important;
}
    .rz-grid-table thead th span {
        color: #FFF;
    }

.rz-grid-table thead {
    background-color: #3e54ac !important;    
}

.rz-grid-table-striped tbody > tr:not(.rz-expanded-row-content):nth-child(even) > td {
    background-color: #74b9ff !important;
}

.rz-grid-table-striped tbody > tr:not(.rz-expanded-row-content):nth-child(odd) > td {
    background-color: #e1f5fe !important;
}

.rz-paginator .rzi-step-backward:before {
    content: 'last_page' !important;
}

.rz-paginator .rzi-step-forward:before {
    content: 'first_page' !important;
}

.rz-paginator .rzi-caret-left:before {
    content: 'navigate_next' !important;
}

.rz-paginator .rzi-caret-right:before {
    content: 'navigate_before' !important;
}

.rz-cell-filter  .rz-textbox{
    direction: ltr !important;
}

.rz-chart  .rz-legend{
    padding: 4px;
}
/*--------------GridData---------*/
/*------------Dialog Title-------------*/
.rz-dialog-titlebar {
    background-color: #0b2464 !important;
    padding-top: 15px !important;
    padding-bottom: 8px !important;
}

.rz-dialog-title {
    color: #FFF !important;
    float: right !important;
}

.rz-dialog-alert-buttons {
    text-align: left;
}

.rz-dialog-titlebar-close{
    float: left !important;
}

.rz-dialog-alert-message {
    text-align: justify;
}
/*------------Dialog Title-------------*/

/*---------------Border Radius of Split button----------*/
.rz-splitbutton .rz-splitbutton-menubutton {
    border-radius: 4px 0 0 4px !important;
}

.rz-splitbutton .rz-button-md:first-child {
    border-radius: 0 4px 4px 0 !important;
}
/*---------------Border Radius of Split button----------*/

/*-------------Radzen-----------*/

/*-------------Curve Shadow Box--------------*/
.custom-box {
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    transition: all ease 0.2s;
}

@media only screen and (max-width: 640px) {
    .custom-box {
        margin-bottom: 19px;
    }
}

.custom-box:hover {
    transform: translateY(-5px);
    box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25);
}
/*-------------Curve Shadow Box--------------*/


/*-------------Text Glow--------------*/
.glow {
    font-size: 19px;
    color: #fff;
    text-align: center;
    animation: glow 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
    from {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
    }

    to {
        text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
    }
}
/*-------------Text Glow--------------*/

@media only screen and (max-width: 640px) {
    .mobil-container {
        margin-left: 0 !important;
        padding-left: 0 !important;
        padding-right: 12px;
        width: 100% !important;
    }
}

@media only screen and (max-width: 640px) {
    .sidebar {
        margin-right: 2px;
    }
}

@media only screen and (max-width: 640px) {
    .mobil-page {
        width: 100% !important;
    }
}