html{
    overflow-x: hidden;
}
body{
    font-family: 'Roboto', sans-serif;
    }
    .navbar .nav a, #sidebar .nav-list a, #sidebar h3 {
        font-size: 16px;
    }
    .category-list .category{
    width: 31.3%;
    padding: 125px 0 0 0;
    background-color: #f8f8f8;
    background-repeat: no-repeat;
        background-position-x: 50%;
        background-position-y: 20px;
    background-size: 120px 120px;
        box-shadow: -2px 2px 5px rgb(96 119 160 / 11%);
        /* UX: hover lift — semnal clar de interactivitate */
        transition: transform .15s ease, box-shadow .15s ease;
        cursor: pointer;
    }
    .category-list .category h3, .category-list .category p{
    background-color: #fff;
    }
    .category-list .category:hover {
    background-repeat: no-repeat !important;
    background-color: #f8f8f8;
        background-position-x: 50%;
        background-position-y: 20px;
    background-size: 120px 120px;
        /* UX: ridicare ușoară + umbră accentuată la hover */
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgb(96 119 160 / 18%);
    }

    .category-list .category p{
    padding: 0 0 9px;
    margin: 0;
    }
    .category-list .category h3{
    padding: 15px 0 9px 0;
    margin: 0;
    border-top: 1px solid #e0e0e0;
    }
    .category-list .category .article-count{
    margin-top: 0;
        padding-bottom: 15px;
    }

    /* ===========================================================
       CATEGORY ICONS - Manual de utilizare ContApp
       Base URL: https://contapp.ro/blog/wp-content/uploads/2026/05/
       Last update: 2026-05
       =========================================================== */

    /* --- Colecția: Configurare --- */
    #category-188 { /* Prezentare ContApp */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/prezentare-contapp.png);
    }
    #category-183 { /* Cont utilizator */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/cont-utilizator.png);
    }
    #category-189 { /* Setări Firmă */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/setari-firma.png);
    }
    #category-190 { /* Spațiul de documente */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/spatiu-documente.png);
    }
    #category-191 { /* Integrări. Import & export date */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/integrari-import-export.png);
    }
    #category-192 { /* Abonamente ContApp */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/abonamente-contapp.png);
    }

    /* --- Colecția: CRM - Vânzări (NOU) --- */
    #category-239 { /* Generalități CRM */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/crm-generalitati.png);
    }
    #category-240 { /* Magazin produse */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/magazin-produse.png);
    }
    #category-245 { /* Parteneri ContApp */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/parteneri-contapp.png);
    }

    /* --- Colecția: Facturare --- */
    #category-187 { /* Generalități Facturare */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/facturare-generalitati.png);
    }
    #category-185 { /* Facturare clienți */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/facturare-clienti.png);
    }
    #category-186 { /* ContApp e-Factura */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/e-factura.png);
    }

    /* --- Colecția: Contabilitate --- */
    #category-237 { /* Declarații ANAF (NOU) */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/declaratii-anaf.png);
    }
    #category-107 { /* Generalități Contabilitate (Despre contabilitatea în PS) */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/contabilitate-generalitati.png);
    }
    #category-51 { /* Înregistrare venituri (Facturi vânzări) */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/inregistrare-venituri.png);
    }
    #category-52 { /* Înregistrare cheltuieli (Facturi furnizori) */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/inregistrare-cheltuieli.png);
    }
    #category-53 { /* Înregistrare încasări și plăți */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/incasari-plati.png);
    }
    #category-54 { /* Imobilizări & Obiecte de inventar */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/imobilizari-obiecte-inventar.png);
    }
    #category-55 { /* Registre și jurnale contabile */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/registre-jurnale-contabile.png);
    }

    /* --- Colecția: Declarația Unică --- */
    #category-7 { /* Generalități Declarația Unică (Despre Ghid PFA) */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/declaratia-unica-generalitati.png);
    }
    #category-12 { /* Adăugare venituri (Administrare cont) */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/declaratia-unica-adaugare-venituri.png);
    }
    #category-138 { /* Depunere declarație */
        background-image: url(https://contapp.ro/blog/wp-content/uploads/2026/05/declaratia-unica-depunere.png);
    }

    /* ===========================================================
       TYPOGRAPHY - Article body
       Font size increased from 14px → 16px for better readability
       =========================================================== */
    #fullArticle,
    #fullArticle p,
    #fullArticle li,
    #fullArticle td,
    #fullArticle span,
    .article-body,
    .article-body p,
    .article-body li,
    article p,
    article li,
    .docs-article p,
    .docs-article li {
        font-size: 16px;
        line-height: 1.65;
    }

    i.capp-user {
        content: url(https://api.contapp.ro/images/user.svg?2a33faf2c8fab9cbf92154fbb9710584);
    }

    i.capp-checkmark {
        content: url(https://api.contapp.ro/images/checkmark.svg?3b07f92abd90cbaa3202a797fcbadb0c);
    }

    i.capp-cart {
        content: url(https://api.contapp.ro/images/cart.svg?77e08fabdd6aa7741a441629112003e4);
    }

    i.capp-contapp {
        content: url(https://api.contapp.ro/images/contapp.svg?1e159e02b6be2a6f81df24a5be29228f);
    }

    i.capp-folder {
        content: url(https://api.contapp.ro/images/folder.svg?7637a9866ac0bb11c89cd352487c6718);
    }

    i.capp-gear-mind {
        content: url(https://api.contapp.ro/images/gear-mind.svg?fbeaed7619f76933e957fddd60a47e05);
    }

    i.capp-guide {
        content: url(https://api.contapp.ro/images/guide.svg?f919f53b4892b099facf602ab6ed4dc2);
    }

    i.capp-list-plus {
        content: url(https://api.contapp.ro/images/list-plus.svg?eea052b4e8f6f190d115136502b6531a);
    }

    i.capp-magnifier {
        content: url('https://api.contapp.ro/images/magnifier.svg?622089167c7af76d1866053839656528');
    }

    i.capp-mobile-with-checkmark {
        content: url(https://api.contapp.ro/images/mobile-with-checkmark.svg?20dc170f48e3445b5e3c5de91d121352);
    }

    i.capp-people {
        content: url(https://api.contapp.ro/images/people.svg?21bba19c419dadae4a3c64daf7e05abd);
    }

    i.capp-stopwatch {
        content: url(/images/stopwatch.svg?fe5a816b48ae8b4e6680e1fe1d948bc0);
    }
    .header-buttons{
        display: flex;
        align-items: center;
    }
    .header-buttons>*:not(:last-child){
        margin-right: .5rem;
    }


    #searchBar button {
        color: #fff;
        text-shadow: 0 -1px 1px rgb(0 0 0 / 40%);
        background: #34b98e;
        border-radius: 0 5px 5px 0;
        border: 1px solid #34b98e;
        font-size: 18px;
        padding: 0 1.5em;
        height: 50px;
        position: absolute;
        top: 24px;
        right: -1px;
    }

    #searchBar button:hover {
        background: #00AC4E;
    }

    .brand img{
        width: auto;
        height: 26px;
    }
    .container-fluid{
        padding: 10px !important;
    }
    header .nav{
        height: 100%;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
    .mergi_aplicatie{
        font-style: normal !important;
        font-size: 14px !important;
        border: 2px none transparent !important;
        box-shadow: 0px 0px 0px -7px rgba(0,0,0,0) !important;
        background-color: #f26722 !important;
        color: #ffffff !important;
        border-radius: 3px !important;
        padding: 0.4em 1em !important;
        line-height: 1.6 !important;
        display: inline-block !important;
        font-family: inherit !important;
        cursor: pointer !important;
        text-decoration: none !important;
        transition: all 0.2s ease !important;
    }

    .mergi_aplicatie:hover{
        box-shadow: 0px 15px 25px -7px rgba(0,0,0,0.1) !important;
        background-color: #34b98e !important;
        color: #ffffff !important;
    }
    .position-absolute{
        position: absolute !important;
        z-index: 0 !important;
    }
    #docsSearch{
        position: relative;
        padding: 0 !important;
        min-height:166px;
    }
    #docsSearch h1{
        position: relative;
        padding-top: 20px;
        margin-top: 0 !important;
    }
    #searchBar button{
        top: auto !important;
    }

    footer.center>*:first-child{
        display: none;
    }


    .header_background{
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-color: #fff !important;
        position: absolute;
    }
    .contactUs{
        margin-top: 6px;
        padding: 0 15px;
    }
    #docsSearch h1{

        text-align: left !important;
    }

    #searchBar{
        width: 100% !important;
    }
    @media screen and (max-width: 1100px){
        #searchBar{
            width: 85% !important;
            margin: 0 !important;
        }
    }

    @media (max-width: 768px) and (max-width: 480px){
        #searchBar button span{
            display: none !important;
        }
        #searchBar button .icon-search{
            color: white;
        }
    }

    @media (max-width: 980px){
        .category-list .category {
            width: 31.1%;
        }
    }
    @media (max-width: 768px){
        .category-list .category {
            width: 47.3%;
            margin: 1%;
        }
        .category-list h3{
        font-size: 18px;
        }
    }
    @media (max-width: 480px){
        .category-list .category {
            width: 90%;
            margin: 20px auto;
            display: table;
        }
    }


    .header-buttons a{
        display: flex !important;
        align-items: center;
        justify-content: center;
        padding: 8px !important;
        border-radius: 6px;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
        transition: box-shadow .15s;
    }
    .header-buttons a i {
        font-size: 1rem;
        height: 18px;
        width: 18px;
    }
    #sidebar form .search-query{
        display: initial !important;
    }

    .btn-white:focus, .btn-white:hover{
        background-color: #f9fafb !important;
        border-color: #d8dbea;
        color: #353535;
    }

    .btn-icon:active{
        border-width: 2px;
        padding: 7px!important;
        border-color: #d8dbea!important;
    }
    /* .nav{
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        width: 100%;
    } */

    #docsSearch #searchBar button{
        background-color: #f26722 !important;
        border: 1px solid #f26722 !important;
        transition: all .2s;
    }

    #docsSearch #searchBar button:hover{
        background-color: #00AC4E !important;
        border: 1px solid #00AC4E !important;
    }

    /* BOOTSTRAP CLASSES */

    .pt-0{
        padding-top:0!important
    }
    .pt-1{
        padding-top:.25rem!important
    }
    .pt-2{
        padding-top:.5rem!important
    }
    .pt-3{
        padding-top:1rem!important
    }
    .pt-4{
        padding-top:1.5rem!important
    }
    .pt-5{
        padding-top:3rem!important
    }
    .mt-0{
        margin-top:0!important
    }
    .mt-1{
        margin-top:.25rem!important
    }
    .mt-2{
        margin-top:.5rem!important
    }
    .mt-3{
        margin-top:1rem!important
    }
    .mt-4{
        margin-top:1.5rem!important
    }
    .mt-5{
        margin-top:3rem!important
    }
    .row{
        --bs-gutter-x:1.5rem;
        --bs-gutter-y:0;
        display:flex;
        flex-wrap:wrap;
        margin-left:calc(var(--bs-gutter-x)*-.5);
        margin-right:calc(var(--bs-gutter-x)*-.5);
        margin-top:calc(var(--bs-gutter-y)*-1)
    }
    .row>*{
        flex-shrink:0;
        margin-top:var(--bs-gutter-y);
        max-width:100%;
        padding-left:calc(var(--bs-gutter-x)*.5);
        padding-right:calc(var(--bs-gutter-x)*.5);
        width:100%
    }
    .col{
        flex:1 0 0%
    }
    .row-cols-auto>*{
        flex:0 0 auto;
        width:auto
    }
    .row-cols-1>*{
        flex:0 0 auto;
        width:100%
    }
    .row-cols-2>*{
        flex:0 0 auto;
        width:50%
    }
    .row-cols-3>*{
        flex:0 0 auto;
        width:33.3333333333%
    }
    .row-cols-4>*{
        flex:0 0 auto;
        width:25%
    }
    .row-cols-5>*{
        flex:0 0 auto;
        width:20%
    }
    .row-cols-6>*{
        flex:0 0 auto;
        width:16.6666666667%
    }
    @media (min-width:768px){
        .col-md{
            flex:1 0 0%
        }
        .row-cols-md-auto>*{
            flex:0 0 auto;
            width:auto
        }
        .row-cols-md-1>*{
            flex:0 0 auto;
            width:100%
        }
        .row-cols-md-2>*{
            flex:0 0 auto;
            width:50%
        }
        .row-cols-md-3>*{
            flex:0 0 auto;
            width:33.3333333333%
        }
        .row-cols-md-4>*{
            flex:0 0 auto;
            width:25%
        }
        .row-cols-md-5>*{
            flex:0 0 auto;
            width:20%
        }
        .row-cols-md-6>*{
            flex:0 0 auto;
            width:16.6666666667%
        }
        .col-md-auto{
            flex:0 0 auto;
            width:auto
        }
        .col-md-1{
            flex:0 0 auto;
            width:8.33333333%
        }
        .col-md-2{
            flex:0 0 auto;
            width:16.66666667%
        }
        .col-md-3{
            flex:0 0 auto;
            width:25%
        }
        .col-md-4{
            flex:0 0 auto;
            width:33.33333333%
        }
        .col-md-5{
            flex:0 0 auto;
            width:41.66666667%
        }
        .col-md-6{
            flex:0 0 auto;
            width:50%
        }
        .col-md-7{
            flex:0 0 auto;
            width:58.33333333%
        }
        .col-md-8{
            flex:0 0 auto;
            width:66.66666667%
        }
        .col-md-9{
            flex:0 0 auto;
            width:75%
        }
        .col-md-10{
            flex:0 0 auto;
            width:83.33333333%
        }
        .col-md-11{
            flex:0 0 auto;
            width:91.66666667%
        }
        .col-md-12{
            flex:0 0 auto;
            width:100%
        }
    }

    @media (min-width:992px){
        .col-lg{
            flex:1 0 0%
        }
        .row-cols-lg-auto>*{
            flex:0 0 auto;
            width:auto
        }
        .row-cols-lg-1>*{
            flex:0 0 auto;
            width:100%
        }
        .row-cols-lg-2>*{
            flex:0 0 auto;
            width:50%
        }
        .row-cols-lg-3>*{
            flex:0 0 auto;
            width:33.3333333333%
        }
        .row-cols-lg-4>*{
            flex:0 0 auto;
            width:25%
        }
        .row-cols-lg-5>*{
            flex:0 0 auto;
            width:20%
        }
        .row-cols-lg-6>*{
            flex:0 0 auto;
            width:16.6666666667%
        }
        .col-lg-auto{
            flex:0 0 auto;
            width:auto
        }
        .col-lg-1{
            flex:0 0 auto;
            width:8.33333333%
        }
        .col-lg-2{
            flex:0 0 auto;
            width:16.66666667%
        }
        .col-lg-3{
            flex:0 0 auto;
            width:25%
        }
        .col-lg-4{
            flex:0 0 auto;
            width:33.33333333%
        }
        .col-lg-5{
            flex:0 0 auto;
            width:41.66666667%
        }
        .col-lg-6{
            flex:0 0 auto;
            width:50%
        }
        .col-lg-7{
            flex:0 0 auto;
            width:58.33333333%
        }
        .col-lg-8{
            flex:0 0 auto;
            width:66.66666667%
        }
        .col-lg-9{
            flex:0 0 auto;
            width:75%
        }
        .col-lg-10{
            flex:0 0 auto;
            width:83.33333333%
        }
        .col-lg-11{
            flex:0 0 auto;
            width:91.66666667%
        }
        .col-lg-12{
            flex:0 0 auto;
            width:100%
        }
    }

    @media (min-width:1200px){
        .col-xl{
            flex:1 0 0%
        }
        .row-cols-xl-auto>*{
            flex:0 0 auto;
            width:auto
        }
        .row-cols-xl-1>*{
            flex:0 0 auto;
            width:100%
        }
        .row-cols-xl-2>*{
            flex:0 0 auto;
            width:50%
        }
        .row-cols-xl-3>*{
            flex:0 0 auto;
            width:33.3333333333%
        }
        .row-cols-xl-4>*{
            flex:0 0 auto;
            width:25%
        }
        .row-cols-xl-5>*{
            flex:0 0 auto;
            width:20%
        }
        .row-cols-xl-6>*{
            flex:0 0 auto;
            width:16.6666666667%
        }
        .col-xl-auto{
            flex:0 0 auto;
            width:auto
        }
        .col-xl-1{
            flex:0 0 auto;
            width:8.33333333%
        }
        .col-xl-2{
            flex:0 0 auto;
            width:16.66666667%
        }
        .col-xl-3{
            flex:0 0 auto;
            width:25%
        }
        .col-xl-4{
            flex:0 0 auto;
            width:33.33333333%
        }
        .col-xl-5{
            flex:0 0 auto;
            width:41.66666667%
        }
        .col-xl-6{
            flex:0 0 auto;
            width:50%
        }
        .col-xl-7{
            flex:0 0 auto;
            width:58.33333333%
        }
        .col-xl-8{
            flex:0 0 auto;
            width:66.66666667%
        }
        .col-xl-9{
            flex:0 0 auto;
            width:75%
        }
        .col-xl-10{
            flex:0 0 auto;
            width:83.33333333%
        }
        .col-xl-11{
            flex:0 0 auto;
            width:91.66666667%
        }
        .col-xl-12{
            flex:0 0 auto;
            width:100%
        }
    }
    @media (min-width:1400px){
        .col-xxl{
            flex:1 0 0%
        }
        .row-cols-xxl-auto>*{
            flex:0 0 auto;
            width:auto
        }
        .row-cols-xxl-1>*{
            flex:0 0 auto;
            width:100%
        }
        .row-cols-xxl-2>*{
            flex:0 0 auto;
            width:50%
        }
        .row-cols-xxl-3>*{
            flex:0 0 auto;
            width:33.3333333333%
        }
        .row-cols-xxl-4>*{
            flex:0 0 auto;
            width:25%
        }
        .row-cols-xxl-5>*{
            flex:0 0 auto;
            width:20%
        }
        .row-cols-xxl-6>*{
            flex:0 0 auto;
            width:16.6666666667%
        }
    }

    .list-inline,.list-unstyled{
        list-style:none;
        padding-left:0
    }

    .my-1{
        margin-bottom:.25rem!important;
        margin-top:.25rem!important
    }
    .mb-4{
        margin-bottom:1.5rem!important
    }

    /* CUSTOM FOOTER CSS */

    .footer li a{
        color: #353535;
        font-size: 12px;
        font-weight: 400;
        line-height: 22px;
    }
    .footer footer li a:hover{
        color: #f26722;
        text-decoration: none;
    }

    .footer li a img{
        height: 32px;
    }
    .footer ul{
        margin-left: 0 !important;
    }
    .footer-header{
        font-size: 1rem;
    }

    .footer footer{
        border-top: 1px solid #dee2e6;
    }

    .nav li a{
        /* margin-top: 6px !important; */
    }
    @media screen and (max-width: 600px) {
        .nav{
           flex-direction: column;
        }
    }


.form-control{
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 16px !important;
    padding: 12px !important;
    border: 1px solid #e2e4ef !important;
    border-radius: 6px !important;
    color: #353535 !important;
    width: 100% !important;
    outline:none !important;
    box-shadow: none !important;
}

.form-control:focus{
    box-shadow: none;
    border-color: #007a5c!important;
    box-shadow: none !important;
}
.input-group {
    padding-right: 10px;
    padding-left: 5px;
}
.btn{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    padding: 12px;
    border-radius: 6px;
    transition: box-shadow .15s;
    background-image: none;
}
.btn-primary, .btn-success{
    color: #fff;
    border: 1px solid #00ac4e;
    width:100%;
    background-color:#00ac4e;
   cursor: pointer;
   background-image: none;
   padding: 12px !important;
}

.btn-primary:hover, .btn-success:hover{
    color: #fff;
    background-color: #009d47;

}
.btn:hover{
    box-shadow: 0 4px 4px #0000001a;
}

div.dashed:before, div.dashed:after{
    content: "";
    height: 1px;
    margin: 1rem 0;
    flex-grow: 1;
    background-image: linear-gradient(to right,#E2E4EF 33%,rgba(255,255,255,0) 0%);
    background-position: bottom;
    background-size: 15px 1px;
    background-repeat: repeat-x;
}
div.dashed{
    display: flex;
    align-items: center;
    letter-spacing: .1em;
}
.mb-3{
    margin-bottom: 1rem!important;
}


.align-items-center{
  align-items:center;
}
.justify-content-between{
   justify-content: space-between!important;
}
.mt-4{
   margin-top: 1.5rem!important;
}
.col-auto{
  width:auto;
}
.btn-icon .bi{
   font-size:24px;
   color:black;
}
.btn-icon{
   padding:6px;
}

@media screen and (max-width: 770px){
 .input-group{
    padding-right: 0px;
    padding-left: 0px;
    padding-top: .5rem!important;
    padding-bottom: .5rem!important;
 }
}

.justify-content-center{
  justify-content:center;
}

.footer form>*:first-child{
    flex-wrap: nowrap;
}

@media screen and (max-width: 770px){
    .footer form>*:first-child{
        flex-wrap: wrap;
    }
}

.btn-icon{
    background-color: transparent;
    border: none;
    box-shadow: none;
}
.btn-icon:hover{
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.btn-icon:active{
    background-color: transparent;
    border: 2px solid black;
    box-shadow: none;
}

.row:before, .row:after{
    display: none;
}

.footer .container img{
    height: 32px;
}
.footer .container {
    width: 100%;
    overflow: hidden;
}
footer .container {
    width: 100%;
}

/* .footer form .col-md-4{
    width: 30.33333333%;
} */

.footer .rounded{
    display: none;
}

.login_btn{
    background-color: #fff;
    border: 1px solid #E2E4EF;
    color: #353535;

    display: flex;
    align-items: center;
    justify-content: center;
}

.login_btn:hover{
    border: 1px solid #E2E4EF;
    color: #353535;
}



.login_dropdown{
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 100;
    min-width: 160px;
    padding: 0;
    margin: 7px 0;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.35);
    list-style: none;
    text-align: left;
    color: #111;
    font-size: 13px;
    line-height: 1.5;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.login_dropdown_hidden{
    display: none;
}

.login_dropdown_item{
    line-height: 10px !important;
    font-size: 13px !important;
    margin-top: 0 !important;
}

.login_dropdown_item a:hover{
    background-color: #f2f2f2;
    text-decoration: none;
    color: #111 !important;
}

@media screen and (max-width: 600px) {
    .login_dropdown{
        right: 110%;
        bottom: -5px;
        top: auto;
    }
}