html{height:100%}
body{font-size:16px;font-family:'Montserrat', sans-serif;min-height:100%;    background: #F3F4F5;}
a,a:focus,a:hover{text-decoration:none;color:#29ABE2}
.page-hero{position:relative;z-index:1;width:100%;height:500px;background-position:center;background-size:cover}

@media (max-width: 768px){
        .page-hero{height:200px}
}
.page-title{position:relative;z-index:3;color:#fff;padding-top:140px}
.page-title h1{font-size:100px}

.page-content{padding-top:40px;padding-bottom:40px}

@media (max-width: 768px){
    .page-title{padding-top:40px}
    .page-title h1{font-size:60px}
.page-content{margin-top:10px;padding-bottom:10px}
}
.page-content .content{margin-top:20px}
.navbar{margin-bottom:0;border-radius:0;border:none; background-color: transparent;}
.navbar-inverse a:hover .navbar-brand a:hover {
    color: #343433 !important;
}
.overlay{z-index:2;background-color:#000;opacity:.5;position:absolute;width:100%;height:100%}

/*! Pushy - v1.0.0 - 2016-3-1

* Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/pushy/
* by Christopher Yee */
.pushy{position:fixed;width:200px;height:100%;top:0;z-index:10001;background:#191918;overflow:auto;visibility:hidden;-webkit-overflow-scrolling:touch}
.pushy a{display:block;color:#b3b3b1;padding:15px 30px;text-decoration:none;outline:0}
.pushy a:hover{color:#FFF}
.pushy ul:first-child{margin-top:10px}
.pushy.pushy-left{left:0}
.pushy.pushy-right{right:0}
.pushy-left{-webkit-transform:translate3d(-200px, 0, 0);-ms-transform:translate3d(-200px, 0, 0);transform:translate3d(-200px, 0, 0)}
.pushy-open-left #container,.pushy-open-left .push{-webkit-transform:translate3d(200px, 0, 0);-ms-transform:translate3d(200px, 0, 0);transform:translate3d(200px, 0, 0)}
.pushy-right{-webkit-transform:translate3d(200px, 0, 0);-ms-transform:translate3d(200px, 0, 0);transform:translate3d(200px, 0, 0)}
.pushy-open-right #container,.pushy-open-right .push{-webkit-transform:translate3d(-200px, 0, 0);-ms-transform:translate3d(-200px, 0, 0);transform:translate3d(-200px, 0, 0)}
.pushy-open-left .pushy,.pushy-open-right .pushy{-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
#container,.pushy,.push{transition:transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99)}
.site-overlay{display:none}
.pushy-open-left .site-overlay,.pushy-open-right .site-overlay{
        display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background-color:rgba(0,0,0,0.5);
        -webkit-animation:fade 500ms;animation:fade 500ms}@keyframes fade{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fade{0%{opacity:0}100%{opacity:1}}
.pushy-submenu ul{padding-left:15px;transition:max-height 0.2s ease-in-out}
.pushy-submenu ul .pushy-link{transition:opacity 0.2s ease-in-out}
.pushy-submenu>a{position:relative}
.pushy-submenu>a::after{content:'';display:block;height:11px;width:8px;position:absolute;top:50%;right:15px;
                        background:url("../images/arrow.svg") no-repeat;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);transition:transform 0.2s}
.pushy-submenu-closed ul{max-height:0;overflow:hidden}
.pushy-submenu-closed .pushy-link{opacity:0}
.pushy-submenu-open ul{max-height:1000px}
.pushy-submenu-open .pushy-link{opacity:1}
.pushy-submenu-open a::after{-webkit-transform:translateY(-50%) rotate(90deg);-ms-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}
.no-csstransforms3d .pushy-submenu-closed ul{max-height:none;display:none}
.pushy ul{padding-left:0}
.pushy ul li{list-style:none}

.menu-btn{cursor:pointer;margin:15px;color:#343433}
.menu-close{font-size:30px}

.footer{padding:5px;color:#999;background-color:#343433;    background: rgba(8,188,194,1) /*nocover*/ url('/images/footer-bg.png') /*nocover*/;}
.footer.invisible{visibility:hidden}
.footer.sticky{position:fixed;bottom:0;width:100%}
.footer a{color:#ccc}
.footer a:hover{color:#fff}
.powered-by{position:relative;top:3px}.social-icon{font-size:46px}

footer i.fa { font-size: 25px;}

.headerLogo {
    display: block;
    width: 10%;
    margin: 1%;
    position: absolute;
    left: 43%;
    top: 0px;
    padding: 1%;
    background: #fff;
    z-index: 10;
}
    .headerLogo img {
        display: block;
        width: 100%; height: auto;
    }

.carousel-caption h2, .carousel-caption a{font-size:50px; color: #fff !important;}
.carousel-caption a:hover{color: #efefef;}

div.content .left, div.content .right {
    display: block;
}

div.content .left {
    width: 45%;
    float: left;
    padding: 0px 15px 0px 40px;
}

div.content .left h2 {
    margin-top: 40px;
}

div.content .left > div {
    padding-left: 40px;
}

div.content .right {
    width: 55%;
    float: right;
}

div.push-down {
    margin-bottom: 15px;
}

div.left.push-down {
    margin-bottom: 15px;
}

@media (max-width: 768px){
    .carousel-caption h2, .carousel-caption a{font-size:25px}

    div.content .left, div.content .right {
        width: 100% !important;
        float: none !important;
        padding: 0px 0px 0px 0px !important;
    }

    div.content .left h2 {
        margin-top: 10px !important;
    }

    div.content .left > div {
        padding-left: 25px !important;
    }

    .page-content { padding-top: 10px; }
}

.detailsHomeMain {
    /*background: url('/images/mbc_sub_page_header.jpg') no-repeat top left;
    background-size: 100% auto;*/
}

.subheaderImage {
    display: block;
    width: 100%;
    height: auto;
}

.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }

#map {
        width: 100%;
        height: 400px;
        background-color: grey;
      }


.signup-form {
    color: #45474D;
    max-width: 28.75rem;
    margin: 5.5rem auto;
    text-align: center;
}

.signup-form *, .signup-form :after, .signup-form :before, .signup-form hr, .signup-form input[type=search] {
    box-sizing: border-box;
}

.signup-form .title-text {
    margin-bottom: 3rem;
}

.form-group {
    position: relative;
    margin-top: 2.25rem;
}

input[type=text], input[type=password], select, textarea {
    border-radius: 4px;
    padding: 5px 12px;
}

.manage a.master {
    display: block;
    padding: 50px 25px;
    font-size: 40px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #000;
    color: #fff;
    width: 23%;
    float: left;
    margin: 1%;
}

    .manage a.master.addBidderButton {
        width: 98% !important;
    }

@media screen and (max-width: 999px) {
    .manage.home a.master {
        width: 48% !important;
    }
    .manage a.master.smallBig {
        width: 98% !important;
        margin-bottom: 25px;
    }
    .manage a.master.hideSmall {
        display: none !important;
    }

    .manage #runningTotalContainer {
        display: none;
    }
}

@media screen and (max-width: 700px) {
    .manage h1 a {
        position: absolute;
        top: 0;
        left: 0;
        background: #000 !important;
        width: 100% !important;
        line-height: 200% !important;
        text-align: center !important;
    }

    .bidLogSmallContainer, .bidLogLargeContainer {
        width: 100% !important;
        float: none !important;
        margin-bottom: 10px !important;
    }

    .bidLogLargeContainer #bidLogSubmit {
        width: 95%;
        margin: 0px auto;
    }
}

.manage h1 a { display: block; float: right; line-height: 150%; font-size: 30px; text-align: right; color: #efefef;}
.manage h1 a i.fa { padding-right: 10px; font-size: 28px;}

.manage a.master:hover, .manage .formConainer button:hover, .manage.student .listContainer a:hover {
    opacity: .5;
}

.manage a.master.student, .manage.student h1, .manage.student .formContainer button {
    background-color: #08BAC2;
}

.manage a.master.bidders, .manage.bidders h1, .manage.bidders .formContainer button {
    background-color: #FFAE09;
}

.manage a.master.items, .manage.items h1, .manage.items .formContainer button {
    background-color: #FF0F09;
}

.manage a.master.logbid, .manage.logbid h1, .manage.logbid .formContainer button {
    background-color: #3F19AF;
}

.manage.student .listContainer a {
    color: #08BAC2;
}

.manage.bidders .listContainer a {
    color: #FFAE09;
}

.manage.items .listContainer a {
    color: #FF0F09;
}

.manage.logbid .listContainer a {
    color: #3F19AF;
}

.manage .formContainer label {
    display: block;
    margin: 10px 0px 5px 0px;
}

.manage .formContainer input[type=text], .pseudoInput, .manage .formContainer select, .manage .formContainer textarea {
    display: block;
    padding: 5px 10px;
    font-size: 30px;
    line-height: 125%;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #000;
    width: 95%;
    background-color: #fff;
}

.manage.student input[type=text], .manage.student .pseudoInput, .manage.select select, .manage.student textarea {
    color: #000;
    border: 1px solid #08BAC2;
    background: rbga(8 186 194 .15);
}

.manage.bidders input[type=text], .manage.bidders .pseudoInput, .manage.bidders select, .manage.bidders textarea {
    color: #000;
    border: 1px solid #FFAE09;
    background: rbga(255 174 9 .15);
}

.manage.items input[type=text], .manage.items .pseudoInput, .manage.items select, .manage.items textarea {
    color: #000;
    border: 1px solid #FF0F09;
    background: rbga(255 15 9 .15);
}

#studentList { width: 48%; float: left;}
#studentForm { width: 48%; float: right;}

.manage h1 {
    border-bottom: 1px solid #000;
    background-color: #000;
    color: #fff;
    line-height: 150%;
    font-size: 30px;
    padding: 15px 20px;
}

.manage .formContainer button {
    display: block;
    padding: 5px 10px;
    font-size: 30px;
    line-height: 150%;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #000;
    color: #fff;
    width: 75%;
    margin: 15px auto;
}

.listContainer .noRecords, .manage .formContainer .successMessage {
    display: block;
    text-align: center;
    font-size: 35px;
    line-height: 225%;
}

.listContainer div.listRow { padding: 5px 10px; border-bottom: 1px solid #000; background: #fff; }
.listContainer div.listRow:nth-child(odd) { background: #ccc; }
.listContainer div.listRow:first-child { border-top: 1px solid #000; }

.bidderColor {
    color: #FFAE09 !important;
}
#itemList .listRow .itemSellingAmount, #itemList .listRow .itemBidder {
    padding-left: .5rem;
}

.listContainer span {
    display: block;
    float: left;
    font-size: 25px;
    line-height: 40px;
}

.listContainer a {
    display: block;
    float: right;
    font-size: 30px;
    line-height: 40px;
    margin-left: 5px;
}

.listContainer {
    margin-bottom: 100px;
}

.manage i.loadingPlaceholder {
    display: block;
    font-size: 50px;
    line-height: 150%;
    text-align: center;
}

#itemList span.itemSellingAmount, #itemList .logSale.logged {
    color: #009A1A;
}

.manage .listRow .bidderNumber, .manage .listRow .itemNumber {
    margin-right: 10px;
}
.manage .listRow .firstName, .manage .listRow .itemName { margin-right: 5px;}

#bidderList { width: 48%; float: left;}
#bidderForm { width: 48%; float: right;}

#bidderForm .addBidderForm {
    width: 90% !important;
    margin: 0px auto !important;
}

#bidderList input[type=text], #itemList input[type=text] { width: 31%; display: block; float: left; margin-right: 2%; margin-bottom: 10px; }

.listRow.hidden { display: none; }

a.bidderPaid {
    display: block;
    font-size: 25px;
    line-height: 40px;
    color: #000;
    margin: 5px 0px;
    width: 45%;
    float: left;
}
a.bidderPaid i.fa {
    font-size: 125%;
    line-height: 40px;
    font-weight: bold;
    padding-left: 10px;
}
a.bidderPaid.yes, .saveBidder i.fa-check-square-o {
    color: #009A1A;
}
a.bidderPaid.no, .saveBidder i.fa-square-o {
    color: #ff3333;
}

a.bidderPrint {
    display: block;
    font-size: 25px;
    line-height: 40px;
    color: #000;
    margin: 5px 5% 5px 0px;
    width: 45%;
    float: right;
    text-align: right;
}
a.bidderPrint i.fa {
    font-size: 125%;
    line-height: 40px;
    font-weight: bold;
    padding-left: 10px;
}

#itemList { width: 48%; float: left;}
#itemForm { width: 48%; float: right;}

.smallFieldsContainer {
    width: 32%;
    margin-right: 1%;
    float: left;
}

.smallFieldsContainer:last-child {
    width: 33%;
    margin-right: 0%;
    float: right;
}

.logSale {
    margin-right: 15px;
}

.logSale.logged {
    color: #009A1A;
}

.bidLogSmallContainer {
    width: 29%;
    float: left;
}

.bidLogLargeContainer {
    width: 69%;
    float: right;
}

.bidLogLargeContainer #bidLogSubmit {
    width: 95%;
    margin: 0px;
}

table { width: 100%;}
tr {border-bottom: 1px solid #000;}
tr.headerRow td { background:#000; color: #fff;}
tr:last-child { border-bottom: 0px none;}
td {
    font-size: 15px !important;
    line-height: 115%;
    padding: 5px 10px;
}
td:first-child { width: 70%;}
td:last-child { width: 30%; text-align: right;}

tr.totalRow td {line-height: 30px; font-weight: bold;}

.superHeader {font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}

.noItems { text-align: center; font-size: 50px; line-height: 125%;}

.bidderPrintDetails { text-align: center; font-size: 11px; line-height: 125%;}

.bidderPrintAddress { text-align: center; font-size: 8px; line-height: 115%; text-align: center; }

@media print {
    footer, .subheaderImage, header, nav, #mc-sidebar-container, #mc-topbar-container {
        display: none !important;
    }

    a.hidePrint { display: none !important; }

    .superHeader {
        font-size: 20px;
        line-height: 115%;
        margin-bottom: 0px;
    }
    .manage.bidders h1 { font-size: 20px; line-height: 125%; padding-left: 0px; padding-right: 0px;}
    .noItems { line-height: 125%; }

    tr.headerRow td {
        background: transparent;
        color: #000;
        border-bottom: 1px solid #000;
    }

    .manage h1 {
        border-bottom: 1px solid #000;
        background-color: transparent;
        color: #000;
        line-height: 110%;
        font-size: 22px;
        padding: 0 10px;
        text-align: center;
    }

    .overlay, .pushy { display: none !important; }

    table { margin-top: 5px; }
}

body.manageBody footer, body.manageBody nav {
    display: none !important;
}

#runningTotalContainer {
    display: block;
    text-align: center;
    font-size: 45px;
    line-height: 90px;
    border: 1px solid #000;
    border-radius: 4px;
}


@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}


@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}


@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}


@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}


@media (min-width: 1500px) {
    .container {
        width: 1470px;
    }
}


@media (min-width: 1800px) {
    .container {
        width: 1770px;
    }
}


@media (min-width: 2100px) {
    .container {
        width: 2060px;
    }
}