/*
 * CUSTOM SPACESHIP STYLES v1.0.0
 * Sometimes we want to enhance or overwrite Bootstraps defaults...
 */
html {
    min-height: 100%;
}
body {
    background-color: #f7f7f7;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}


.container {
    max-width: 1200px;
}
.container-tiny {
    max-width: 480px;
}
.container-narrow {
    max-width: 640px;
}

.section {
    border-top: 1px solid #e5e5e5;
    background: #f7f7f7;
}
    #section-login,
    #section-get-started,
    #section-start,
    #section-where-to,
    #section-whatcha-got,
    #section-boxes,
    #section-order,
    #section-confirm,
    #section-confirmation,
    #section-pickup-location,
    #section-manage-shipments,
    #section-measuring-alert,
    #section-cta {
        border-top: none;
    }

    .section .container {
        margin-top: 30px;
        margin-bottom: 60px;
    }
        #section-login .container,
        #section-get-started .container,
        #section-start .container,
        #section-where-to .container,
        #section-whatcha-got .container,
        #section-stuff .container,
        #section-order .container,
        #section-pickup-location .container,
        #section-pickup-schedule .container,
        #section-confirm .container,
        #section-confirmation .container,
        #section-manage-shipments .container {

        }
        #section-measuring-alert .container {
            margin-top: 0;
        }
        #section-cta .container {
            margin-top: 0;
            margin-bottom: 60px;
        }

#section-contact-header {
    background: #4CCDFE; /* url('/images/bg-pattern-space.png') top center repeat;*/
}
    #section-contact-header .container {
        margin-top: 0;
        margin-bottom: 0;
    }

#section-staff-header {
    color: #a94442;
    background-color: #f2dede;
    border-bottom: 1px solid #e49e9c;
}
    #section-staff-header a {
        color: #a94442;
        font-weight: bold;
    }
    #section-staff-header .container {
        margin-top: 0;
        margin-bottom: 0;
        padding: 20px 0 10px 0;
    }
    #section-staff-header + #section-contact-header {
        border-top: 0;
    }

.footer {
    border-top: 1px solid #e5e5e5;
}
    .footer .container {
        margin-top: 40px;
        margin-bottom: 60px;
    }


.section:before,
.section:after,
.content:before,
.content:after,
.footer:before,
.footer:after {
    content: "";
    display: table;
}
.section:after,
.content:after,
.footer:after {
    clear: both;
}
.section,
.content,
.footer {
    zoom: 1;
}

.social-media-button{
    vertical-align: top; 
    display: inline-block;
}

.referral-textbox{
    margin:0px; 
    padding:0px 15px 0px 0px;
}
.referral-validation-message{
    margin-top:10px;
}

/* Typography */
p:first-child,
.p:first-child,
label:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    margin-top: 0;
}
p:last-child,
.p:last-child,
label:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
    margin-bottom: 0;
}

p,
.p,
label {
    font-size: 14px;
    line-height: 1.6;
}
    footer p, footer .p {
        font-size: 13px;
        color: #666;
    }

h2 {
    font-size: 24px;
    line-height: 1.3;
}
    input[type=radio]+h2,
    input[type=checkbox]+h2 {
        margin-top: 0;
    }

h3 {
    font-size: 20px;
}


ul,
ol,
dl,
menu {
    font-size: 14px;
    line-height: 1.6;
}

    li,
    dt {
        margin-top: 8px;
    }

.page-header {
    border-bottom-color: #ebebeb;
}

/* Links */
a,
a:link,
a:visited {
    color: #1499CB;
}
    a:hover {

    }

#section-contact-header a,
footer a:link,
footer a:visited {
    color: #333;
}

footer a,
footer a:link,
footer a:visited {
    color: #999;
}

/* Tables */
.table-striped>tbody>tr:nth-child(odd) {
    background-color: #fcfcfc;
}

.vendor-table>tbody>tr>td {
    vertical-align: middle;
}


/* Forms & buttons */
label {
    font-size: 13px;
    font-weight: normal;
}

.form-control {
    font-size: 16px;
}

    td .checkbox {
        margin-top: 0;
        margin-bottom: 0;
    }
        #checkbox-where-store,
        #checkbox-where-ship {
            margin-top: 8px;
        }

    #form-store-or-ship .checkbox label {
        width: 100%;
    }
        label+.pull-right {
            float: none !important;
            clear: both;
            margin-top: 10px;
        }


.forgot-password {
    margin-top: 6px;
    margin-right: 10px;
}

.btn+.btn {
    margin-left: 20px;
}

.btn-lg {
    font-size: 16px;
    padding: 10px 30px;
}

form button {
    margin-top: 20px;
}

    form.receive-box-form button {
        margin-top: 0;
    }

    .input-group-btn button,
    #add-another-box {
        margin-top: 0;
    }

    .btn-primary, a.btn-primary {
        background-color: #00ADEF;
        color: #FFF;
        border: none;
    }
        .btn-primary:hover,
        .btn-primary:focus,
        .btn-primary.focus,
        .btn-primary:active,
        .btn-primary.active,
        .open>.dropdown-toggle.btn-primary {
            background-color: #1499CB;
        }

.toggle-show-hide .toggle-show,
.toggle-show-hide.collapsed .toggle-hide {
    display: none;
    visibility: hidden;
}
.toggle-show-hide .toggle-hide,
.toggle-show-hide.collapsed .toggle-show {
    display: inherit;
    visibility: visible;
}

.workflow_col{
    width: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #4195df;
    cursor: pointer;
}
.workflow_col:hover{
    /*text-decoration: underline;*/
}


/* Modals */
.modal-header,
.modal-body,
.modal-footer {
    padding: 15px 20px;
}
    .modal-header .close {
        margin-top: 2px;
    }


/* Navigation */
.navbar {
    margin-bottom: 0;
}
    .navbar .navbar-header button {
        margin-top: 33px;
    }
    .navbar-nav {
        margin: 0;
    }
    .navbar-nav li {
        margin-top: 0;
    }
        .navbar-default {
            background-color: #404040;
            border: none;
            border-radius: 0;
            border-bottom: 1px solid #f7f7f7;
        }
            .container>.navbar-header,
            .container-fluid>.navbar-header,
            .container>.navbar-collapse,
            .container-fluid>.navbar-collapse {
                padding-right: 0;
                padding-left: 0;
            }
            .navbar-brand {
                height: 99px;
            }
            .navbar-default .navbar-nav>li>a,.navbar-default .navbar-nav>li>a:focus {
                color: #fff;
                border-top: 3px solid #404040;
            }

                .navbar-default .navbar-nav>li>a.active,
                .navbar-default .navbar-nav>li>a:hover {
                    color: #4CCDFE;
                    background-color: #333;
                    border-top-color: #4CCDFE;
                }
                .navbar-default .navbar-nav>.active>a,
                .navbar-default .navbar-nav>.active>a:hover,
                .navbar-default .navbar-nav>.active>a:focus {
                    color: #4CCDFE;
                    background-color: #333;
                    border-top-color: #4CCDFE;
                }
                .navbar-default .navbar-nav>.disabled>a,
                .navbar-default .navbar-nav>.disabled>a:hover,
                .navbar-default .navbar-nav>.disabled>a:focus {
                    color: #777;
                    border-top-color: #404040;
                }
            .navbar-default .navbar-nav>li>a.highlight {
                background-color: #EC008C;
                border-top-color: #EC008C;
            }
                .navbar-default .navbar-nav>li>a.highlight:hover {
                    color: #EC008C;
                    background-color: #333;
                    border-top-color: #EC008C;
                }
            .navbar li.highlight {
                padding: 10px 15px;
                color: #fff;
                border-top: 3px solid #EC008C;  //old ff6b5c
                background-color: #EC008C;
                position: relative;
                display: block;
            }


/* Media Queries */
@media (max-width: 767px){
    .btn-shrink {
        font-size: 13px;
        padding: 10px 10px;
    }
}

@media (min-width: 768px) {

    body {
        background-color: #222;
    }
    .container {
        width: auto;
    }
    .navbar-default .navbar-nav>li>a {
        height: 99px;
        padding-top: 38px;
        padding-bottom: 41px;
    }
    .navbar li.highlight {
        height: 99px;
        padding-top: 38px;
        padding-bottom: 41px;
    }
    label+.pull-right {
        position: absolute;
        top: 4px;
        right: 0;
        margin-top: 0;
    }

}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

@media print {
    body.print h2 {
        page-break-before: always;
    }

    body.print h2:first-of-type {
        page-break-before: avoid;
    }
}

/* Animations */
.glyphicon-spin {
    -webkit-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

/* Manage Stuff List Tables */
div.section table tr.archived {
    display: none;
    background-color: #e8e8e8;
}