.no-js, .demo-message {
    text-align: center;
    background: #F4F6F7;
    border-bottom: 1px solid #D7DCE2;
    border-top: 1px solid #D7DCE2;
    /*margin-top: 1px;*/
    font-size: 1rem;
    line-height: 1.5rem;
    padding: .75rem 2rem;
}
.demo-message {
    padding: .5rem;
}


#start-tour {
    margin-right: 10px;
    margin-left: 20px;
}
#no-tour {
    margin-top: 4px;
    margin-right: 50px;
    font-size: 10px;
}

.no-js a {
    font-weight: 600;
    text-decoration: underline;

}

#content, #content-outer, #content-inner {
    min-height: 250px;
}
/*PAGE HEADER - OVERRIDE TEMPLATE STYLING*/
#main-header {
    margin-bottom: 10px !important;
}

/*HEADER BANNER AND BUTTONS BACKGROUND COLOR - OVERRIDE MOONCAKE TEMPLATE*/
#header.navbar .navbar-inner, #header #dropdown-lists .item, #header #header-search #search-toggle, #header #header-right #nav-toggle, #header #header-functions #logout-ribbon {
    background: #003366 !important;
    background-image: -webkit-linear-gradient(top, #003d7a, #003366) !important;
}


.main-content-inner {
    width: 90%;
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
}

#import-rn-crew {
    margin-bottom: 10px;
}

#upcoming:before, #upcoming-crew:before, #past:before, #past-crew:before {
    display: block;
    content: " ";
    margin-top: -100px;
    height: 100px;
    visibility: hidden;
}

#modal-checkbox{
    padding-left: 24px;
}

input.reset{
    width: 234px;
}

#password-reset {
    max-width: 480px;
}

#order_by_icon {
    display: none;
}

@media all and (min-width: 768px) and (max-width: 1100px ) {
    #order_by {
        display: none
    }

    #order_by_icon {
        display: block;
        float: right;
        padding-top: 10px;
    }

    .nav.nav-tabs {
        margin-right: 0px;
    }
}

/*CENTERED MYEVENTS ELEMENTS*/
.centered {
    text-align: center !important;
}
/*REFORMATTING OF MYEVENTS TABLE FOR SMALL SCREENS:*/
/*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media
only all and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

    /* Force table to not be like tables anymore */
    #table-reformat table,#table-reformat thead,#table-reformat tbody,#table-reformat th,#table-reformat td,#table-reformat tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #table-reformat thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #table-reformat tr { border: 1px solid #ccc; }

    #table-reformat td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 30%;
        min-height: 22px;
    }

    #table-reformat td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    /* Label the data */
   #table-reformat td#upcoming-events:nth-of-type(1):before { content: "Date"; }
   #table-reformat td#upcoming-events:nth-of-type(2):before { content: "Event"; }
   #table-reformat td#upcoming-events:nth-of-type(3):before { content: "Status"; }
   #table-reformat td#upcoming-events:nth-of-type(4):before { content: "Position"; }
   #table-reformat td#upcoming-events:nth-of-type(5):before { content: "Registration"; }
   #table-reformat td#upcoming-events:nth-of-type(6):before { content: "Uploads"; }
   #table-reformat td#upcoming-events:nth-of-type(7):before { content: "Payment"; }

   #table-reformat td#crew:nth-of-type(1):before { content: "First"; }
   #table-reformat td#crew:nth-of-type(2):before { content: "Last"; }
   #table-reformat td#crew:nth-of-type(3):before { content: "Telephone"; }
   #table-reformat td#crew:nth-of-type(4):before { content: "Email"; }
    /*td#crew:nth-of-type(5):before { content: "Registration"; }*/

    /*REMOVED CENTERED FORMAT*/
    .centered {
        text-align: left !important;
    }
}

#edit_crew {
    margin-right: 20px;
}

    /*MENU ICONS; */
    .left-menu-image {
        margin-right: 8px;
        margin-left: 8px;
        max-width: 24px;
        height: 24px;
        width: 24px;
        float: left;
    }

    .menu-text {
        margin-top: 6px;
    }

    #dashboard.left-menu-image {
        background-image: url(../images/anchor-24x24.png);
    }
    #myevents.left-menu-image {
        background-image: url(../images/calendar-24x24.png);
    }
    #crewbook.left-menu-image {
        background-image: url(../images/crew-01-36x36.png);
        background-size: 24px;
    }
    #profile.left-menu-image {
        background-image: url(../images/profile-24x24.png);
    }
    #uploads.left-menu-image {
        background-image: url(../images/file-manager-24x24.png);
    }

@media all and (max-width: 480px) {

    #dashboard.left-menu-image {
        background-image: url(../images/anchor-white-24x24.png);
    }
    #myevents.left-menu-image {
        background-image: url(../images/calendar-white-24x24.png);
    }
    #crewbook.left-menu-image {
        background-image: url(../images/crew-01-white-36x36.png);
    }
    #profile.left-menu-image {
        background-image: url(../images/profile-white-24x24.png);
    }
    #uploads.left-menu-image {
        background-image: url(../images/file-manager-white-24x24.png);
    }
}


    #profile.menu-image, #logout.menu-image {
        max-width:16px !important;
        margin-bottom: 2px;
    }

    #logout.menu-image {
        opacity: 0.8;
    }


    /*PAYMENT BUTTON ON MYEVENTS PAGE: */
    a.payment-btn, .past-events a.payment-btn {
        width: 38px;
        color: white;
    }
    .past-events a.btn{
        margin-top:-20px;
    }
    @media (min-width: 768px) and (max-width: 1155px ) {
        .past-events a.btn.results {
            margin-top: -30px;
        }
    }

    /*FONT SIZE FOR SMALL BUTTONS - OVERRIDE BOOTSTRAP: */
    a.btn-small {
        font-size: 11px;
        padding: 2px 8px;
    }

    /*PAGINATION:*/
    #nearby-events {
        margin-bottom: 0px;
    }

    #pagination {
        text-align: center;
    }

    #pagination .inside {
        margin: 0 auto;
    }


.center-inline {
    text-align: center;
}

.center-block{
    margin: 0 auto;
}

/*STYLE FLASH MESSAGES*/
p#flash_message {
    margin-bottom: 0px;
}

/*STYLE FLASH MESSAGE WHEN USER SENDS EMAIL TO CREW*/
.alert-class-details {
    font-size: 11px;
    margin-bottom: 2px;
}

li.alert-class-details {
    list-style-type: none;
}

li.alert-class-details:first-of-type {
    margin-top: 4px;
}

/*STYLE EMAIL FORM*/
.email_signature {
    margin-top: 15px;
}

input#copy {
    float: left;
    margin-top: 2px;
    margin-right: 5px;
    margin-left: 5px;
}

#email_recipients {
    margin-bottom: 10px;
}

#email_recipients span:last-child, .right{
    text-align: right;
}

.message_close {
    font-size: 15px;
    position: relative;
    left: 7px;
    top: -2px
}

.message_close:hover {
    font-weight: 600;
}

.email_form{
    width: 80%;
    max-width: 400px;
}

.btn.no_hover:hover {
    background-color: #F5F5F5;
    color: #333333;
    background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
    text-decoration: none;
    background-position: 0;
    transition: none;
    cursor: default;
}

label.no_pointer:hover {
    cursor: default;
}
#select_crew{
    margin-bottom: 10px;
    width: 100px;
}
#select_crew a {
    padding: 3px;
}
@media all and (min-width: 768px) and (max-width: 1100px ) {
    #order_by {
        display: none
    }

    #order_by_icon {
        display: block;
        float: right;
        padding-top: 10px;
    }

    .nav.nav-tabs {
        margin-right: 0px;
    }
}

/*CREWBOOK BUTTON*/
#crewbook_buttons {
    margin-left:0px !important;
}
.crewbook_btn_right{
    float: right;
    margin-right:10px;
}

.crewbook_btn_left {
    float: left;
    margin-right:10px;
}
/*@media all and (max-width: 760px) {*/
    /*#crewbook_buttons {*/
        /*padding-left: 0;*/
    /*}*/
/*}*/

@media all and (max-width: 300px) {
    .crewbook_button {
        float: none;
        margin-bottom: 15px;
    }
}

/*LOGIN */
.logo_wrap {
    padding: 15px 0 15px 0;
    margin-top: -100px;
    width: 100%;
    /*background-color: black;*/
    background-color: #003366;
}

.logo {
    /*max-width: 231px;   *//* 10% larger*/
    /*max-width: 252px;   *//* 20% larger*/
    max-width: 210px;
    margin: 0 auto;
}

.logo img {
    border-radius: 5px;
}

.tagline_wrap {
    /*background-color: white;*/
    margin-top: -8px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#tagline {
    width: 75%;
    margin: auto;
    padding-top: 20px;
}

.logo.login img{
    width: 100%;
}

#login-page.login-wrap{
    margin-top: 20px;
}
#login-form input#username, #login-form input#password {

    background-repeat: no-repeat;
    background-position: 6px center;
    padding-left: 28px;
    background-size: 16px;
    border-color: #adadad;
}

#login-form input#username {
    background-image: url(../images/user_16x16.png);
}

#login-form input#password {
    background-image: url(../images/lock-24x24.png);
}

/*FIX MENU BAR TO TOP OF PAGE*/
@media all and (min-width: 480px)  {
    #wrapper #content #sidebar.fixed {
        position: fixed;
    }
}

/*FEEDBACK PAGES*/
.login-wrap.feedback {
  margin-top: 50px;
  padding: 25px;
}

/*EVENT UPLOADS*/
#connection-type {
    display: none;
}

img.upload-icon {
    max-width:32px;
    padding-left: 10px;
}

.document_instructions p{
    font-size: 14px;
}

/*GRID - CREATES A RESPONSIVE LAYOUT*/
.row {
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
}

.column {
    padding-bottom: 10px;
}

@media (min-width: 40rem) {
    .column {
        float: left;
        padding-left: 1rem;
        /*padding-right: 1rem;*/
    }

    .column.full { width: 100%; }
    .column.two-thirds { width: 66.7%; }
    .column.half { width: 50%; }
    .column.third { width: 33.3%; }
    .column.fourth { width: 25%; }
    .column.fifth { width: 20%; }
    .column.tenth { width: 10%; }
    .column.flow-opposite { float: right; }
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/*POSITION CHECKBOX*/
.table td.file-list {
    width: 5%;
    padding-bottom: 0px;
    padding-top: 14px;
    padding-left: 14px;
    padding-right: 0px;
}

/*FILE MANAGER*/

.pointer {
    cursor: pointer;
}

td#file-name {
    width: 75%;
}
table td.center{
    text-align: center;
}
.file-icon {
    margin: 9px 0px 9px 0;
    max-width: 22px;
}
.file.edit {
    display: none;
}
.file.edit td {
    width: 24px;
}
input#edit_description {
    margin-top: 9px;
    width: 95%;
}

/*PROFILE PAGE*/
.profile {
    min-height: 450px;
    padding-bottom: 20px;
  }
input.profile-input, select.profile-input{
    width: 80%;
}
input.profile-input {
    max-width: 300px;
}
select.profile-input{
    max-width: 314px;
}
#profile-page.login-wrap{
    margin-top:40px;
    padding-top:15px;
}
#password .btn {
    margin-right: 20px;
}
.profile .back{
    margin-top:15px;
}



/*SCROLL TOP*/
  .scroll-top {
    width: 40px;
    height: 40px;
    padding: 5px 3px;
    color: #fff;
    position: fixed;
    bottom: 30px;
    right: 5px;
    display: none;
    background: lightgrey !important;
    background-repeat: no-repeat;
    margin: auto;
  }

  @media and (max-wdith:400px) {
    .scroll-top { width: 25px; height: 25px;}
    .scroll-top img { background-size: 24px;}
    }
  }