/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    height: 100%;
}
body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}
.img-portfolio {
    margin-bottom: 30px;
}
.img-hover:hover {
    opacity: 0.8;
}

/* 404 Page Styles */
.error-404 {
    font-size: 100px;
}

.navbar-brand {
    padding: 5px;
}
.navbar-brand img {
    height: 42px;
}
.navbar-inverse {
    background-color: #0554a3;
    border-color: #0554a3;
}
.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}
.btn-primary {
    color: #fff;
    background-color: #0554a3;
    border-color: #053e7d;
}

/* Footer Styles */
footer {
    margin: 20px 0;
}

/* Custom Additions */
fieldset.group-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0 0 0 0 #000;
    box-shadow:  0 0 0 0 #000;
}
legend.group-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width: auto;
    padding: 18px 8px 0px;
    border-bottom: none;
    margin-bottom: 19px;
}
.pad-10 {
    padding: 10px;
}

/* Page Content Styles */
#main-content .row p {
    font-size: 16px;
}

/* Utility Classes */
.display-none { display: none; }
.error { color: red; font-size: inherit; position: relative; line-height: 1; width: inherit; }
.complete-green-bg { background-color: rgba(31, 180, 49, 0.1)!important; }
.not-started-red-bg { background-color: rgba(255, 0, 0, 0.06)!important; }
.strong { font-weight: bold; }
.stronger { font-weight: bolder; }
.spacer { min-height: 15px; }
.clearfix { display: block; clear: both; }
.underlined { border-bottom: 1px solid lightgray; }
.nowrap { white-space: nowrap; }

/* Floats */
.text-left { text-align: left!important; }
.text-right { text-align: right!important; }
.pull-left { float: left!important; }
.pull-right { float: right!important; }

/* Margins */
.margin-top-0 { margin-top: 0px!important; }
.margin-top-5 { margin-top: 5px!important; }
.margin-top-10 { margin-top: 10px!important; }
.margin-top-15 { margin-top: 15px!important; }
.margin-top-25 { margin-top: 25px!important; }
.margin-right-0 { margin-right: 0px!important; }
.margin-right-5 { margin-right: 5px!important; }
.margin-right-10 { margin-right: 10px!important; }
.margin-right-15 { margin-right: 15px!important; }
.margin-right-25 { margin-right: 25px!important; }
.margin-bottom-0 { margin-bottom: 0px!important; }
.margin-bottom-5 { margin-bottom: 5px!important; }
.margin-bottom-10 { margin-bottom: 10px!important; }
.margin-bottom-15 { margin-bottom: 15px!important; }
.margin-bottom-25 { margin-bottom: 25px!important; }
.margin-left-0 { margin-left: 0px!important; }
.margin-left-5 { margin-left: 5px!important; }
.margin-left-10 { margin-left: 10px!important; }
.margin-left-15 { margin-left: 15px!important; }
.margin-left-25 { margin-left: 25px!important; }

/* Padding */
.padding-top-0 { padding-top: 0px!important; }
.padding-top-5 { padding-top: 5px!important; }
.padding-top-10 { padding-top: 10px!important; }
.padding-top-15 { padding-top: 15px!important; }
.padding-top-25 { padding-top: 25px!important; }
.padding-right-0 { padding-right: 0px!important; }
.padding-right-5 { padding-right: 5px!important; }
.padding-right-10 { padding-right: 10px!important; }
.padding-right-15 { padding-right: 15px!important; }
.padding-right-25 { padding-right: 25px!important; }
.padding-bottom-0 { padding-bottom: 0px!important; }
.padding-bottom-5 { padding-bottom: 5px!important; }
.padding-bottom-10 { padding-bottom: 10px!important; }
.padding-bottom-15 { padding-bottom: 15px!important; }
.padding-bottom-25 { padding-bottom: 25px!important; }
.padding-left-0 { padding-left: 0px!important; }
.padding-left-5 { padding-left: 5px!important; }
.padding-left-10 { padding-left: 10px!important; }
.padding-left-15 { padding-left: 15px!important; }
.padding-left-25 { padding-left: 25px!important; }

/* Font Sizes */
.font-size-16 { font-size: 16px; }
.font-size-20 { font-size: 20px; }
.font-size-24 { font-size: 24px; }
.font-size-28 { font-size: 28px; }
.font-size-34 { font-size: 34px; }
.font-size-48 { font-size: 48px; }
.font-size-64 { font-size: 64px; }

/* Responsive Styles */
@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}