﻿#edssearchbox {
    font-family: inherit;
    font-size: 14px;
    line-height: 1.5;
    color: #1f2937;
}

    #edssearchbox.tab-wrapper {
        margin: 0 0 1.75rem 0;
        padding: 0;
    }

    #edssearchbox .tab-wrap {
        position: relative;
        overflow: hidden;
        border: 1px solid #dbe4ee;
        border-radius: 14px;
        background: #fff;
        box-shadow: 0 10px 30px rgba(15, 23, 42, .07);
    }

        #edssearchbox .tab-wrap .tab-nav {
            display: flex;
            align-items: center;
            min-height: 58px;
            padding: 0 22px;
            background: linear-gradient(135deg, #0b5f91, #0d7899);
            border-radius: 14px 14px 0 0;
        }

            #edssearchbox .tab-wrap .tab-nav a,
            #edssearchbox .tab-wrap .tab-nav a:hover {
                width: 100%;
                color: #fff;
                font-size: 19px;
                font-weight: 700;
                text-decoration: none;
                letter-spacing: .2px;
            }

        #edssearchbox .tab-wrap .tabs-content {
            padding: 22px;
            color: #475569;
            background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
        }

    #edssearchbox .row {
        display: grid;
        grid-template-columns: minmax(160px, 220px) 1fr minmax(110px, 140px);
        gap: 10px;
        margin: 0;
        align-items: center;
    }

    #edssearchbox .col-xs-12,
    #edssearchbox .col-lg-2,
    #edssearchbox .col-lg-3,
    #edssearchbox .col-lg-6,
    #edssearchbox .col-lg-7 {
        width: auto;
        float: none;
        padding: 0;
        min-height: auto;
    }

    #edssearchbox .form-control {
        width: 100%;
        height: 46px !important;
        padding: 0 14px !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 10px !important;
        background: #fff !important;
        color: #0f172a !important;
        font-size: 14px;
        box-shadow: none !important;
        outline: none;
        transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
    }

        #edssearchbox .form-control:hover {
            border-color: #94a3b8 !important;
        }

        #edssearchbox .form-control:focus {
            border-color: #0d7899 !important;
            box-shadow: 0 0 0 3px rgba(13, 120, 153, .12) !important;
        }

    #edssearchbox select.form-control {
        cursor: pointer;
    }

    #edssearchbox .btn {
        width: 100%;
        height: 46px;
        padding: 0 18px !important;
        border: 0 !important;
        border-radius: 10px !important;
        font-size: 14px;
        font-weight: 700;
        line-height: 46px;
        text-align: center;
        cursor: pointer;
        box-shadow: none !important;
        transition: transform .15s ease, box-shadow .2s ease, background-color .2s ease;
    }

    #edssearchbox .btn-primary {
        color: #fff;
        background: #0d7899;
    }

        #edssearchbox .btn-primary:hover,
        #edssearchbox .btn-primary:focus {
            color: #fff;
            background: #09657f;
            box-shadow: 0 6px 16px rgba(13, 120, 153, .22) !important;
        }

        #edssearchbox .btn-primary:active {
            transform: translateY(1px);
        }

    #edssearchbox .tabs-content .btn {
        background-image: none !important;
    }

    #edssearchbox .alingCenter {
        margin-top: 18px;
        text-align: center !important;
    }

        #edssearchbox .alingCenter a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 40px;
            padding: 8px 16px;
            border: 1px solid #cfe0ea;
            border-radius: 999px;
            color: #0d7899;
            background: #f5fbfd;
            font-size: 13px;
            font-weight: 700;
            text-decoration: none;
            transition: background-color .2s ease, border-color .2s ease, color .2s ease;
        }

            #edssearchbox .alingCenter a:hover,
            #edssearchbox .alingCenter a:focus {
                color: #07566e;
                background: #eaf6fa;
                border-color: #9dcddd;
            }

@media (max-width: 767px) {
    #edssearchbox .tab-wrap {
        border-radius: 12px;
    }

        #edssearchbox .tab-wrap .tab-nav {
            min-height: 54px;
            padding: 0 16px;
        }

            #edssearchbox .tab-wrap .tab-nav a,
            #edssearchbox .tab-wrap .tab-nav a:hover {
                font-size: 17px;
            }

        #edssearchbox .tab-wrap .tabs-content {
            padding: 16px;
        }

    #edssearchbox .row {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    #edssearchbox .btn {
        width: 100%;
        float: none;
    }
}
