﻿.settings {
    max-width:600px;
    margin:auto;
}

.settings label {
    display:inline-block;
    font-size:12px;
    color:#808080;
    margin:20px 0 12px 0;
}

.settings .box > label {
    margin-top:0;
}

.settings .submit-group.no-border {
    border:0;
    padding:35px 0 10px 0;
}

.settings label.no-margin-top {
    margin-top:0;
}

.settings .code-snippet {
    margin-bottom:10px;
    display:none;
}

.settings div.visible {
    display:block !important;
}

.settings .code-snippet textarea[readonly] {
    width:100%;
    background:0;
    border:0;
    resize:none;
    margin-top:10px;
    overflow:auto;
}

.settings .js-advanced-options {
    display:none;
}

.settings .js-toggle-advanced-options.separator-line-after {
    display:block;
    clear:both;
    padding:35px 0 20px 0;
}

.settings .submit-group .btn-outline {
    display:none;
}

.settings .submit-group .btn-outline.visible {
    display:inline-block;
}



/* Toggle List */

.toggle-list li {
    padding:20px 0;
}

.toggle-list li:last-child {
    padding-bottom:0;
}

.toggle-list .btn,
.toggle-list .small-toggle-button {
    float:right;
}

.toggle-list .btn {
    margin-top:8px;
}

.toggle-list .small-toggle-button {
    margin-top:7px;
    margin-right:50px;
}

.toggle-list .small-toggle-button:last-child {
    margin-right:20px;
}

.toggle-list li h4 {
    margin:0;
}

.toggle-list li h4 + p {
    margin-top:5px;
}


/* Responsive Settings Monitoring Types */


@media(max-width:660px) {
    .toggle-list h3 + p {
        display:none;
    }

    .toggle-list .push-left + div:before {
        content:"Frequency: ";
    }

    .toggle-list h3 {
        margin-bottom:5px !important;
    }

    .toggle-list li {
        position:relative;
    }
    
    .toggle-list li form > div {
        display:block;
        text-align:left;
        padding:0 !important;
        float:none;
        width:100% !important;
    }

    .toggle-list .small-toggle-button {
        position:absolute;
        right:-15px;
        top:20px;
    }

    .toggle-list select {
        height:37px;
        padding:0 25px 0 5px;
        margin:15px 0;
    }

}


/* Responsive Settings Email Reports */

@media(max-width:660px) {

    .settings .width-50 {
        width: 100%;
        float: none;
        margin: 0;
        margin-top: 25px;
    }

    .settings .width-50:first-child {
        margin-top: 0;
    }
}

/* Responsive Settings API */

@media(max-width:660px) {

    .code-snippet ~ table th {
        display:none;
    }

    .code-snippet ~ table tr:first-child td:first-child {
        border-top:0;
    }

    .code-snippet ~ table td {
        display: block;
        width: 100% !important;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}


/* Responsive Settings Trust Seals */

@media(max-width:660px) {

    .settings .box header img.push-left {
        float:none;
        margin:auto;
        display:table;
        margin-top:10px;
    }

    .settings .seals header div.push-left {
        padding-left:0;
        margin-top:10px;
        float:none;
        clear:both;
        text-align:center;
    }

    .settings .seals header div.push-left h4  {
        margin-bottom:7px;
    }


}


/* Responsive Settings Server Side Scanner */ 

@media(max-width:830px) {

    p.text-center.color-red.padding-bottom-35 br {
        display:none;
    }

}


