/**
 * Universal Voice Search: Settings Css
 */

/* Common CSS */
.uvs-language {
    cursor: pointer !important;
}

#uvsavigationSettingsWrapper {
    background-color: #f1f1f1;
    padding: 5px;
}

#uvsavigationSettingsWrapper table {
    border-collapse: collapse;
    width: 100%;
}

.uvs-row {
    margin-bottom: 15px;
}

/* Clear floats after the columns */
.uvs-row:after,
.uvs-basic-config-sub-row:after {
    content: "";
    display: table;
    clear: both;
}

/* End of Common CSS */
/* Header */
#uvsavigationSettingsWrapper #uvsavigationSettingsPageHeading {
    font-size: 1.5em;
    color: #000000;
    cursor: default;
}

#uvsavigationSettingsWrapper #uvsavigationSettingsPageHeaderLogo {
    min-width: 200px;
    height: 66px;
    float: right;
}

#uvsSubscribe {
    font-size: 0.9em !important;
    font-style: italic !important;
    text-align: right !important;
    padding: 3px 10px 3px 3px !important;
    margin-bottom: 3px !important;
    background-color: #29f48f !important;
}

.uvs-setting-header-column-1,
.uvs-setting-header-column-2 {
    float: left;
}

.uvs-setting-header-column-1 {
    padding-top: 10px;
}

.uvs-setting-header-column-1 {
    width: 50%;
}

.uvs-setting-header-column-2 {
    width: 50%;
}

#uvsavigationSettingsHeader.uvs-row {
    margin-bottom: 5px;
}

/* End of Header */
/* Basic Configuration sections */
.uvs-setting-basic-config-column-1,
.uvs-setting-basic-config-column-2,
.uvs-setting-basic-config-column-3 {
    float: left;
}

.uvs-setting-basic-config-column-1 {
    width: 20%;
}

.uvs-setting-basic-config-column-2 {
    width: 70%;
}

.uvs-setting-basic-config-column-3 {
    width: 10%;
    text-align: center;
}

.uvs-setting-basic-config-column-2 {
    padding-top: 5px;
    padding-bottom: 5px;
}

#uvsavigationBasicConfigSection.uvs-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.uvs-hide {
    display: none !important;
}

.uvs-important {
    color: #FF0000 !important;
}

.uvs-basic-config-sub-row {
    padding: 5px;
}

.uvs-basic-config-attached-label-column {
    margin-top: 1px;
    width: 14%;
    float: left;
    font-size: 0.9em !important;
}

.uvs-basic-config-attached-input-column {
    width: 100%;
}

.uvs-basic-config-attached-input-column input {
    width: 84%;
    margin-left: 0;
}

#uvsavigationBasicConfigSection .uvs-row {
    margin-bottom: 0;
}

table#uvsavigationBasicConfHeaderTable {
    height: 100%;
}

.uvs-basic-config-attached-label-column {
    text-align: center;
    font-weight: bold;
    background-color: #eee;
    padding: 2px;
    border: 1px solid #ccc;
}

.uvs-autotimeout-mic {
    margin-top: 5px;
}

.uvs-autotimeout-label {
    font-weight: normal;
}

#uvsavigationSettingsWrapper .uvs-basic-config-section-title {
    background-color: #144659 !important;
    color: #ffffff;
    padding: 5px;
    text-align: center;
    cursor: default;
}

.uvs-dotted-border {
    border: 1px dotted black !important;
    padding: 10px !important;
}

/* End of Basic Configuration sections */
/* Card Effect */
.uvs-card {
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
}

/* End of Card effects */
/*----Media Queries ----*/
/* Extra small devices (phones, 600px and down) */
@media screen and (max-width: 600px) {

    /* For Full Width*/
    .uvs-setting-basic-config-column-1,
    .uvs-setting-basic-config-column-2,
    .uvs-setting-basic-config-column-3,
    .uvs-basic-config-attached-input-column,
    .uvs-basic-config-attached-input-column input,
    .uvs-setting-header-column-1,
    .uvs-setting-header-column-2 {
        width: 100%;
    }

    /* For Settings page header */
    .uvs-setting-header-column-1,
    .uvs-setting-header-column-2 {
        text-align: center;
    }

    #uvsavigationSettingsWrapper #uvsavigationSettingsPageHeaderLogo {
        float: none;
    }

    /* For Basic Configuration */
    .uvs-setting-basic-config-column-1,
    .uvs-setting-basic-config-column-2,
    .uvs-setting-basic-config-column-3,
    .uvs-basic-config-sub-row {
        margin-top: 10px;
    }

    #uvsBasicConfHeaderSection.uvs-setting-basic-config-column-1 {
        margin-top: 0;
    }

    #uvsavigationBasicConfigSection.uvs-row {
        display: block !important;
    }

    #uvsBasicConfHeaderSection {
        padding: 0 !important;
    }

    .uvs-basic-config-attached-label-column {
        width: 99%;
    }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

    /* For Full Width*/
    .uvs-setting-basic-config-column-1,
    .uvs-setting-basic-config-column-2,
    .uvs-setting-basic-config-column-3,
    .uvs-basic-config-attached-input-column,
    .uvs-basic-config-attached-input-column input,
    .uvs-setting-header-column-1,
    .uvs-setting-header-column-2 {
        width: 100%;
    }

    /* For Settings page header */
    .uvs-setting-header-column-1,
    .uvs-setting-header-column-2 {
        text-align: center;
    }

    #uvsavigationSettingsWrapper #uvsavigationSettingsPageHeaderLogo {
        float: none;
    }

    /* For Basic Configuration */
    .uvs-setting-basic-config-column-1,
    .uvs-setting-basic-config-column-2,
    .uvs-setting-basic-config-column-3,
    .uvs-basic-config-sub-row {
        margin-top: 10px;
    }

    #uvsBasicConfHeaderSection.uvs-setting-basic-config-column-1 {
        margin-top: 0;
    }

    #uvsavigationBasicConfigSection.uvs-row {
        display: block !important;
    }

    #uvsBasicConfHeaderSection {
        padding: 0 !important;
    }

    .uvs-basic-config-attached-label-column {
        width: 98%;
    }
}