/* Global styles for the Crm application */

/*Logo alignment*/
.navbar-brand {
    height: 50px;
    top: 8px;
}

/*Logo alignment with top menu*/
.lp-topmenu .navbar-brand {
    top: 5px;
    height: 50px;
}

/*Fixes drop down with is not enough when texts are too long*/
.dropdown-menu {
    width: max-content;
}

/*Prettier tabs in modals*/
.modal-tabs {
    margin: 0!important;
    background: var(--global-bg);
}

.modal-tabs .nav-item {
    background: inherit!important;
}

.modal-tabs .nav-item .nav-link.active {
    background: var(--light);
    color: var(--dark);
}

.modal-tabs .nav-item .nav-link:focus {
    outline: none;
}

/*Aligns centers grid cells*/
.crud-grid td {
    vertical-align: middle;
}

/*Fix padding for align icon of ql*/
.ql-align .ql-picker-label {
    padding-top: 0px!important;
}

/*Fix padding for background icon of ql*/
.ql-background .ql-picker-label {
    padding-top: 0px !important;
}

/*Align items to centers*/
.align-items-center {
    display: flex;
    align-items: center;
}