@font-face {
    font-family: 'Gotham SSm A';
    src: url('../v01/fonts/Font.eot');
    src: url('../v01/fonts/Font.eot?#iefix') format('embedded-opentype'),
        url('../v01/fonts/Font.woff2') format('woff2'),
        url('../v01/fonts/Font.woff') format('woff'),
        url('../v01/fonts/Font.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}


@font-face {
    font-family: 'Gotham SSm B';
    src: url('../v01/fonts/Font_7.eot');
    src: url('../v01/fonts/Font_7.eot?#iefix') format('embedded-opentype'),
        url('../v01/fonts/Font_7.woff2') format('woff2'),
        url('../v01/fonts/Font_7.woff') format('woff'),
        url('../v01/fonts/Font_7.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham SSm A';
    src: url('../v01/fonts/Font_5.eot');
    src: url('../v01/fonts/Font_5.eot?#iefix') format('embedded-opentype'),
        url('../v01/fonts/Font_5.woff2') format('woff2'),
        url('../v01/fonts/Font_5.woff') format('woff'),
        url('../v01/fonts/Font_5.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham SSm B';
    src: url('../v01/fonts/Font_13.eot');
    src: url('../v01/fonts/Font_13.eot?#iefix') format('embedded-opentype'),
        url('../v01/fonts/Font_13.woff2') format('woff2'),
        url('../v01/fonts/Font_13.woff') format('woff'),
        url('../v01/fonts/Font_13.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Gotham SSm A';
    src: url('../v01/fonts/Font_2.eot');
    src: url('../v01/fonts/Font_2.eot?#iefix') format('embedded-opentype'),
        url('../v01/fonts/Font_2.woff2') format('woff2'),
        url('../v01/fonts/Font_2.woff') format('woff'),
        url('../v01/fonts/Font_2.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham SSm B';
    src: url('../v01/fonts/Font_14.eot');
    src: url('../v01/fonts/Font_14.eot?#iefix') format('embedded-opentype'),
        url('../v01/fonts/Font_14.woff2') format('woff2'),
        url('../v01/fonts/Font_14.woff') format('woff'),
        url('../v01/fonts/Font_14.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham SSm A';
    src: url('../v01/fonts/Font_1.eot');
    src: url('../v01/fonts/Font_1.eot?#iefix') format('embedded-opentype'),
        url('../v01/fonts/Font_1.woff2') format('woff2'),
        url('../v01/fonts/Font_1.woff') format('woff'),
        url('../v01/fonts/Font_1.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: 'Gotham SSm B';
    src: url('../v01/fonts/Font_9.eot');
    src: url('../v01/fonts/Font_9.eot?#iefix') format('embedded-opentype'),
        url('../v01/fonts/Font_9.woff2') format('woff2'),
        url('../v01/fonts/Font_9.woff') format('woff'),
        url('../v01/fonts/Font_9.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

/* Vitesse */


@font-face {
    font-family: 'Vitesse A';
    src: url('../v01/fonts/Font_12.eot');
    src: url('../v01/fonts/Font_12.eot?#iefix') format('embedded-opentype'),
        url('../v01/fonts/Font_12.woff2') format('woff2'),
        url('../v01/fonts/Font_12.woff') format('woff'),
        url('../v01/fonts/Font_12.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Vitesse B';
    src: url('../v01/fonts/Font_3.eot');
    src: url('../v01/fonts/Font_3.eot?#iefix') format('embedded-opentype'),
        url('../v01/fonts/Font_3.woff2') format('woff2'),
        url('../v01/fonts/Font_3.woff') format('woff'),
        url('../v01/fonts/Font_3.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}


@font-face {
    font-family: 'Vitesse A';
    src: url('../v01/fonts/Font_6.eot');
    src: url('../v01/fonts/Font_6.eot?#iefix') format('embedded-opentype'),
        url('../v01/fonts/Font_6.woff2') format('woff2'),
        url('../v01/fonts/Font_6.woff') format('woff'),
        url('../v01/fonts/Font_6.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Vitesse B';
    src: url('../v01/fonts/Font_22.eot');
    src: url('../v01/fonts/Font_22.eot?#iefix') format('embedded-opentype'),
        url('../v01/fonts/Font_22.woff2') format('woff2'),
        url('../v01/fonts/Font_22.woff') format('woff'),
        url('../v01/fonts/Font_22.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

body {
    background-color: #fff;
    color: #000;
    -webkit-font-smoothing: antialiased;
    font-family: "Gotham SSm A","Gotham SSm B",sans-serif;
    background-image: url(/nyrr/userdata/blue_background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;

    /*
    font-family: 'Open Sans', sans-serif;
    font-family: Helvetica, Arial, sans-serif;

    */
}

/* panels */


#toppanel {
    height: 130px;
    width: 100%;
}

#toppanel_iframe {
    width: 100%;
    height: 100%;
}

/* hide default background images - beginning */
#main .t, #main .b {
    display: none;
}

#main .c, .warning-box, .processbar-box, .processbar-box .holder {
    background-image: none;
    color: inherit;
}

#content {
    color: inherit;
    font-weight: 400;
    background-color: #FFF;
    padding: 40px;
}


/* hide empty containers - beginning */

.after .warning-box, .after .processbar-box, .error .processbar-box, .exit .processbar-box {
    display: none;
}

/* hide empty containers - end */

#wrapper{

}
/* mainbox */
#main {
    color: #000;
    /* color: #fff; commented out for light background */
    width: auto;
    margin: 40px auto 20px;
    padding: 15px 0;
    max-width: 614px;
}
#main .c {
    width: auto;
    padding: 0 15px;
}
#main-top {
    padding: 0 15px;
}

#language-selector{
  /*dropdown*/
  padding-top: 4px;
}
/*you can close this page without losing your place in line*/
#main-top-message {
    text-align: center;
    padding-top: 3px;
    display: none;
}

.item{
  padding-top: 3px;
}

.logo img {
    max-width: 75%;
    margin-bottom: 30px;
}

#header {
    padding: 5px 0px 10px 0px;
    font-weight: 400;
    color: inherit;
    border: none;
}

    #header #headertext {
        font-family: 'Vitesse A', 'Vitesse B';
        font-weight: 700;
        font-size: 36px;
        margin: 15px 0 35px;
        line-height: normal;
        text-align: center;
        text-transform: capitalize;

    }

a {
    color: inherit;
}
#hlThisIsQueueIt:hover{

}
#detailExpander:hover{

}
.warning-box {
    min-height: 0;
    border: none;
    padding: 20px 0;
    font-weight: 400;
}
@-webkit-keyframes gradient_bkgd {
  from{background-position: 0px}
	to{background-position: 15px}
}
@-moz-keyframes gradient_bkgd {
  from{background-position: 0px}
	to{background-position: 15px}
}
@keyframes gradient_bkgd {
	from{background-position: 0px}
	to{background-position: 15px}

}
/* ppprogress */
.progressbar {
  background: rgba(0,0,0,0);
  border: 1px solid rgb(229, 229, 229);

}
.progressbar .progress, .progressbar .progress.updated {
    background-color: #00215a;
    background-image: none;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 13px,  rgb(229, 229, 229) 14px);
    background-size: 15px;

}

    .progressbar .progress.updated {
        -webkit-animation: gradient_bkgd 1s linear infinite!important;
        -moz-animation: gradient_bkgd 1s linear infinite!important;
        animation: gradient_bkgd 1s linear infinite!important;

    }
    /* .progressbar .progress .runner {
      background-image: url(player_b_right_walk1-0.2.gif);
    }

    .progressbar .progress .runner.paused{
      background-image: url(./person_pause_b.png);
    } */

#MainPart_lbManualUpdateWarning {
    margin: 15px 0;
}

.alert {
    padding: 8px 15px;
}

.alert-error {
    border-color: #ff6600;
    color: #fe3e3c;
    color: #b94a48;
}

.alert-success {
    border-color: #468847;
}

.processbar-box {
    line-height: normal;
    font-weight: 400;
    padding: 0 0 0px 0;
    margin: 0;
}

    .processbar-box p {
        margin: 0;
    }

    .processbar-box .holder {
        min-height: 0;
        padding: 10px 0 10px 0;
        border: none;
    }

        .processbar-box .holder .larger {
            min-height: 0;
            font-size: 18px;
            padding-bottom: 10px;
        }

        #MainPart_lbQueueNumber,
        #MainPart_lbUsersInLineAheadOfYou,
        #MainPart_lbExpectedServiceTime,
        #MainPart_lbWhichIsIn,
        #MainPart_lbExpectedServiceTimeTimeZonePostfix{
          font-weight: 700;
        }
#MainPart_FormEmailInput{

}
#MainPart_divProgressbarBox_Holder_LastUpdateTime{
/*status last updated*/
font-size: 12px;
}
/*mmmessage*/
.time-box {
    margin: 0 0 0px 0;
    background-color: rgba(0,0,0,0);
    color: inherit;
    text-align: center;
}

    .time-box .frame {
        min-height: 0;
        padding: 10px 15px 15px;
    }

    .time-box h2 {
        font-weight: 400;
        color: inherit;
        font-size: 10px;
    }
    .time-box p {
      margin-top: 8px;
      margin-bottom: 0;
      font-size: 14px;

    }

#MainPart_ulProgressbarBox_Holder_Processbar{/*Blinking icon*/}
    .processbar{
      width: 24px;
    }
    #defaultViewPb1{
      height: 14px;
      width: 14px;
      border-radius: 50%;
      /* border: 1px solid #000; */
      box-shadow: 0px 0px 3px #000;
      margin: 3px;

    }
    .processbar span{
      background-image: linear-gradient(to bottom, #fff 21px, #00215a 21px);
    }



#MainPart_frmReminder2{/* email,button,label */}

/*iiinput*/
.reminder-form {
    margin: 0;
    min-height: 0;
}

    .reminder-form form {
        font-size: 0;
    }

    .reminder-form h2 {
        font-weight: 400;
        color: inherit;
        margin: 8px auto;
        max-width: 550px;

    }

    .reminder-form .item-input {
        padding: 3px 15px 0px;
        font-size: 15px;
        background: #0777da;
        border: 1px solid rgba(255, 255, 255, 0.3);
        color: #fff;
        font-family: inherit;
        font-weight: 400;
        box-sizing: border-box;
        line-height: normal;
        width: 364px;
        min-width: 250px;
        vertical-align: top;
        margin: 0 5px 5px 0;
        border-radius: 55px;
    }

        .reminder-form .item-input:focus {
            outline: none;
            font-weight: 400;
        }
        .reminder-form .row{
          margin: 0;
        }
        .reminder-form .item-input::placeholder{
          color: #fff;
        }
/*button*/
.btn {
    background-color: #00215a;
    color: #fff;
    width: 215px;
    text-align: center;
    display: inline-block;
    margin: 0;
    white-space: nowrap;
    padding: 20px 15px;
    font-size: 15px;
    font-family: inherit;
    line-height: normal;
    border-radius: 55px;
    box-sizing: border-box;
    border:1px solid #264273;
    transition: background-color 0.2s ease 0s;
    /*font-weight: bold;*/
}
.btn .r{
  display: none;
}
body.error .btn, body.exit .btn{
  width: auto;
}
    .btn:hover {
        background: none;
        background-color: #1a4c9a;
        box-shadow: none;
    }

    .btn:focus {
        outline: none;
    }

    .btn:active {
        top: 0;
    }
    .btn.btn-disabled{
      padding: 8px 15px 10px 15px;
    }
.reminder-form .item-input, .btn{
  height: 60px;
}
/*leave the line */
.block {
    padding: 5px 0 0 0;
}

    .block a {
        color: inherit;
    }
    .block p {
      margin: 0;
    }
#footer {
    width: auto;
    color: inherit;
    padding: 10px 0;
    font-weight: 400;
    max-width: 578px;
    margin: 0 auto;
}

#footer-direct-link {
    padding: 0;
}

#footer a {
    color: inherit;
}

#footer .by {
    padding: 0;
    background-size: 110px 12px;

}
/* elements that main .c padding affects */
#header, .warning-box, #MainPart_lbManualUpdateWarning, #MainPart_divProgressbarBox,
#MainPart_divBlock,#MainPart_divTimeBox,#MainPart_frmReminder2,#MainPart_divExitLine, #footer{

}
/* change font weight for elements */
#content, #header, #header #headertext, .warning-box, .processbar-box, .time-box h2, .reminder-form h2,
.reminder-form .item-input, .reminder-form .item-input:focus, #footer{

}
#MainPart_divExitLine{
  display: none;
}
@media screen and (max-width:614px) {
    #main{
      margin-top: 0px
    }
    .reminder-form .item-input {
        width: 100%;
        text-align: center;

    }

    .btn {
        width: 100%;
        max-width: none;
    }
    #main-top-message{
      display: none;
    }
    #footer {
        margin: 20px;
    }

        #footer .by {
          display: block;
          margin: 5px auto 0;
          float: none;
        }
    #footer-direct-link{
      text-align: center;
      float: none;
    }
    #language-selector{
     text-align: center;
     padding: 0 0 15px 0;
   }
}

/* -------------------[User Added CSS]--------------------- */