/* =========================================================
   EURONOGOMET - MODUL PRETRAGE
   Mod102
   ========================================================= */


/* GLAVNI MODUL */

#Mod102 {
    width: 94% !important;

    margin: 0 0 22px 0 !important;
    padding: 0 !important;
}


/* UNUTARNJI KONTEJNERI */

#Mod102 .module-inner,
#Mod102 .module-ct {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* PRETRAGA */

#Mod102 .searcheuro-search {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* FORMULAR */

#Mod102 form.form-inline {
    display: flex !important;
    align-items: stretch !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   POLJE ZA UNOS
   ========================================================= */

#Mod102 input#mod-search-searchword102 {
    display: block !important;

    flex: 1 1 auto !important;

    width: auto !important;
    min-width: 0 !important;

    height: 42px !important;

    margin: 0 !important;
    padding: 0 13px !important;

    box-sizing: border-box !important;

    background: #fff !important;

    color: #222 !important;

    border: 1px solid #ccc !important;
    border-right: 0 !important;

    border-radius: 8px 0 0 8px !important;

    box-shadow: none !important;

    outline: none !important;

    font-family: inherit !important;
    font-size: 14px !important;
    line-height: 40px !important;
}


/* PLACEHOLDER */

#Mod102 input#mod-search-searchword102::placeholder {
    color: #999 !important;
    opacity: 1 !important;
}


/* FOKUS */

#Mod102 input#mod-search-searchword102:focus {
    background: #fff !important;

    border-color: #0052a5 !important;
    border-right: 0 !important;

    outline: none !important;

    box-shadow: none !important;
}


/* =========================================================
   GUMB
   ========================================================= */

#Mod102 input#mod-search-searchword102 + button {
    display: block !important;

    flex: 0 0 auto !important;

    width: 65px !important;
    height: 42px !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    background: #0052a5 !important;
    background-color: #0052a5 !important;

    color: #fff !important;

    border: 1px solid #0052a5 !important;

    border-radius: 0 8px 8px 0 !important;

    box-shadow: none !important;

    outline: none !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 400 !important;

    line-height: 40px !important;

    text-align: center !important;

    cursor: pointer !important;
}


/* HOVER */

#Mod102 input#mod-search-searchword102 + button:hover {
    background: #003f80 !important;
    background-color: #003f80 !important;

    border-color: #003f80 !important;

    color: #fff !important;
}


/* =========================================================
   MOBITEL
   ========================================================= */

@media (max-width: 767px) {

    #Mod102 {
        width: 100% !important;
        margin-bottom: 18px !important;
    }

    #Mod102 form.form-inline {
        width: 100% !important;
    }

    #Mod102 input#mod-search-searchword102 {
        height: 42px !important;

        padding-left: 12px !important;
        padding-right: 12px !important;

        font-size: 14px !important;
    }

    #Mod102 input#mod-search-searchword102 + button {
        width: 65px !important;
        height: 42px !important;
    }

}

#Mod102 {
    width: 94% !important;

    margin: 0 auto 22px auto !important;
    padding: 0 !important;
}