Paytiko CRM vertical header by arthurlomakin11

/* ==UserStyle==
@name         Paytiko CRM vertical header
@version      20231208.08.35
@namespace    userstyles.world/user/arthurlomakin11
@description  Changing header placing from horizontal to vertical in Paytiko CRM
@author       arthurlomakin11
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://qa-crm.paytiko.com/"), url-prefix("https://dev-crm.paytiko.com/"), url-prefix("https://crm.paytiko.com/") {
body {
    overflow:hidden;
}

app-index {
    overflow: hidden;
    flex-direction: row !important;
}

main {
    overflow: auto;
}

header-component {
    display: flex;
    flex-direction: column;
}

header-component .logo-holder {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

header-component .logo {
    align-self: center;
    margin-top: 20px;
    margin-bottom: 10px;
}

header-component ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.right-panel {
    margin-top: 20px;
    border: 1px white dashed;
    flex-wrap: wrap;
    width: 150px;
}

.right-panel .item:before {
    background: transparent;
}

.right-panel .dropdown {
    flex-basis: 100%;
    padding: 10px 0;
}

.right-panel .lang-nav, .notification-nav, .settings-nav {
    flex-basis: min-content !important;
}

.right-panel .item.cd-item {
    flex-basis: 100%;
    margin-top: 10px;
}

.right-panel .current-date {
    min-width: auto;
}
}