:root {
    --sr-color-1: 70,53,79;
    --sr-color-2: 117,117,117;
    --body-color: 255,255,255;
}

body {
    overflow-x: hidden;
    font-family: Helvetica,Arial,sans-serif;
    color: #46354f;
}

.bg-color {
    background: #00afe1;
}
.container-zen {
    padding-right: 0;
    margin-right: 0;
}
.text-muted {
    color: #a1a5aa;
}

.text-white {
    color: #fff;
}

.text-primary {
    color: #46354f;
}

.text-yellow {
    color: #fec503;
}

.text-green {
    color: #6fa373;
}
.text-moved {
    color: #5f6ca6;
}
.text-green2 {
    color: #fed136;
}
.text-gray {
    color: #adadad;
}

.text-half-gray {
    color: rgba(0,0,0,0.3);
}
.text-red {
    color: #d43f3a;
}

.text-amber {color: #f0ad4e;}

.text-seatrobot {
    color: #936fa3;
}
.text-reserved {color: #cc6699;}
.text-info {color: #5bc0de;}

.text-primary-50 {color: rgba(147, 111, 163, 0.5);}

.progress-bar-green {background-color: #6fa373;}
p {
    font-size: 14px;
    line-height: 1.75;
}

p.large {
    font-size: 16px;
}

p.small {
    font-size: 11px;
    line-height: 1.25;
}

a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
}

a {
    color: #936fa3;
}

a:hover,
a:focus,
a:active,
a.active {
    color: #fec503;
}

#features a {
    color: #ffffff;
}
h1,
h2,
h4,
h5,
h6 {
    text-transform: uppercase;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.5em;
    font-weight: 300;
}

h5.lowercase {text-transform: none;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-weight: 600;}

.broken-link {

    margin-top: 45px !important;

}


.img-centered {
    margin: 0 auto;
}

.bg-light-gray {
    background-color: #f7f7f7;
}

.bg-darkest-gray {
    background-color: #222;
}

.label-primary{background-color:#936fa3}

.btn-2018{
    border: 1px solid #46354f;
    color: #936fa3;
}

.btn-2022{
    border: 0;
    color: #936fa3;
}

.btn-2022:hover,
.btn-2022:focus,
.btn-2022:active,
.btn-2022.active,
.open .dropdown-toggle.btn-2022 {
    border:0;
    color: #936fa3;
    background-color: transparent !important;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;

}


.list-group-item-2018 {position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border-bottom:1px solid #936fa3; color:#46354f;}
.list-group-item-2018:first-child{border-bottom:1px solid rgba(0,0,0,0.1);}

.list-group-item-2018b {position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid rgb(70,53,79)
}

.list-group-item-2018b:first-child{border-top-left-radius:8px;border-top-right-radius:8px}
.list-group-item-2018b:last-child{margin-bottom:0;border-bottom-right-radius:8px;border-bottom-left-radius:8px}

.list-group-item-2018-alert {position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#6fa373;border:1px solid rgba(147, 111, 163, 0.51);
    box-shadow: inset 0 -3em 3em rgba(0,0,0,0.1),
        0 0  0 2px rgb(255,255,255),
        0.3em 0.3em 1em rgba(0,0,0,0.3)}

a.list-group-item-2018-alert {color:#ffffff}

a.whiter {color:#ffffff}

.list-group-item-public {position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border-left:1px solid rgb(70,53,79); border-right:1px solid rgb(70,53,79); border-top: 0; border-bottom: 0;
}

.list-group-item-public:first-child{border-top-left-radius:8px;border-top-right-radius:8px}
.list-group-item-public:last-child{margin-bottom:0;border-bottom-right-radius:8px;border-bottom-left-radius:8px; border-bottom: 1px solid rgb(70,53,79);}

.btn-primary {
    border-color: #46354f;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-weight: 500;
    color: #936fa3;
    background-color: #ffffff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    border-color: #46354f;
    color: #936fa3;
    background-color: rgba(0, 0, 0, 0.1);

}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    border-color: rgba(147, 111, 163, 0.5);
    background-color: #f7f7f7;
}

.btn-primary .badge {
    color: #936fa3;
    background-color: #fff;
}

.btn-complete {
    border-color: #adadad;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-weight: 500;
    color: #fff;
    background-color: #adadad;
}

.btn-complete:hover,
.btn-complete:focus,
.btn-complete:active,
.btn-complete.active,
.open .dropdown-toggle.btn-complete {
    border-color: #669999;
    color: #fff;
    background-color: rgba(111, 163, 115, 0.44);
}

.btn-complete:active,
.btn-complete.active,
.open .dropdown-toggle.btn-complete {
    background-image: none;
}

.btn-complete.disabled,
.btn-complete[disabled],
fieldset[disabled] .btn-complete,
.btn-complete.disabled:hover,
.btn-complete[disabled]:hover,
fieldset[disabled] .btn-complete:hover,
.btn-complete.disabled:focus,
.btn-complete[disabled]:focus,
fieldset[disabled] .btn-complete:focus,
.btn-complete.disabled:active,
.btn-complete[disabled]:active,
fieldset[disabled] .btn-complete:active,
.btn-complete.disabled.active,
.btn-complete[disabled].active,
fieldset[disabled] .btn-complete.active {
    border-color: #669999;
    background-color: rgba(111, 163, 115, 0.44);
}



.btn-option1 {
    border-color: #ababab;
    text-transform: uppercase;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-weight: 500;
    color: #fff;
    background-color: rgba(254, 197, 3, 0.5);
}

.btn-option1:hover,
.btn-option1:focus,
.btn-option1:active,
.btn-option1.active,
.open .dropdown-toggle.btn-option1 {
    border-color: #669999;
    color: #fff;
    background-color: rgba(111, 163, 115, 0.44);
}

.btn-option1:active,
.btn-option1.active,
.open .dropdown-toggle.btn-option1 {
    background-image: none;
}

.btn-option1.disabled,
.btn-option1[disabled],
fieldset[disabled] .btn-option1,
.btn-option1.disabled:hover,
.btn-option1[disabled]:hover,
fieldset[disabled] .btn-option1:hover,
.btn-option1.disabled:focus,
.btn-option1[disabled]:focus,
fieldset[disabled] .btn-option1:focus,
.btn-option1.disabled:active,
.btn-option1[disabled]:active,
fieldset[disabled] .btn-option1:active,
.btn-option1.disabled.active,
.btn-option1[disabled].active,
fieldset[disabled] .btn-option1.active {
    border-color: #669999;
    background-color: rgba(111, 163, 115, 0.44);
}
.btn-zoom {
    border-color: #669999;
    text-transform: none;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-weight: 500;
    color: #fff;
    background-color: rgba(111, 163, 115, 0.44);
}


.btn-green {
    border-color: #669999;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    color: #fff;
    background-color: rgba(111, 163, 115, 0.44);
}

.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active,
.open .dropdown-toggle.btn-green {
    border-color: #777;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.1);
}

.btn-green:active,
.btn-green.active,
.open .dropdown-toggle.btn-green {
    background-image: none;
}

.btn-green.disabled,
.btn-green[disabled],
fieldset[disabled] .btn-green,
.btn-green.disabled:hover,
.btn-green[disabled]:hover,
fieldset[disabled] .btn-green:hover,
.btn-green.disabled:focus,
.btn-green[disabled]:focus,
fieldset[disabled] .btn-green:focus,
.btn-green.disabled:active,
.btn-green[disabled]:active,
fieldset[disabled] .btn-green:active,
.btn-green.disabled.active,
.btn-green[disabled].active,
fieldset[disabled] .btn-green.active {
    border-color: #777;
    background-color: rgba(0, 0, 0, 0.1);
}

.btn-green .badge {
    color: #6fa373;
    background-color: #fff;
}

.btn-red {
    border-color: rgba(212, 63, 58, 0.5);

    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-weight: 500;
    color: #fff;
    background-color: #d43f3a;
}

.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active,
.open .dropdown-toggle.btn-red {
    border-color: rgba(212, 63, 58, 0.5);
    color: #fff;
    background-color: rgba(212, 63, 58, 0.5);
}

.btn-red:active,
.btn-red.active,
.open .dropdown-toggle.btn-green {
    background-image: none;
}

.btn-red.disabled,
.btn-red[disabled],
fieldset[disabled] .btn-red,
.btn-red.disabled:hover,
.btn-red[disabled]:hover,
fieldset[disabled] .btn-red:hover,
.btn-red.disabled:focus,
.btn-red[disabled]:focus,
fieldset[disabled] .btn-red:focus,
.btn-red.disabled:active,
.btn-red[disabled]:active,
fieldset[disabled] .btn-red:active,
.btn-red.disabled.active,
.btn-red[disabled].active,
fieldset[disabled] .btn-red.active {
    border-color: rgba(212, 63, 58, 0.5);
    color: #777;
    background-color: rgba(212, 169, 163, 0.45);
}

.btn-red .badge {
    color: #d43f3a;
    background-color: #fff;
}





.btn-complete {
    border-color: #adadad;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-weight: 500;
    color: #fff;
    background-color: #adadad;
}
.btn-xl {
    padding: 20px 40px;
    border-color: #777;
    border-radius: 3px;
    text-transform: uppercase;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    background-color: #936fa3;
}

.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    border-color: #669999;
    color: #fff;
    background-color: rgba(111, 163, 115, 0.51);
}

.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    background-image: none;
}

.btn-xl.disabled,
.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active {
    border-color: #669999;
    background-color: rgba(111, 163, 115, 0.5);
}

.btn-xl .badge {
    color: #936fa3;
    background-color: #fff;
}

.btn-stat-out .badge{color:#fff;background-color:#cc6699}
.btn-stat-conf .badge{color:#fff;background-color:#adadad}
.btn-stat-dec .badge{color:#fff;background-color:#669999}
.btn-stat-wl .badge{color:#fff;background-color:#cc9999}

.navbar-default {
    border-color: transparent;
    background-color: rgba(var(--sr-color-1), 1.0);
}

.navbar-default .navbar-brand {
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    color: rgba(var(--sr-color-1), 1.0);
}

.navbar-default2 .navbar-greeting {
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    color: #ffffff;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
    color: rgba(111, 163, 125, 0.5);
}

.navbar-default .navbar-collapse {
    border-color: rgba(255,255,255,.02);
}

.navbar-default .navbar-toggle {
    border-color: rgba(119, 119, 119, 0.6);
    background-color: rgba(var(--sr-color-1), 1.0);
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: rgba(var(--sr-color-1), 1.0);
}

.navbar-default .nav li a {
    text-transform: uppercase;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    color: #fff;

}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    outline: 0;
    color: rgba(111, 163, 115, 1.0);
}

.navbar-default .navbar-nav>.active>a {
    border-radius: 0;
    color: #fff;
    background-color: rgba(var(--sr-color-1), 1.0);
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #6fa373;
}

.index-navbar-img {max-height: 30px;}

@media(min-width:768px) {
    .navbar-default {
        padding: 15px 0;
        border: 0;
        background-color: rgba(var(--sr-color-1), 1.0);
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }

    .navbar-default .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-default .navbar-nav>.active>a {
        border-radius: 3px;
    }

    .navbar-default.navbar-shrink {
        padding: 10px 0;
        background-color: rgba(var(--sr-color-1), 1.0);
    }

    .navbar-default.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }

    .navbar-float {float: none;}
}
.navbar-default2 {
    border-color: transparent;
    background-color: rgba(var(--sr-color-1), 1.0);
    z-index: 1030;
}

.navbar-default3 {
    border-color: #ababab;
    background-color: #ffffff;
    z-index: 2;
}

.navbar-greeting {
    float: left;
    padding: 20px 0 0 20px;
    font-size: 16px;
    line-height: 18px;
}

.navbar-default2 .navbar-brand {
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    color: rgba(var(--sr-color-1), 1.0);
}

.navbar-default2 .navbar-greeting {
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    color: #ffffff;
    font-style: italic;
}

.navbar-default3 .navbar-brand {
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    color: rgba(var(--sr-color-1), 1.0);
}

.navbar-default2 .navbar-brand:hover,
.navbar-default2 .navbar-brand:focus,
.navbar-default2 .navbar-brand:active,
.navbar-default2 .navbar-brand.active {
    color: #6fa37d;
}

.navbar-default2 .navbar-greeting:hover,
.navbar-default2 .navbar-greeting:focus,
.navbar-default2 .navbar-greeting:active,
.navbar-default2 .navbar-greeting.active {
    color: #ffffff;
}
.navbar-default2 .navbar-collapse {
    border-color: rgba(255,255,255,.02);
}
.navbar-default3 .navbar-collapse {
    border-color: #ababab;
}

.navbar-default2 .navbar-toggle {
    border-color: rgba(119, 119, 119, 0.61);
    background-color: rgba(var(--sr-color-1), 1.0);
}
.navbar-default3 .navbar-toggle {
    border-color: #ababab;
    background-color: #ffffff;
}

.navbar-default2 .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default2 .navbar-toggle:hover,
.navbar-default2 .navbar-toggle:focus {
    background-color: rgba(var(--sr-color-1), 1.0);
}



.navbar-default2 .nav li a {
    text-transform: uppercase;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    color: #fff;
   }

.navbar-default2 .nav li a:hover,
.navbar-default2 .nav li a:focus {
    outline: 0;
    background-color: rgba(var(--sr-color-1), 1.0);
    color: #fff;
}

.navbar-default2 .navbar-nav>.active>a {
    border-radius: 0;
    color: #fff;
    background-color: rgba(111, 163, 115, 0.5);
}

.navbar-default2 .navbar-nav>.active>a:hover,
.navbar-default2 .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: rgba(111, 163, 115, 0.5);
}

@media(min-width:768px) {
    .navbar-default2 {
        padding: 0 0;
        border: 0;
        background-color: rgba(var(--sr-color-1), 1.0);
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }
    .navbar-default3 {
        padding: 0 0;
        border: 1px;

        border-color: #ababab;

        background-color: #ffffff;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }

    .navbar-default2 .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }
    .navbar-default2 .navbar-greeting {
        font-size: 1.2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-default2 .navbar-nav>.active>a {
        border-radius: 3px;
    }

    .navbar-default2.navbar-shrink {
        padding: 10px 0;
        background-color: rgba(var(--sr-color-1), 1.0);
    }

    .navbar-default2.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }

    .navbar-default2.navbar-shrink .navbar-greeting {
        font-size: 1.2em;
    }
}

.navbar-event-setup {
    border-color: transparent;
    background-color: rgba(254, 197, 3, 0.5);
    margin-top: 50px;
    z-index: 1;
    display: inline-block;
    float: none;
}

.navbar-event-setup .navbar-brand {
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    color: #936fa3;
}

.navbar-event-setup .navbar-brand:hover,
.navbar-event-setup .navbar-brand:focus,
.navbar-event-setup .navbar-brand:active,
.navbar-event-setup .navbar-brand.active {
    color: #6fa37d;
}

.navbar-event-setup .navbar-collapse {
    border-color: rgba(255,255,255,.02);
    text-align: center;
}

.navbar-event-setup .navbar-toggle {
    border-color: rgba(119, 119, 119, 0.6);
    background-color: rgb(212, 166, 231);
}

.navbar-event-setup .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-event-setup .navbar-toggle:hover,
.navbar-event-setup .navbar-toggle:focus {
    background-color: rgb(212, 166, 231);
}

.navbar-event-setup .nav li a {
    text-transform: uppercase;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    color: #fff;
}

.navbar-event-setup .nav li a:hover,
.navbar-event-setup .nav li a:focus {
    outline: 0;
    color: #6fa373;
    background-color: #fec503;
}

.navbar-event-setup .navbar-nav>.active>a {
    border-radius: 0;
    color: #6fa373;
    background-color: #fec503;
}

.navbar-event-setup .navbar-nav>.complete>a {

    color: #adadad;
}
.navbar-event-setup .navbar-nav>.active>a:hover,
.navbar-event-setup .navbar-nav>.active>a:focus {
    color: #6fa373;
    background-color: #fec503;
}



@media(min-width:768px) {
    .navbar-event-setup {
        padding: 0 0;
        border: 0;
        background-color: #fec503;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;

    }




    .navbar-event-setup .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-event-setup .navbar-nav>.active>a {
        border-radius: 3px;
    }

    .navbar-event-setup.navbar-shrink {
        padding: 10px 0;
        background-color: rgb(212, 166, 231);
    }

    .navbar-event-setup.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }
}

.navbar-event {
    background-color: #177C44;
    margin-top: 50px;
    z-index: 800;
    display: inline-block;
    float: none;
}


.navbar-event .navbar-brand {
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    color: #936fa3;
}

.navbar-event .navbar-brand:hover,
.navbar-event .navbar-brand:focus,
.navbar-event .navbar-brand:active,
.navbar-event .navbar-brand.active {
    color: #177C44;
}

.navbar-event .navbar-collapse {
    border-color: rgba(255,255,255,.02);
    text-align: center;
}

.navbar-event .navbar-toggle {
    border-color: rgba(119, 119, 119, 0.6);
    background-color: rgba(111, 163, 115, 0.5);
}

.navbar-event .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-event .navbar-toggle:hover,
.navbar-event .navbar-toggle:focus {
    background-color: rgba(111, 163, 115, 0.5);
}

.navbar-event .nav li a {
    text-transform: uppercase;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-weight: 300;
    letter-spacing: 1px;
    color: #fff;
}


.navbar-event .nav li a:hover,
.navbar-event .nav li a:focus {
    outline: 0;
    color: #ffffff;
    background-color: rgba(111, 163, 115, 0.5);
}

.navbar-event .navbar-nav>.active>a {
    border-radius: 0;
    color: #936fa3;
    background-color: rgba(111, 163, 115, 0.51);
}

.navbar-event .navbar-nav>.complete>a {

    color: #177C44;
}
.navbar-event .navbar-nav>.active>a:hover,
.navbar-event .navbar-nav>.active>a:focus {
    color: #6fa373;
    background-color: #46354f;
}



.navbar-event-dropdown-active {background-color: rgba(111, 163, 115, 0.5); color:#fff;}




@media(min-width:768px) {
    .navbar-event {
        padding: 0 0;
        background-color: #177C44;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;

    }



    .navbar-event .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-event .navbar-nav>.active>a {
        border-radius: 0px;
    }

    .navbar-event.navbar-shrink {
        padding: 10px 0;
        background-color: rgb(212, 166, 231);
    }

    .navbar-event.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }
}


.section-banner {display: block;
background-color: rgb(217, 217, 217);
padding: 15px 5px 5px 5px;
margin-bottom: 20px;
border-top: 1px solid;
border-color: #936fa3; }

.seatrobotpanel-feature {display: block;

    margin-top: 10px;
    }


header {
    text-align: center;
    color: #fff;
    background-attachment: scroll;
    background-image: url(../img/index-2021/sr-bg-2021.jpeg);
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    min-height: 1000px;
}

.section1
{
/* This image will be displayed fullscreen */
    background:url('../img/tickets-rocket-small.jpg') no-repeat center center;

/* Ensure the html element always takes up the full height of the browser window */
    min-height:1200px;

/* The Magic */
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}



.section2
{
    /* This image will be displayed fullscreen */
    background:url('../img/rocket-room-floor.jpg') no-repeat center center;

    /* Ensure the html element always takes up the full height of the browser window */
    min-height:1200px;

    /* The Magic */
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.section3
{
    /* This image will be displayed fullscreen */
    background:url('../img/rocket-blueprint.jpg') no-repeat center center;

    /* Ensure the html element always takes up the full height of the browser window */
    min-height:1200px;

    /* The Magic */
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}


.section4
{
    /* This image will be displayed fullscreen */
    background:url('../img/rocket-launch-lg.jpg') no-repeat center center;

    /* Ensure the html element always takes up the full height of the browser window */
    min-height:1200px;

    /* The Magic */
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}



.section-0 {
    text-align: center;
    background-attachment: scroll;
    background-image: url(../img/index-2021/sr-bg-2021-sm.jpeg);
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    min-height: 1000px;
}
header .lead-text {margin-bottom: 25px;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-size: 30px;
    color: #f3f3f3;
    line-height: 40px;
    text-shadow: 4px 4px 10px #949fa3;}

header .lead-text2 {margin-bottom: 25px;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-size: 24px;
    color: #f3f3f3;
    line-height: 40px;
    }

.section1 .lead-text {margin-bottom: 25px;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-size: 60px;
    color: #f3f3f3;
    line-height: 60px;
    text-shadow: 4px 4px 10px #949fa3;}

.section1 .body-text {margin-top: 25px;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-size: 25px;
    color: #f3f3f3;
    line-height: 35px;
}

.section1 .lead-text-mobile {margin-bottom: 25px;
    margin-left: 15px;
    margin-right: 15px;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-size: 40px;
    color: #f3f3f3;
    line-height: 40px;
    text-shadow: 4px 4px 10px #949fa3;}

.section1 .body-text-mobile {margin-top: 25px;
    margin-left: 15px;
    margin-right: 15px;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-size: 25px;
    color: #f3f3f3;
    line-height: 30px;
}

.section3 .lead-text {margin-bottom: 25px;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-size: 60px;
    color: #6fa373;
    line-height: 60px;
    text-shadow: 4px 4px 10px #949fa3;}

.section3 .body-text {margin-top: 25px;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-size: 25px;
    color: #6fa373;
    line-height: 35px;
}
.section3 .text-backing {
    padding: 15px;
    background: rgba(255, 230, 255, 0.6 )
}

.section4 .lead-text {margin-bottom: 25px;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-size: 60px;
    color: #ffffff;
    line-height: 60px;
    text-shadow: 4px 4px 10px #949fa3;}

.section4 .body-text {margin-top: 25px;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-size: 25px;
    color: #ffffff;
    line-height: 35px;
}
.section4 .text-backing {
     padding: 15px;
}

section#contact .lead-text {margin-bottom: 25px;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-size: 60px;
    color: #6fa373;
    line-height: 60px;
    text-shadow: 4px 4px 10px #949fa3;}

section#contact .body-text {margin-top: 25px;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-size: 25px;
    color: #6fa373;
    line-height: 35px;
}
section#contact .text-backing {
    padding: 15px;
    background: rgba(255, 230, 255, 0.6 )
}


.oops-page {
    text-align: center;
    color: #fff;
    background-attachment: scroll;
    background-image: url(../img/404-1.jpg);
    width: 1600px;
    height: 1200px;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;

}
header .notc {color: #000;}

header .intro-text {
    padding-top: 150px;
    padding-bottom: 300px;
}

.section-0 .intro-text {
    padding-top: 150px;
    padding-bottom: 300px;
}

header .login-text {
    padding-top: 150px;
    padding-bottom: 300px;
}

header .intro-text .intro-lead-in {
    margin-bottom: 25px;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-size: 22px;
    font-style: italic;
    color: #fed136;
    line-height: 22px;
}

header .login-text .intro-lead-in {
    margin-bottom: 25px;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-size: 22px;
    font-style: italic;
    color: #fed136;
    line-height: 22px;
}

header .intro-text .intro-heading {
    margin-bottom: 25px;
    text-transform: uppercase;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 50px;
}
header .login-text .intro-heading {
    margin-bottom: 25px;
    text-transform: uppercase;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 50px;
}

.section-0 .intro-text .intro-lead-in {
    margin-bottom: 25px;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-size: 22px;
    font-style: italic;
    color: #fed136;
    line-height: 22px;
}

@media(min-width:768px) {
    header .intro-text {
        padding-top: 250px;
        padding-bottom: 300px;
    }
    header .login-text {
        padding-top: 100px;
        padding-bottom: 300px;
    }
}




    @media(min-width:768px) {
        header .broken-link {
            padding-top: 250px;
            padding-bottom: 500px;
        }


        header .intro-text .intro-lead-in {
        margin-bottom:25px;
        font-family: "Roboto",Helvetica,Arial,sans-serif;
        font-size: 40px;
        font-style: italic;
        color: #fed136;

        line-height: 40px;
    }
        header .login-text .intro-lead-in {
            margin-bottom:25px;
            font-family: "Roboto",Helvetica,Arial,sans-serif;
            font-size: 40px;
            font-style: italic;
            color: #fed136;

            line-height: 40px;
        }

    header .intro-text .intro-heading {
        margin-bottom: 25px;
        text-transform: uppercase;
        font-family: "Roboto",Helvetica,Arial,sans-serif;
        font-size: 75px;
        font-weight: 700;
        line-height: 75px;
    }

        header .login-text .intro-heading {
            margin-bottom: 25px;
            text-transform: uppercase;
            font-family: "Roboto",Helvetica,Arial,sans-serif;
            font-size: 75px;
            font-weight: 700;
            line-height: 75px;
        }


}



@media (max-width:768px)
{
    header {
        text-align: center;
        color: #fff;
        background-attachment: scroll;
        background-image: url(../img/index-2021/sr-bg-2021-sm.jpeg);
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
        min-height: 1000px;
    }

    .section1
    {
        /* This image will be displayed fullscreen */
        background:url('../img/tickets-rocket-mobile2.png') no-repeat center center;

        /* Ensure the html element always takes up the full height of the browser window */
        min-height:1100px;

        /* The Magic */
        background-size:cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
    }

    .section-0 {
        text-align: center;
        background-attachment: scroll;
        background-image: url(../img/index-2021/sr-bg-2021-sm.jpeg);
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
        min-height: 1000px;
    }


    .section4 {
        background-attachment: scroll;
        background-image: url(../img/rocket-launch-mobile.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
        min-height: 1000px;
    }

    .section4 .text-backing {
        padding: 15px;
        background: rgba(255, 194, 230, 0.5)
    }

    section#contact {
        background-color: #ffffff;
        background-image: url(../img/flying-kid-mobile.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
        min-height: 1000px;
    }


}


.text-404 {
        padding-top: 30px;
        padding-bottom: 300px;
        text-align: center;
        color: #fff;
}

.text-error {
    padding-top: 100px;
    padding-bottom: 300px;
    text-align: center;
    color: #fff;
}

section {
    padding: 100px 0;
}

section h2.section-heading {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 40px;
}

section h3.section-subheading {
    margin-bottom: 50px;
    text-transform: none;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
}

@media(min-width:768px) {
    section {
        padding: 15px 0 100px 0;
    }
}

.service-heading {
    margin: 15px 0;
    text-transform: none;
}

#features .features-item {
    right: 0;
    margin: 0 0 15px;
}

#features .features-item .features-link {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 400px;
}

#features .features-item .features-link .features-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(111, 163, 125, .9);
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

#features .features-item .features-link .features-hover:hover {
    opacity: 1;
}

#features .features-item .features-link .features-hover .features-hover-content {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 20px;
    margin-top: -12px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

#features .features-item .features-link .features-hover .features-hover-content i {
    margin-top: -12px;
}

#features .features-item .features-link .features-hover .features-hover-content h3,
#features .features-item .features-link .features-hover .features-hover-content h4 {
    margin: 0;
}

#features .features-item .features-caption {
    margin: 0 auto;
    padding: 25px;
    max-width: 400px;
    text-align: center;
    background-color: #fff;
}

#features .features-item .features-caption h4 {
    margin: 0;
    text-transform: none;
}

#features .features-item .features-caption p {
    margin: 0;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-style: italic;
}

#features * {
    z-index: 2;
}

@media(min-width:767px) {
    #features .features-item {
        margin: 0 0 30px;
    }
}

.timeline {
    position: relative;
    padding: 0;
    list-style: none;
}

.timeline:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 40px;
    width: 2px;
    margin-left: -1.5px;
    background-color: #f1f1f1;
}

.timeline>li {
    position: relative;
    margin-bottom: 50px;
    min-height: 50px;
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
}

.timeline>li .timeline-panel {
    float: right;
    position: relative;
    width: 100%;
    padding: 0 20px 0 100px;
    text-align: left;
}

.timeline>li .timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
}

.timeline>li .timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
}

.timeline>li .timeline-image {
    z-index: 100;
    position: absolute;
    left: 0;
    width: 80px;
    height: 80px;
    margin-left: 0;
    border: 7px solid #f1f1f1;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    background-color: #6fa37d;
}



.timeline>li .timeline-image h4 {
    margin-top: 12px;
    font-size: 10px;
    line-height: 14px;
}

.timeline>li.timeline-inverted>.timeline-panel {
    float: right;
    padding: 0 20px 0 100px;
    text-align: left;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
}

.timeline>li:last-child {
    margin-bottom: 0;
}

.timeline .timeline-heading h4 {
    margin-top: 0;
    color: inherit;
}

.timeline .timeline-heading h4.subheading {
    text-transform: none;
}

.timeline .timeline-body>p,
.timeline .timeline-body>ul {
    margin-bottom: 0;
}

@media(min-width:768px) {
    .timeline:before {
        left: 50%;
    }

    .timeline>li {
        margin-bottom: 100px;
        min-height: 100px;
    }

    .timeline>li .timeline-panel {
        float: left;
        width: 41%;
        padding: 0 20px 20px 30px;
        text-align: right;
    }

    .timeline>li .timeline-image {
        left: 50%;
        width: 100px;
        height: 100px;
        margin-left: -50px;
    }

    .timeline>li .timeline-image h4 {
        margin-top: 16px;
        font-size: 13px;
        line-height: 18px;
    }

    .timeline>li.timeline-inverted>.timeline-panel {
        float: right;
        padding: 0 30px 20px 20px;
        text-align: left;
    }
}

@media(min-width:992px) {
    .timeline>li {
        min-height: 150px;
    }

    .timeline>li .timeline-panel {
        padding: 0 20px 20px;
    }

    .timeline>li .timeline-image {
        width: 150px;
        height: 150px;
        margin-left: -75px;
    }

    .timeline>li .timeline-image h4 {
        margin-top: 30px;
        font-size: 18px;
        line-height: 26px;
    }

    .timeline>li.timeline-inverted>.timeline-panel {
        padding: 0 20px 20px;
    }
}

@media(min-width:1200px) {
    .timeline>li {
        min-height: 170px;
    }

    .timeline>li .timeline-panel {
        padding: 0 20px 20px 100px;
    }

    .timeline>li .timeline-image {
        width: 170px;
        height: 170px;
        margin-left: -85px;
    }

    .timeline>li .timeline-image h4 {
        margin-top: 40px;
    }

    .timeline>li.timeline-inverted>.timeline-panel {
        padding: 0 100px 20px 20px;
    }
}

.team-member {
    margin-bottom: 50px;
    text-align: center;
}

.team-member img {
    margin: 0 auto;
    border: 7px solid #fff;
}

.team-member h4 {
    margin-top: 25px;
    margin-bottom: 0;
    text-transform: none;
}

.team-member p {
    margin-top: 0;
}

aside.clients img {
    margin: 50px auto;
}

section#contact {
    background-color: #ababab;
    background-image: url(../img/flying-kid-lg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    min-height: 1000px;
}

section#contact .section-heading {
    color: #fff;
}

section#contact .form-group {
    margin-bottom: 25px;
}

section#contact .form-group input,
section#contact .form-group textarea {
    padding: 20px;
}

section#contact .form-group input.form-control {
    height: auto;
}

section#contact .form-group textarea.form-control {
    height: 136px;
}

section#contact .form-control:focus {
    border-color: #fed136;
    box-shadow: none;
}

section#contact::-webkit-input-placeholder {
    text-transform: uppercase;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-weight: 500;
    color: #bbb;
}

section#contact:-moz-placeholder {
    text-transform: uppercase;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-weight: 500;
    color: #bbb;
}

section#contact::-moz-placeholder {
    text-transform: uppercase;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-weight: 500;
    color: #bbb;
}

section#contact:-ms-input-placeholder {
    text-transform: uppercase;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-weight: 500;
    color: #bbb;
}

section#contact .text-danger {
    color: #e74c3c;
}

.section-top {margin-top: 10%;}

.section-top .text-white {text-shadow: 4px 4px 10px #455e48;}

.text-white:hover .rotate {
    transform: scale(1.15) rotate(-1.25deg);
    -webkit-transform: scale(1.15) rotate(-1.25deg);
    -moz-transform: scale(1.15) rotate(-1.25deg);
    -ms-transform: scale(1.15) rotate(-1.25deg);
    -o-transform: scale(1.15) rotate(-1.25deg);
}

footer {
    padding: 25px 0;
    text-align: center;
}


footer span.copyright {
    text-transform: uppercase;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    line-height: 40px;
}

footer ul.quicklinks {
    margin-bottom: 0;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    line-height: 40px;
}

ul.social-buttons {
    margin-bottom: 0;
}

ul.social-buttons li a {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    font-size: 20px;
    line-height: 40px;
    outline: 0;
    color: #fff;
    background-color: #222;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active {
    background-color: #fed136;
}

.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
    outline: 0;
}

.features-modal .modal-content {
    padding: 100px 0;
    min-height: 100%;
    border: 0;
    border-radius: 0;
    text-align: center;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.features-modal .modal-content h2 {
    margin-bottom: 15px;
    font-size: 3em;
}

.features-modal .modal-content p {
    margin-bottom: 30px;
}

.features-modal .modal-content p.item-intro {
    margin: 20px 0 30px;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-style: italic;
}

.features-modal .modal-content ul.list-inline {
    margin-top: 0;
    margin-bottom: 30px;
}

.features-modal .modal-content img {
    margin-bottom: 30px;
}

.features-modal .close-modal {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 75px;
    height: 75px;
    background-color: transparent;
    cursor: pointer;
}

.features-modal .close-modal:hover {
    opacity: .3;
}

.features-modal .close-modal .lr {
    z-index: 1051;
    width: 1px;
    height: 75px;
    margin-left: 35px;
    background-color: #222;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.features-modal .close-modal .lr .rl {
    z-index: 1052;
    width: 1px;
    height: 75px;
    background-color: #222;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

::-moz-selection {
    text-shadow: none;
    background: #ababab;
}

::selection {
    text-shadow: none;
    background: #ababab;
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}

body {
    webkit-tap-highlight-color: #fed136;
}

.sr-panel{margin-bottom:10px;}
.sr-panel2{margin-bottom:5px;}
.sr-panel-body{padding:5px}
.sr-panel-body2{padding:10px;
     color: #aaaaaa;}


a.nav-active {color:#fec503;}

.table-striped {background-color: #fff;}

ul.tabs {
    margin-bottom: 0;
}

ul.tabs li a {
    display: block;

    outline: 0;
    color: #936fa3;
    background-color: #eee;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

ul.tabs li a:hover,
ul.tabs li a:focus,
ul.tabs li a:active {
    color: #fec503;
    background-color: #fff;
}

.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
    outline: 0;
}

.apply-font {
text-transform: uppercase;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-weight: 300;
}

.apply-font-headers {

    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-weight: 400;
}

.checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #936fa3;
    border-color: #777; }
.checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff; }

.check-in {height:45px; line-height: 45px; vertical-align: middle !important; float:none !important; }

.btn-check-in {height:35px; line-height: 35px; vertical-align: middle !important; float:none !important; }

.text-check-in {font-size: 14pt;}

.navbar-check-in {min-height:50px;margin-bottom:15px;border:1px solid transparent;}

.container-check-in {min-height: 50px;}

.badge-preview {vertical-align: middle !important; float:none !important;}

.BadgeLine1 {font-size: 24pt;}

.BadgeLine2 {font-size: 18pt;}

.BadgeLine3 {font-size: 18pt;}

.check-in-admin {height:30px; line-height: 30px; vertical-align: middle !important; float:none !important; }
.text-check-in-admin {font-size: 12pt;}

.fa-lg-align {margin-top:0.2em;
}

.fa-2x-align {margin-top:-0.1em;
}

.dropdown-left-space {padding-left: 4px;}

/* styling for animated giffer */
.animated-gif {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../img/sr-animatedgif.gif') 50% 50% no-repeat rgba(249,249,249,0.5);
}

.clamped {
    line-height: 1.5;
    overflow: hidden;
    position: relative;
}

.clamped-2 {
    /* Clamp to 2 lines, ie line-height x 2: */
    max-height: 1.5em;
}

.ellipsis {
    background: #fff;
    bottom: 0;
    position: absolute;
    right: 0;
}

.fill {
    background: #fff;
    height: 100%;
    position: absolute;
    width: 100%;
}

ul.dropdown-menu-form {
    padding: 5px 30px;
    max-height: 300px;
    overflow-y: scroll;
}

panel.list-group.affix{
    top: 100px; /* Set the top position of pinned element */

}

.top-buffer:before {
    display: block;
    content: "";
    height: 70px;
    margin: -50px 0 0;
}

    .top-buffer2:before {
        display: block;
        content: "";
        height: 200px;
        margin: -100px 0 0;
    }
@media all and (max-width: 772px) {
    #small-hidden {
        display: none;
    }
}



.table-scroll{

    overflow-y: scroll;
}

.panel-fixed-height {max-height:600px;}

.modal-body-scroll {
    max-height: calc(100vh - 212px);
    overflow-y: auto;
}
 .gray-box {background-color: #ababab;
 }

.sr-list-group-item{position:relative;display:block;padding:5px 10px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}
.sr-list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}
.sr-list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}

.select-width {width: 50px;}

.box-limit {position: relative;
margin-right: 15px;}

.list-funny ul{list-style-type: none;}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;

    border-left: 5px solid green;

}

.email-panel{
    height: 40px;
    position: relative;
    border-radius: 4px;
    margin-bottom: 20px;
    background-color: #ffffff;
    border:1px solid #936fa3;
    font-weight: 400;
    line-height: 40px;
    text-align: center;

}
.email-panel::after{
    content: '';
    position: absolute;
    left: 100%;
    top: 25%;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #936fa3;
    clear: both;
}

.email-panel::before{
    content: '';
    position: absolute;
    right: 100%;
    top: 25%;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right:10px solid #936fa3;
    clear: both;
}

.email-panel-button{
    height: 40px;
    position: relative;
    border-radius: 4px;
    margin-bottom: 20px;
    background-color: #ffffff;
    line-height: 40px;
    text-align: center;
    padding-top: 3px;

}

.no-right-padding {padding-right: 0;}
.no-left-padding {padding-left: 0;}

.inline-img {line-height: 1.1;}

    .title-display {
        display: block;
        width: 300px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.section-lead {margin-bottom:5px;}

.modal-header .special {
    background-image: url(../img/seat-robot-logo.png);
    height: 208px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}

.flag {

    margin-top: 30px;
    display: block;
    animation: fadein 5s;
    -moz-animation: fadein 5s; /* Firefox */
    -webkit-animation: fadein 5s; /* Safari and Chrome */
    -o-animation: fadein 5s; /* Opera */

}




.flag-sm {

    background-repeat: no-repeat;
    margin-top: 10px;
    display: block;
    width: auto;
    height: 100px;
    animation: fadein 5s;
    -moz-animation: fadein 5s; /* Firefox */
    -webkit-animation: fadein 5s; /* Safari and Chrome */
    -o-animation: fadein 5s; /* Opera */

}
.inactive-panel .panel-body {
    color: #a1a5aa;
}
.inactive-panel .panel-heading {
    color: #a1a5aa;
}

.inactive-panel .panel-footer {
    color: #a1a5aa;
}

.inactive-panel .panel-body .badge{
    background-color: #a1a5aa;
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

#sr-gradient {
    background-image: linear-gradient(to right, #050407 , #936fa3);
}

.btn-careful {
    border-color: #ba7918;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-weight: 500;
    color: #ba7918;
    background-color: #ffffff;
}

.btn-careful:hover,
.btn-careful:focus,
.btn-careful:active,
.btn-careful.active,
.open .dropdown-toggle.btn-careful {
    border-color: #ba7918;
    color: #ba7918;
    background-color: rgba(255, 199, 70, 0.3);

}

.btn-careful:active,
.btn-careful.active,
.open .dropdown-toggle.btn-careful {
    background-image: none;
}

.btn-careful.disabled,
.btn-careful[disabled],
fieldset[disabled] .btn-careful,
.btn-careful.disabled:hover,
.btn-careful[disabled]:hover,
fieldset[disabled] .btn-careful:hover,
.btn-careful.disabled:focus,
.btn-careful[disabled]:focus,
fieldset[disabled] .btn-careful:focus,
.btn-careful.disabled:active,
.btn-careful[disabled]:active,
fieldset[disabled] .btn-careful:active,
.btn-careful.disabled.active,
.btn-careful[disabled].active,
fieldset[disabled] .btn-careful.active {
    border-color: #ba7918;
    background-color: rgba(255, 199, 70, 0.3);
}

.btn-purge {
    border-color: #d21121;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-weight: 500;
    color: #d21121;
    background-color: #ffffff;
}

.btn-purge:hover,
.btn-purge:focus,
.btn-purge:active,
.btn-purge.active,
.open .dropdown-toggle.btn-purge {
    border-color: #d21121;
    color: #d21121;
    background-color: rgba(173, 126, 132, 0.3);

}

.btn-purge:active,
.btn-purge.active,
.open .dropdown-toggle.btn-purge {
    background-image: none;
}

.btn-purge.disabled,
.btn-purge[disabled],
fieldset[disabled] .btn-purge,
.btn-purge.disabled:hover,
.btn-purge[disabled]:hover,
fieldset[disabled] .btn-purge:hover,
.btn-purge.disabled:focus,
.btn-purge[disabled]:focus,
fieldset[disabled] .btn-purge:focus,
.btn-purge.disabled:active,
.btn-purge[disabled]:active,
fieldset[disabled] .btn-purge:active,
.btn-purge.disabled.active,
.btn-purge[disabled].active,
fieldset[disabled] .btn-purge.active {
    border-color: #d21121;
    background-color: rgba(173, 126, 132, 0.3);
}

.btn-restore {
    border-color: green;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-weight: 500;
    color: green;
    background-color: #ffffff;
}

.btn-restore:hover,
.btn-restore:focus,
.btn-restore:active,
.btn-restore.active,
.open .dropdown-toggle.btn-restore {
    border-color: green;
    color: green;
    background-color: rgba(143, 184, 160, 0.3);

}

.btn-restore:active,
.btn-restore.active,
.open .dropdown-toggle.btn-restore {
    background-image: none;
}

.btn-restore.disabled,
.btn-restore[disabled],
fieldset[disabled] .btn-restore,
.btn-restore.disabled:hover,
.btn-restore[disabled]:hover,
fieldset[disabled] .btn-restore:hover,
.btn-restore.disabled:focus,
.btn-restore[disabled]:focus,
fieldset[disabled] .btn-restore:focus,
.btn-restore.disabled:active,
.btn-restore[disabled]:active,
fieldset[disabled] .btn-restore:active,
.btn-restore.disabled.active,
.btn-restore[disabled].active,
fieldset[disabled] .btn-restore.active {
    border-color: green;
    background-color: rgba(130, 175, 150, 0.3);
}

.event-details-image {display: inline-block;
    max-width: 150px;
    height: auto;
}

.dashboard-image {display: inline-block;
    max-height: 150px;
    width: auto;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .ie-content {
        display: block;
    }

}

@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
.ie-content {
    display: block;
}
}


.ie-content {display: none;}

.pagination>li>a,.pagination>li>span {
    color: #936fa3; !important;
}

/* Prevents clicks on html tag */
/* Visually dims the html tag */
.fake-disabled {
    pointer-events: none; 
    opacity: 0.7;    
  }