/* Override CSS for layouts */

.form-buttons-bottom {
    margin-top: 15px;
}

/* Takes some 4.1 CSS for 'form-row not in this version of Bootstrap so it can be used on the website */
@media (min-width: 240px) and (max-width: 991px) {
    .form-row > [class*="col-"] > .form-group > .radio,
    .form-row > [class*="col-"] > .form-group > .checkbox {
        padding-left: 35px;
    }

    .form-buttons-bottom {
        padding-left: 25px;
    }
}

@media (min-width: 992px) and (max-width: 2550px) {
    .form-row > .col, .form-row > [class*="col-"] > .form-group > [class*="col"] {
        padding-left: 5px;
        padding-right: 5px;
    }

    .form-row > [class*="col-"] > .form-group > .radio,
    .form-row > [class*="col-"] > .form-group > .checkbox {
        padding-left: 25px;
    }
}

/* Change the Submit and Clear button at button of form to be centered rather than offset */
.form-buttons-center  {
    margin-top: 15px;
    text-align: center;
}

@media (max-width: 992px) {
    .form-horizontal .control-label {
        text-align: left;
    }

    .form-buttons-center {
        text-align: left;
    }
}

.padded-radio > label {
    font-weight: normal;
}

.popover-wrapper {
    padding-top: 5px;
    padding-left: 0;
}
a.thispopover {
    background-color: #399;
    color: #fff;
    font-weight: 500;
    padding: 3px 8px 4px 8px;
    border-radius: 50px;
}
a.thispopover:hover,
a.thispopover:active {
    background-color: #116363;
    text-decoration: none;
}

@media (max-width: 768px) {
    .popover {
        max-width: 225px;
    }
}

/* Changes Submit button to use link color for btn-primary */

input[type=submit], .btn-primary {
    background-color: #399;
    border: 1px solid #399;
    color: #fff;
    text-decoration: none;
}

input[type=submit]:hover, .btn-primary:hover,
.btn-primary:active {
    background-color: #116363;
    border: 1px solid #116363;
    color: #fff;
    text-decoration: none;
}

div.checkbox input[type=checkbox] {
    float: none;
    margin-top: 3px;
}