body {
}

.contents {
    background-color: white;
    padding: 20px 30px 40px;
    overflow: auto;
    max-width: 1600px;
}

@media (max-width:768px) {
    .contents {
        background-color: white;
        padding: 20px 15px 40px;
        overflow: auto;
        max-width: none;
        min-width: 100px;
    }
}

.title {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: bold;
    display: inline-block;
}

caption {
    display: none;
}

a {
    text-decoration: none;
    color: inherit;
}

table.list_table {
    width: 100%;
    margin-top: 10px;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
}

    table.list_table td {
        font-size: 13px;
        padding: 8px 5px;
        border-bottom: 1px solid #ccc;
        text-align: center;
    }

        table.list_table td:nth-child(2) {
            text-align: left;
        }

    table.list_table thead th {
        padding: 10px;
        border-bottom: 2px solid #ccc;
        font-size: 13px;
        text-align: center;
    }

        table.list_table thead th:nth-child(2) {
            text-align: left;
        }


.btn_default:hover {
    background-color: white;
    color: #9B6C31;
}

.spinner {
    display: none;
}


.contact__wrap {
    display: inline-block;
    width: 100%;
    margin: 10px 0;
}
/* contact accordion  */
.contacttab {
    overflow: hidden;
    border: 0px solid #ccc;
    background-color: #e9e9e9;
    border-radius: 5px
}

    .contacttab button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 8px 30px 14px;
        transition: 0.3s;
        font-size: 14px;
        font-weight: 600;
        border-top: 6px solid #e9e9e9;
        color: #595959;
    }

        .contacttab button.active {
            border-left: 1px solid #9B6C31;
            border-right: 1px solid #9B6C31;
            border-top: 6px solid #9B6C31;
            border-bottom: 1px solid #fff;
            border-radius: 5px 5px 0 0;
            background-color: #fff;
            color: #9B6C31;
        }

        .contacttab button:hover {
            color: #704918;
        }

        .contacttab button.contacttline:after {
            content: "";
            position: absolute;
            width: 100%;
            left: 0;
            bottom: 100%;
            background-color: #26348b;
            height: 6px;
            transition-property: height;
            transition-duration: 200ms;
        }

.contactCont {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
    background: #fff;
}

@media (max-width:940px) {
    .contacttab button {
        padding: 8px 15px 14px;
    }
}


@media (max-width:680px) {
    .contacttab {
        background: #fff;
    }

        .contacttab button {
            background: #fff;
            border: 1px solid #26348b;
            margin: 3px;
            border-radius: 5px;
            padding: 5px 10px;
        }

            .contacttab button.active {
                border: 1px solid #26348b;
                border-radius: 5px;
                background: #26348b;
                color: #fff;
            }

    .contactCont {
        border-top: 2px solid #26348b;
        margin-top: 7px;
    }
}

/* contact accordion END */

/* contact content */

.contact__container {
    margin: 0 auto;
    padding: 10px 5px;
    width: 100%;
}

.contact__list__wrap {
    clear: both;
}

    .contact__list__wrap .contact__item {
        border-bottom: 1px solid #e5e5e5;
    }

        .contact__list__wrap .contact__item button[aria-expanded=true] {
            border-bottom: 1px solid #9B6C31;
        }

    .contact__list__wrap button {
        position: relative;
        display: block;
        text-align: left;
        width: 100%;
        padding: 10px 0;
        color: #343a40;
        font-size: 13px;
        font-weight: 400;
        border: none;
        background: none;
        outline: none;
    }

        .contact__list__wrap button:hover, .contact__list__wrap button:focus {
            cursor: pointer;
            color: #9B6C31;
        }

            .contact__list__wrap button:hover::after, .contact__list__wrap button:focus::after {
                cursor: pointer;
                color: #0477BF;
                border: 1px solid #0477BF;
            }

        .contact__list__wrap button .contact_title {
            padding: 5px;
            font-size: 13px;
            width: 88%;
        }

        .contact__list__wrap button .icon {
            display: inline-block;
            position: absolute;
            top: 14px;
            right: 0;
            width: 22px;
            height: 22px;
            border: 1px solid;
            border-radius: 22px;
        }

            .contact__list__wrap button .icon::before {
                display: block;
                position: absolute;
                content: "";
                top: 9px;
                left: 5px;
                width: 10px;
                height: 2px;
                background: currentColor;
            }

            .contact__list__wrap button .icon::after {
                display: block;
                position: absolute;
                content: "";
                top: 5px;
                left: 9px;
                width: 2px;
                height: 10px;
                background: currentColor;
            }

        .contact__list__wrap button[aria-expanded=true] {
            color: #9B6C31;
        }

            .contact__list__wrap button[aria-expanded=true] .icon::after {
                width: 0;
            }

            .contact__list__wrap button[aria-expanded=true] + .contact__content {
                opacity: 1;
                max-height: 100%;
                transition: all 400ms linear;
                will-change: opacity, max-height;
                padding: 10px 15px;
                font-size: 13px;
            }

    .contact__list__wrap .contact__content {
        opacity: 0;
        max-height: 0;
        overflow: hidden;
        transition: opacity 400ms linear, max-height 400ms linear;
        will-change: opacity, max-height;
    }

        .contact__list__wrap .contact__content p {
        }


.contact_bold {
    font-weight: 700;
    color: #26348b;
}

.form-inline .form-control {
    border: none;
}