/* Miligram overrides */
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
}

h2{color: #000 !important;}

[v-cloak] { display: none }
.users{padding-top: 40px;}
.buzz-name{width: 75%;height: 73px;}
.timer{background: #e60e0e;width:  100%;padding:  80px 40px 100px;}
.timer-bar{width: 100%;height: 40px;background: #e60e0e;}
.timer-bar-inner{height: 40px;background: #fff;}
.timer-length-input{width: 40px !important;margin-left: 8px;}
.active-buzz-name, .admin-timer-display{background: #e60e0e;color: #fff;}
.admin-timer-display{font-size: 40px;font-weight: bold;padding-right: 20px !important;}
.buttons button{margin-right: 8px;}
.first-cell{padding-left: 20px !important;width: 5%;}
.label{font-weight: bold;}
.timer-button-cell{width: 20%;position: relative;}
.timer-button-cell a{position: absolute;right: 0;top: 18px;}
.timer{margin-bottom: 50px;}
.timer-input{margin-top: 24px;}
.timer{width: 100%;margin: 0 auto;}
.buzz-box button{position: relative;top: 5px;}
.get-ready .subtitle{color: #e60e0e;}
.red{color: #e60e0e;}
.state-icon{margin-top: 20px;}
.score-info-box{margin-bottom: 0 !important;}
.top-nav{background: #000;margin: 0 auto !important;}
.top-nav-title span{color: #fff !important;}
.top-nav-title a{color: #fff !important;}
.top-nav-links a{color: #fff !important;font-weight: normal !important;margin-right: 12px !important;position: relative;left:  14px;top:  4px;}
.nav-container{background: #000;width: 100%;}
.big-buzzer{background: #e60e0e;width: 200px;height: 200px;font-size: 30px;border-radius: 100px;margin: 0 auto;display: block;margin-top: 100px;-webkit-box-shadow: 3px 3px 14px -2px rgba(0,0,0,0.48); 
box-shadow: 3px 3px 14px -2px rgba(0,0,0,0.48);}
.big-buzzer:hover{background: #db0012;}
.content{margin-top: 50px;}
.secondary-nav-container{background: #000;color: #fff;height: 50px;}
.secondary-nav{max-width: 1792px;margin: 0 auto;padding: 20px;align-items: center;display: flex;}
.secondary-nav li{display: inline;list-style-type: none;margin-right: 12px;}
.secondary-nav a{color: #fff !important;}
.secondary-nav ul{position: relative;top: -18px;}
.secondary-nav-round-icon{padding-top:  0 !important;}
.secondary-nav-round-container{height:  65px;}
.secondary-nav-round-icon .circle-icon, .round-icon-container .station-icon .circle-icon{margin-right:  10px;background:  #d5c97c;border-radius:  30px;width:  45px;height:  45px;text-align:  center;}
.secondary-nav-round-icon .text a, .round-icon-container .station-icon .text p{font-size:  26px;position:  relative;top:  3px;}
.secondary-nav-round-icon .text a, .active-station-text{color:  #000 !important;}
.secondary-nav-round-icon .icon a{font-size:  30px;color:  #000 !important;}
.round-icon-container .station-icon{float:  left;margin-bottom:  20px;font-weight:  bold;cursor:  pointer;}
.press-sm{font-size: 22px;}
.press{color: #fff !important;line-height: 0 !important;padding: 17px 20px;}
.buttons{position: relative;}
.buttons a{margin-right: 8px;}
.reset-buzzers{position: absolute;right: 0;top: 0;}
.message{margin-top: 50px;margin-bottom: 0 !important;}
label{font-size: 26px !important;margin-bottom: 6px !important;}
.instances-box{min-height: 800px;}
.select-quiz{height: 80px;width: 100%;background: #f7f7f7;margin-bottom: 8px;}
.select-quiz:hover{background: #36ced1;}
.quiz-select-container{margin-top: 30px;}
.select-quiz h4{position: relative;top: 26px;left: 30px;width: 600px;}
.delete-quiz, .corner-btn{position: absolute;right: 20px;top: 20px;}
.position-relative{position: relative;}
.add-team-box td{border: none !important;}
.add-team-box a{position: relative;top: -7px;}
.delete-team{cursor: pointer;font-size: 16px;color: #db0012;position: relative;top: -3px;}
.delete-team:hover{color: #db0012;}
p a, p a:hover, .players-view a{color: #db0012;}
.underline a, .players-view a{text-decoration: underline;}
.float-box-padding{padding-bottom: 70px !important;}
.score-table{font-size: 20px;}
.score-button{border-radius: 60px;font-size: 40px;padding: 10px 7px 17px 7px !important;}
.score-button2{border-radius: 60px;font-size: 37px;width: 30px;height: 30px;padding: 15px 7px 12px 3px !important;position: relative;top: 1px;}
.score-button3{border-radius: 60px;font-size: 20px;width: 30px;height: 30px;padding: 13px 6px 13px 2px !important;position: relative;top: -2px;}
.team-score{font-weight: bold;font-size: 30px;}
.score-buzz-info h3{margin-bottom: 0px !important;}
.score-buzz-info-inactive{background: #d7d7d9 !important;}
.score-buzz-info-active{background: #0fd443 !important;color: #fff !important;}
.score-buzz-info-active h3{color: #fff !important;}
tr:last-child td{
    border: none !important;
}
.scores-table{margin-top: 30px;}
.avatar-select-container{margin-bottom: 20px;}
.avatar-select-label{margin-top: 0px;text-align: center;}
#avatar-select-box-column{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
#avatar-select-box-column img{max-width: 120px;}
.main{padding-bottom: 60px;}
.avatar-select-box{cursor: pointer;border: 2px solid #fff;}
.buzzed-in-avatar{width: 10%;padding-left: 12px !important;padding-bottom: 2px;padding-top: 2px;}
.buzzed-in-avatar img{position: relative;top: 4px;}
.play-buzz-name{width: 90%;font-weight: bold;}
.player-buzz-box div{float: left;}
.active-buzzed-in-avatar{background: #009efa;}
.play-buzz-name{font-size: 24px;}
.admin-buzz-avatar{width: 10%;}
.admin-buzz-number{font-size: 30px;font-weight: bold;}
.admin-buzz-name{font-weight: bold;font-size: 20px;}
.admin-buzz-name span{font-size: 14px;}
.clock-timer-button{font-size: 24px;border-radius: 60px;padding: 9px 6px 10px 10px !important;}
.team-avatar-container{padding: 8px;width: 100%;}
.team-avatar-title{}
.avatar-flex{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.team-avatar-container .avatar-box{position: relative;margin-right: 10px;}
.team-avatar-container .avatar-box img{max-width: 70px;max-height: 70px;margin: 0 auto !important;display:block;}
.team-avatar-container .avatar-box .name{font-size: 13px;font-weight: bold;text-align: center;color: #000;}
.team-avatar-title{margin-bottom: 6px !important;text-align: center;}
.team-avatar-score-container .avatar-box .name{font-size: 13px;font-weight: bold;text-align: center;color: #000;}
.admin-player-avatar-cell{width: 10%}
.score-buzzed-in-avatar{width: 55px;height: 55px;position: absolute;left: 10px;top: 10px;}
.no-margins{margin: 0 !important;}
.score-content{margin-top: 20px !important;}
.score-team-toggle{position: relative;top: 2px;left: 1px;}
.score-player-list img{width: 30px;height: 30px;}
.score-player-list span{font-size: 14px;position: relative;left: 5px;top: -9px;}
.score-player-list td{padding-bottom: 0px !important;padding-top: 6px !important;}
.admin-question-display span{font-style: italic;}
.round-drop-down td{border: none !important;padding: 0 !important;}
.lightning-round-drop-down{width: 30%;}
.lightning-round-drop-step-down{width: 60%;}
.next-answer-button{margin-left: 6px;position: relative;top: -7px;margin-right: 0 !important;}
.score-buzz-info .question{font-weight: bold;color: #000;}
.score-buzz-info .answer{color: #db0012;margin-top: 6px;font-weight: bold;}
.question-info{width: 80%;margin: 0 auto;margin-top: 10px;}
.question-info h3{font-weight: bold;font-size: 26px;}
.question-info .question{color: #000;}
.question-info .answer{color: #db0012 !important;margin-top: 12px;}
.admin-player-avatar{margin-left: 10px;}
.scores-active-player-cell span{color: #fff !important;}
.scores-active-player-cell{background: #e60e0e;}
.welcome{text-align: center;}
.welcome h2{font-size: 36px;font-weight: bold;}
.welcome h4{font-size: 20px;color: #db0012 !important;width: 80%;margin: 0 auto;}
.title-info-box{border-bottom: 1px solid #000;margin-bottom: 20px;}
.no-subtitle-info-box{padding-bottom: 10px;}
.play-container{margin-top: 30px;}
.state-icon{max-width: 200px;margin: 0 auto;margin-top: 15px;}
.get-ready{width: 100%;height: 100%;}
.get-ready h2, .score-info h2, .category h1{margin: 0 auto;font-weight: bold;font-size: 36px;text-align: center;}
.category h1{width: 70%;margin: 0 auto;}
.get-ready .subtitle, .category .subtitle{margin: 0 auto;font-style: italic;text-align: center;margin-bottom: 14px;margin-top: 12px;}
.player-buzz-box{height: 50px;width: 100%;border-bottom: 1px #f7f7f7 solid;}
.player-buzz-box .player-buzz-avatar{position: absolute;left: 5px;top: 5px;width: 40px;height: 40px;}
.player-buzz-box p{position: absolute;left: 10px;top: 12px;font-weight: bold;font-size: 16px !important;}
.player-buzz-list{margin-top: 10px;}
.player-active-buzz-box{color: #fff;}
.team-avatar-score-container .avatar-box{float: left;margin-right: 2px;}
.team-avatar-score-container{position: absolute;top: 39px;left: 11px;}
.team-avatar-score-container .avatar-box img{max-width: 32px;margin: 0 auto !important;display:block;}
.admin-player-avatar{width: 50px;height: 50px;}
.score-display-box .team-score{color: #000;position: absolute;right: 14px;top: 11px;font-size: 45px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
.score-display-box .score-team-name{font-size: 18px;}
.score-display-box{border: solid 1px #000 !important;margin-bottom: 6px;position: relative;width: 100%;height: 80px;}
.score-display-box .score-team-name{position: absolute;left: 10px;top: 10px;}
.player-buzz-clock-active{position: absolute;right: 10px;top: 10px;width: 30px;height: 30px;}
.avatar-select-container .avatar-select-box{max-width: 90px;margin-right: 4px;position: relative;color: #e60e0e;}
.selected-avatar-icon{font-size: 60px;position: absolute;left: 14px;top: 5px;opacity: 0.7;}
.refresh-teams{font-size: 22px;cursor: pointer;}
.player-buzz-box-inner{position: absolute;left: 50px;right: 0px;top: 0px;bottom: 0px;height: 50px;background: #fff;border: 1px solid #e3e3e3;}
.player-buzz-box-inner p{color: #424242;}
.active-player-buzz-box-inner{background: #009efa !important;}
.active-player-buzz-box-inner p{color: #fff !important;}
.admin-score-name-toggle{padding-top: 0px !important;padding-bottom: 0px !important;}
.score-buzz-info .options{padding-top: 4px;}
.background-box{margin-bottom: 40px;margin-top: 30px;}
.background-box a{text-decoration: underline;color: #e60e0e;}

.question-options td, .question-options tr{padding: 0 !important;border:  none;}
.optionChar{width: 20px;}
.optionChar span{position:  relative;top:  -8px;}


@media only screen and (min-width: 568px) {
    .play-container{margin-top: 30px;}
    .welcome h2{font-size: 52px;}
    .welcome{margin-top: 40px;}
    .welcome h4{font-size: 28px;width: 50%;}
    .title-info-box{margin-bottom: 40px;}
    .no-subtitle-info-box{padding-bottom: 20px;}
    .state-icon{max-width: 300px;margin-top: 30px;}
    .get-ready{width: 100%;height: 100%;}
    .get-ready h2, .score-info h2, .category h1{font-size: 50px;}
    .category h1{width: 70%;}
    .get-ready .subtitle, .category .subtitle{margin-bottom: 14px;margin-top: 12px;}

    .question-info{width: 80%;margin-top: 40px;}
    .question-info h3{font-size: 40px;}
    .question-info .answer{margin-top: 20px;}
    .big-buzzer{margin-top: 200px;}

    .player-buzz-box{height: 80px;width: 90%;margin: 0 auto;}
    .player-buzz-box .player-buzz-avatar{left: 5px;top: 5px;width: 70px;height: 70px;}
    .player-buzz-box p{left: 20px;top: 21px;font-size: 24px !important;}
    .player-buzz-clock-active{right: 16px;top: 16px;width: 50px;height: 50px;}

    .active-player-buzz-name{font-size: 28px !important;}
    .player-buzz-list{margin-top: 20px;}
    .team-avatar-score-container{left: 25px;top: 56px;}
    .team-avatar-score-container .avatar-box img{max-width: 50px;max-height: 50px;}
    .score-display-box .team-score{right: 30px;top: 20px;font-size: 65px;}
    .score-display-box{height: 120px;}
    .score-display-box .score-team-name{position: absolute;left: 20px;top: 15px;font-size: 28px;}
    .team-avatar-score-container .avatar-box{margin-right: 4px;}
    .avatar-select-container .avatar-select-box{max-width: 120px;margin-right: 8px;}
    .player-buzz-box-inner{left: 85px;height: 80px;}

    .selected-avatar-icon{font-size: 80px;left: 18px;top: 7px;}

    .timer{width: 90%;}
}

.top-nav-links,
.side-nav,
h1, h2, h3, h4, h5, h6 {
    font-family: "Raleway", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    color: #363637;
}

a {
    color:#2f85ae;
    -webkit-transition:all 0.2s linear;
    transition:all 0.2s linear;
}

a:hover,
a:focus,
a:active  {
    color:#2a6496;
    -webkit-transition:all 0.2s easeout;
    transition:all 0.2s ease-out;
}

.side-nav a,
.top-nav-links a,
th a,
.actions a {
    color: #606c76;
}

.side-nav a:hover,
.side-nav a:focus,
.actions a:hover,
.actions a:focus {
    color:#2f85ae;
}

/* Utility */
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.timer h3{color:  #fff !important;}

/* Main */
body {
    background: #f5f7fa;
}
.timer-body{background:  #e60e0e !important;position: absolute;left:  0;right:  0;top:  0;bottom:  0;z-index:  1;}
.main-container{z-index: 99999;position: relative}
.content {
    padding: 32px;
    background: #ffffff;
    border-radius: 6;
    /* Thanks Stripe */
    box-shadow: 0 7px 14px 0 rgba(60, 66, 87, 0.1),
        0 3px 6px 0 rgba(0, 0, 0, 0.07);
}
.actions a {
    font-weight: bold;
    padding: 0 6px;
}
th {
    white-space: nowrap;
}

h2{font-weight:  bold;}

/* Nav bar */
.top-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1792px;
    padding: 10px 20px;
    margin: 0 auto 32px;
}
.top-nav-title a {
    font-size: 36px;
}
.top-nav-title {
    color: #fff;
}
.top-nav-links a {
    margin: 0 8px;
}
.top-nav-title a,
.top-nav-links a {
    font-weight: bold;
}

.side-nav-item {
    display: block;
    padding: 8px 0;
}

/* View action */
.view.content .text {
    margin-top: 19px;
}
.related {
    margin-top: 32px;
}

/* Flash messages */
.message {
    padding: 16px;

    background: #eff8ff;
    color: #2779bd;

    border-color: #6cb2eb;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    margin-bottom: 32px;
}
.message.hidden {
    display: none;
}
.message.success {
    background: #e3fcec;
    color: #1f9d55;
    border-color: #51d88a;
}
.message.error {
    background: #fcebea;
    color: #cc1f1a;
    border-color: #ef5753;
}

/* Forms */
.input.radio,
.input.checkbox {
    margin-bottom: 32px;
}
.input.radio input,
.input.checkbox input {
    margin: 0;
}
.input.radio label,
.input.checkbox label {
    margin: 0;
    display: flex;
    align-items: center;
}
.input.radio label > input,
.input.checkbox label > input {
    margin-right: 16px;
}
.input.radio label:first-of-type {
    margin-bottom: 32px;
}

/* Paginator */
.paginator {
    text-align: right;
}
.pagination {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0 0 16px;
}
.pagination li {
    margin: 0 8px;
}
.prev.disabled a,
.next.disabled a {
    cursor: not-allowed;
    color: #606c76;
}
.asc:after {
    content: " \2193";
}
.desc:after {
    content: " \2191";
}

/* Error */
.error-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: center;
}

@media screen and (max-width: 640px) {
    .top-nav {
        margin: 0 auto;
    }
    .side-nav {
        margin-bottom: 16px;
    }
    .heading {
        margin-bottom: 16px;
    }
    .side-nav-item {
        display: inline;
        margin: 0 24px 0 0;
    }
    .asc:after {
        content: " \2192";
    }
    .desc:after {
        content: " \2190";
    }
}

.top-nav-title a{font-size:  36px;}

.orders-title-box h2, .orders-title-box button{float:  left;}
.orders-title-box button{margin-left:  12px;margin-top:  3px;color:  #fff;font-size:  32px;padding: 3px 6px 6px 7px !important;width:  41px;height:  41px;}
.order-display-box{padding:  15px 20px;background:  #fff;position:  relative;margin-bottom:  10px;border:  1px solid #cfcfcf;}
.order-options li{display:  inline;margin-bottom:  0 !important;height:  40px;}
.order-options img{max-width:  30px;}
.order-name{margin-bottom:  0px;font-size:  22px;font-weight:  bold;}
.order-time{position:  absolute;right:  20px;top:  18px;font-size:  18px;font-weight:  bold;}
.rush-order-time{position:  absolute;right:  36px;top:  22px;color:  #fff;}
.order-display-box{cursor:  pointer;}
.extra-options{margin-bottom:  0 !important;font-weight:  bold;font-size:  20px;margin-top:  -5px;}
.rush-order-bar{background:  #FF9800;padding:  8px 16px;color:  #fff;margin-bottom:  10px !important;}
.ready-to-serve-bar{background:  #BBC34A;padding:  8px 16px;color:  #fff;margin-bottom:  10px !important;}
.app-name{display:  none;}
.title-link-box h4{display:  none;}

.order-display-buttons{height:  60px;width:  100%;display:  flex;justify-content:  space-between;margin-top:  12px;font-size: 46px;background: #EAEAEA; padding:  10px;padding-top:  5px;}
.order-display-buttons .order-btn{text-align:  center;width:  50px;border-radius:  50px;height:  50px;}
.order-display-buttons .order-btn i{position:  relative;top:  -10px;}
.order-display-buttons .order-history-btn{text-align:  center;width:  49%;height:  40px;color:  #fff;padding-top:  8px;}
.order-display-buttons-station {text-align:  center;justify-content:  center !important;width:  100%;height:  60px;color:  #fff;}
.order-served{color:  #4CAF50;}
.rush-order{color:  #FF9800;}
.edit-order{color:  #003666;}
.delete-order{color:  #F44336;}

.order-back-btn{margin-right:  10px;}
.orders-subtitle-box{position:  relative;}
.orders-subtitle-box button{margin-top:  3px;color:  #fff;font-size:  32px;padding: 3px 6px 6px 7px !important;width:  41px;height:  41px;}
.orders-subtitle-box h4{position:  absolute;top:  10px;left:  50px;font-size:  22px;font-weight:  bold;cursor:  pointer;}
.title-link-box{position:  relative;width:  100px;height:  44px;}
.title-link-box h4{cursor:  pointer;font-size:  18px;}
.orders-subtitle-box .prev-link{float:  left;font-size:  18px;font-weight:  bold;}
.orders-subtitle-box .next-link{float:  right;font-size:  18px;font-weight:  bold;}
.orders-subtitle-box .next-link button{position:  absolute;right:  0;top:  0;}
.orders-subtitle-box .next-link h4{position:  absolute;right:  60px;top:  10px;text-align:  right;}

.new-order-container{margin-top:  18px;}
.product-box{width:  100%;background:  #fff;margin-bottom:  10px;padding:  21px 20px 1px;cursor:  pointer;}

h3, h4{font-weight:  bold;color:  #000;}
h5{font-weight:  bold;color:  #000;font-size:  20px;}
.options-table{width:  100%;margin-bottom:  30px;font-size:  16px;font-weight:  bold;color:  #000;}
.options-table .option-container{cursor:  pointer;width:  100%;height:  50px;position:  relative;border:  1px solid #cfcfcf;}
.options-table .option-container .option-name{position:  absolute;left:  20px;top:  12px;}
.options-table .option-container .selected-icon{position:  absolute;right:  14px;top:  12px;}
.options-table td{padding-left:  20px;padding-right:  20px;}
.options-table .selected{background:  #00dad2;color:  #000;}
.options-table .not-selected{background:  #fff;}
.selected-icon{text-align:  right;}

.secondary-nav a{font-weight:  bold;}
.secondary-nav .active{color:  #000 !important;text-decoration: underline;}

.side-category-buttons{margin-top:  20px;margin-bottom:  20px;}
.side-category-buttons div{background:  #fff;margin-right:  10px;cursor:  pointer;padding:  0 !important;border:  1px solid #cfcfcf;}
.side-category-buttons p{text-align:  center;width:  100%;background: #fff;padding:  10px;}
.active-side-category{background:  #000 !important;color:  #fff;}
.button-icon-right{position:  relative;left:  5px;}
.no-side-box{max-width:  265px;}

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

.error-msg{background:  #e60e0e;padding:  10px 20px;margin-bottom:  20px;}
.error-msg h3, .saving-msg h3{color:  #fff;margin-bottom:  0 !important;}
.saving-msg{background:  #BBC34A;padding:  10px 20px;margin-bottom:  20px;}
.loading-msg{margin-top:  20px;font-weight:  bold;font-size:  28px;color:  #000;}

.summary-container{margin-bottom:  24px;}
.summary-item{background:  #fff;padding:  10px;border:  1px solid #cfcfcf;}

.score-table{font-size:  14px;}

.category-buttons{margin-left:  5px;}
.product-cat-icon{width:  50px;height:  50px;margin-right:  8px;cursor:  pointer;}
.product-cat-icon img{max-width:  100%;}
.all-dressed-btn{margin-top:  20px;}
.side-category-container{margin-top:  20px;}

.order-station-name{position:  absolute;right:  20px;bottom:  -4px;}
.order-display-info{min-height: 66px;}
.order-station-toggled{bottom:  68px;}
.category-buttons{margin-bottom: 14px;}
.category-buttons div{float:  left;margin-bottom:  6px;}

@media screen and (min-width: 40em){
    .app-name{display:  inline;}
    .order-name{font-size:  32px;}
    .order-time{font-size:  20px;}
    .order-options img{max-width:  40px;}
    .top-nav-title a{font-size:  28px;}
    .title-link-box h4{display:  block;}
    .title-link-box{width:  300px;}
    .score-table{font-size:  20px;}
    .product-cat-icon{width:  70px;height:  70px;}
}