.cropable.carousel.slide {
    overflow:hidden;
}

.cropable img {
    min-height: 300px;
    overflow: hidden;
    max-width: 100%;
}

.cropable .carousel-inner {
    min-width: 800px;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
}

.err {
    color:red;
}

.navbar-fixed-top a {
    color: #222;
}

.jumbotron-bg {
    background: url('/_Finao2015/finao.webflow/images/fundy-group.jpg');
    background-size: cover;
    height: 600px;
}

.navbar-bg {
    background-color: rgba(255, 255, 255, 0.9);
}

.bg-lightgray {
    background-color: #ededed;
}

.testimonial-section {
    background-image: url('/images/mobile/test-bg.jpg');
    background-size: cover;
}

.testimonial-section .img-circle {
    width: 100px;
}

.text-white {
    color: #fff;
}

.almost-invisible {
    opacity:0.01;
    filter:alpha(opacity=1);
    cursor:default;
}

.modal-body {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

#swatchMaterialSelector div.selected {
    /*border: solid 4px #A40000;*/
}

#swatchMaterialSelector .materialSelector
{
    border: 2px solid #5E5E5E;
    float: left;
    position: relative;
    width: 120px;
    height: 120px;
    cursor: pointer;
}

.materialSelectorContainer {
    width: 130px;
    height: 130px;
    padding-left: 5px;
    padding-top: 5px;
}

.red-text {
    color: red;
}

.grey-text {
    color: grey;
}

.materialSelectorContainer.selectedMarker {
    background-color: #A40000;
}

.materialSelector .materialSelName
{
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
    font-size: 70%;
    margin: 4px 20px 4px 4px;
    padding: 5px;
    color: #000;
}

.navbar-brand {
    margin-bottom: 5px;
    height: 60px;
}

.navbar-inverse a {
    color: #999999;
}

.panel-group h3 {
    font-size: 23px;
}

.panel-group .panel-collapse {
    padding-top: 5px;
}

.input-group[class*="col-"] {
    padding-right: 15px;
    padding-left: 15px;
}

.carousel-control.left {
    background-image:none;
}

.carousel-control.right {
    background-image:none;
}

.testimonial-section p.text-small {
    font-size: small;
}

.text-small {
    font-size: small;
}

.panel-default > .panel-heading {
    color: inherit;
    background-color: transparent;
}

.panel-collapse {
    border-bottom: 1px solid #ddd;
}

/* Mobile/Tablet styles (xs specific) */
body {
    padding-top: 65px;
}

.msg-critical {
    background-color: #ff0000;
    color: #ffffff;
    font-size: larger;
    font-weight: bold;
    padding: 5px;
}

.msg-important {
    border: 2px solid #ff0000;
    font-size: large;
    padding: 5px;
}

.msg-note {
    border: 2px solid orange;
    padding: 5px;
}

.msg-gray {
    border: 2px solid #a0a0a0;
    padding: 5px;
}

.msg-black {
    border: 2px solid #000000;
    padding: 5px;
}

.pad-top {
    padding-top: 10px;
}

.pad-top-more {
    padding-top: 15px;
}

.pad-top-double {
    padding-top: 20px;
}

.pad-bottom {
    padding-bottom: 10px;
}

.pad-bottom-more {
    padding-bottom: 15px;
}

.pad-bottom-double {
    padding-bottom: 20px;
}

.panel.panel-pad-lr > .panel-collapse {
    padding-left: 10px;
    padding-right: 10px;
}

.margin-top {
    margin-top: 10px;
}

.margin-top-more {
    margin-top: 15px;
}

.margin-top-double {
    margin-top: 20px;
}

.margin-bottom {
    margin-bottom: 10px;
}

.margin-bottom-more {
    margin-bottom: 15px;
}

.margin-bottom-double {
    margin-bottom: 20px;
}

.navbar-brand img {
    width: 100px;
}

.row.row-bottom-align > * {
    float: none;
    display: inline-block;
    font-size: 14px;
}

.swatch-outline {
    outline: 1px solid #000000;
}

.row.row-bottom-align {
    font-size: 0;
}

.row.row-bottom-align > *:last-child {
    vertical-align: bottom;
}

.text-truncate {
    text-overflow:ellipsis;
    overflow:hidden;
}

.carousel-bg-img .item {
    height: 300px;
}

.carousel-bg-img .btn {
    margin-top: 25%;
}

.carousel-caption-xs-bump {
    position: relative;
    left: 0;
    top: 0;
    background: #151515;
}

.carousel-indicators-xs-bump {
    bottom: -10px;
}

.social-media {
    margin-right: 5px;
}

h2.panel-title {
    font-size: 16px;
}

.glyphicon-info-sign {
    font-size: 1.2em;
    margin-left: 0px;
}

.skinny-addon {
    /* the enlarges info icon otherwise makes the addon box wider than the th-icon one */
    padding-left: 10px;
    padding-right: 11px;
}
.input-group-addon .glyphicon {
    color: black;
}
.input-group-addon .glyphicon-info-sign {
    color: #003399;
}
.cd-cell {
    padding: 5px;
    border: 3px solid white;
    display: inline-block;
    color: black;
}
.cd-cell-selected {
    border-color: darkred;
}

.modal-xl {
    min-width: 90%;
    max-width: 1200px;
}

.modal-xl .modal-content {
    min-height: 90%;
    max-height: 1000px;
}

.modal-xl .modal-body {
    height: 450px;
}

input.file-input {
    padding-top: 0px;
}

.affix {
    top: 65px;
    position:fixed;
    z-index:2;
    width: 100%;
}

/* Tablet styles (sm+) */
@media (min-width:768px) {
    body {
        padding-top: 115px;
    }

    .control-label {
        padding-top: 6px;
    }

    .carousel-bg-img .item {
        height: 300px;
    }

    .carousel-bg-img .btn {
        margin-top: 30%;
    }

    .carousel-indicators-xs-bump {
        bottom: 10px;
    }

    .carousel-caption-xs-bump {
        position: absolute;
        background: inherit;
        left: 20%;
        right: 20%;
        top: auto;
    }

    h2.panel-title {
        font-size: 22px;
    }

    .affix {
        top: 115px;
        position:fixed;
        z-index:2;
        width: inherit;
    }
}

/* Desktop styles (md) */
@media (min-width: 991px) {
    body {
        padding-top: 140px;
    }

    .pad-top {
        padding-top: 20px;
    }

    .pad-top-more {
        padding-top: 30px;
    }

    .pad-top-double {
        padding-top: 40px;
    }

    .pad-bottom {
        padding-bottom: 20px;
    }

    .pad-bottom-more {
        padding-bottom: 30px;
    }

    .pad-bottom-double {
        padding-bottom: 40px;
    }

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

    .margin-top-more {
        margin-top: 30px;
    }

    .margin-top-double {
        margin-top: 40px;
    }

    .margin-bottom {
        margin-bottom: 20px;
    }

    .margin-bottom-more {
        margin-bottom: 30px;
    }

    .margin-bottom-double {
        margin-bottom: 40px;
    }

    .navbar-brand img {
        width: 150px;
    }

    .carousel-bg-img .item {
        height: 500px;
    }

    .carousel-bg-img .btn {
        margin-top: 44%;
    }

    .navbar-content {
        padding-top: 90px;
    }

    .affix {
        top: 140px;
        position:fixed;
        z-index:2;
    }
}

/* Desktop styles (lg) */
@media(min-width: 1200px) {
    body {
        padding-top: 110px;
    }

    .carousel-bg-img .item {
        height: 500px;
    }

    .carousel-bg-img .btn {
        margin-top: 36%;
    }
    .navbar-content {
        padding-top: 50px;
    }

    .affix {
        top: 100px;
        position:fixed;
        z-index:2;
    }
}