/**
 *
 * You can write your CSS code here, DO NOT touch the default JavaScript file
 * because it will make it harder for you to update.
 * 
 */

/*# sourceMappingURL=custom.css.map */

p{
    margin-bottom: 6px;
}

.modal-body .card{
    padding: 40px 20px;
    border: 1px solid #00063a;
    row-gap: 20px;
    text-align: center;
}

.navbar .nav-link.nav-link-user{
    text-align: center;
}

.section-buttons{
    margin: 20px 0;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.ui-widget.ui-widget-content.ui-autocomplete{
    z-index: 99999 !important;
}

.iziToast.iziToast-color-red{
    background: #fc544b !important;
    border-color: #fc544b !important;
}
.iziToast.iziToast-color-green{
    background: #47c363 !important;
    border-color: #47c363 !important;
}
.iziToast.iziToast-color-blue{
    background: #6777ef !important;
    border-color: #6777ef !important;
}

.ag-cell-value a{
    color:#0056b3;
    text-decoration: underline;
}

.ag-cell-value a.nounderline{
    text-decoration: none;
}

.form-control.ag-dropdown {
    padding: 2.5px 10px !important;
    height: unset !important;
    border-radius: 2px !important;
    background: transparent !important;
}

.btn-success.disabled, 
.btn-success:disabled{
    opacity: 0.4;
}

@media (max-width: 1024px){
    .main-content {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-height: 640px) {

    .navbar-bg{
        height:70px;
    }

    .section-header,
    .section-title,
    .section-lead{
        display:none !important;
    }

    #btns,
    .section-buttons{
        margin: 0 0 10px 0 !important;
    }

    #myGrid{
        height: calc( 100vh - 140px ) !important;
    }
}

@media (max-width: 580px){
    .section-lead-hide{
        display: none;
    }
}

@media (max-width: 530px){
    #btns{
        justify-content: center !important;
        flex-wrap: wrap;
        grid-gap: 20px;
    }
}