.caret {
    border-color: #FFFFFF rgba(255, 255, 255, 0) -moz-use-text-color !important;
}

#user-options > li > a {
    clear: both;
    color: #333333;
    display: block;
    font-weight: 400;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
}

.dropdown-menu a:hover {
    background-color: #F5F5F5 !important;
    color: #262626 !important;
}

#toolbox {
    margin-top: 30px;
}

#toolbox li {
    font-size: 0.8em;
}

#toolbox li a {
    padding: 5px;
}

#toolbox hr {
    margin-top: 5px;
    margin-bottom: 5px;
}

.callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #5bc0de;
    border-left-width: 5px;
    border-radius: 3px;
}

.callout-danger {
    border-color: #d9534f;
}

.callout-danger h4 {
    color: #d9534f;
}

.callout-warning {
    border-color: #f0ad4e;
}

.callout-warning h4 {
    color: #f0ad4e;
}

.callout-success {
    border-color: #5cb85c;
}

.callout-success h4 {
    color: #5cb85c;
}

.g-recaptcha {
    margin-top: 20px;
}

/* B. Landscape phone to portrait tablet */
@media (max-width: 767px) {
    /* Layout --------------------------------------------------------------- */
    #sidebar {
        padding-bottom: 1em;
        padding-right: 15px;
    }

    .input-mini,
    .input-small,
    .input-medium,
    .input-large,
    .input-xlarge,
    .input-xxlarge {
        width: 100%;
    }
}

/* C. Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    /* Layout --------------------------------------------------------------- */
    /* Reduce width of search box. */
    .input-mini {
        width: 20%;
    }

    .input-small {
        width: 25%;
    }

    .input-medium {
        width: 40%;
    }

    .input-large {
        width: 60%;
    }

    .input-xlarge {
        width: 75%;
    }

    .input-xxlarge {
        width: 90%;
    }
}

/* D. Standard Desktop */
@media (min-width: 980px) {
    /* Layout --------------------------------------------------------------- */
    .input-mini {
        width: 15%;
    }

    .input-small {
        width: 20%;
    }

    .input-medium {
        width: 45%;
    }

    .input-large {
        width: 60%;
    }

    .input-xlarge {
        width: 75%;
    }

    .input-xxlarge {
        width: 85%;
    }
}

/* E. Large desktop */
@media (min-width: 1200px) {
    .input-mini {
        width: 15%;
    }

    .input-small {
        width: 20%;
    }

    .input-medium {
        width: 35%;
    }

    .input-large {
        width: 50%;
    }

    .input-xlarge {
        width: 65%;
    }

    .input-xxlarge {
        width: 80%;
    }
}

/* End of file
================================================================================
*/