body {
    font-family: Verdana, Arial !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    background: url('/img/fachada.jpeg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.blur {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
}

.nav-pills > li a {
    color: #002273;
    background-color: #f0f0f0;
}

.nav-pills > li .active {
    color: transparent;
    background-color: #002273;
}

.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
    color: #fff !important;
    background-color: #002273;
}

nav > div > div.navbar-header > a {
    margin-top: 5px;
    height: 80px;
    padding-top: 0;
    padding-bottom: 0;
}

#navbar ul li a {
    margin-top: 18px;
}

.navbar-default {
    background: #002273;
    border: none;
    border-radius: 0;
    color: #ffffff;
}

#navbar ul li a {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
}

.nav-tabs {
    border: none;
}

.nav-tabs > li {
    background: #fff;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border: none;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background: none;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #002273;
}


#logoSamEventos {
    height: 75px;
}

.panel-sam-eventos {
    border-color: #002273;
}

.panel-sam-eventos > .panel-heading {
    color: #fff;
    background-color: #002273;
    border-color: #002273;
}

.panel-sam-eventos > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #002273;
}

.panel-sam-eventos > .panel-heading .badge {
    color: #002273;
    background-color: #fff;
}

.panel-sam-eventos > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #002273;
}

.panel-sam-eventos-azul-claro {
    border-color: #E0F2F7;
}

.panel-sam-eventos-azul-claro > .panel-heading {
    color: #002273;
    background-color: #E0F2F7;
    border-color: #E0F2F7;
}

.panel-sam-eventos-azul-claro > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #E0F2F7;
}

.panel-sam-eventos-azul-claro > .panel-heading .badge {
    color: #E0F2F7;
    background-color: #fff;
}

.panel-sam-eventos-azul-claro > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #E0F2F7;
}

.thumbnail-sam-eventos {
    background-color: #002273;
    border-color: #002273;
    cursor: pointer;
}


/*TUTORIAL INTRO.JS*/
.introjs-prevbutton {
    display: none !important;
}


/*CARDS*/
/* === card component ======
 * Variation of the panel component
 * version 2018.10.30
 * https://codepen.io/jstneg/pen/EVKYZj
 */
.card {
    background-color: #fff;
    border-radius: 6px;
}

.card > .card-link {
    color: #333;
}

.card > .card-link:hover {
    text-decoration: none;
}

.card > .card-link .card-img img {
    border-radius: 6px 6px 0 0;
}

.card .card-img {
    position: relative;
    padding: 0;
    display: table;
}

.card .card-img .card-caption {
    position: absolute;
    right: 0;
    bottom: 16px;
    left: 0;
}

.card .card-body {
    display: table;
    width: 100%;
    padding: 12px;
}

.card .card-header {
    border-radius: 6px 6px 0 0;
    padding: 8px;
}

.card .card-footer {
    border-radius: 0 0 6px 6px;
    padding: 8px;
}

.card .card-left {
    position: relative;
    float: left;
    padding: 0 0 8px 0;
}

.card .card-right {
    position: relative;
    float: left;
    padding: 8px 0 0 0;
}

.card .card-body h1:first-child,
.card .card-body h2:first-child,
.card .card-body h3:first-child,
.card .card-body h4:first-child,
.card .card-body .h1,
.card .card-body .h2,
.card .card-body .h3,
.card .card-body .h4 {
    margin-top: 0;
}

.card .card-body .heading {
    display: block;
}

.card .card-body .heading:last-child {
    margin-bottom: 0;
}

.card .card-body .lead {
    text-align: center;
}

@media ( min-width: 768px ) {
    .card .card-left {
        float: left;
        padding: 0 8px 0 0;
    }

    .card .card-right {
        float: left;
        padding: 0 0 0 8px;
    }

    .card .card-4-8 .card-left {
        width: 33.33333333%;
    }

    .card .card-4-8 .card-right {
        width: 66.66666667%;
    }

    .card .card-5-7 .card-left {
        width: 41.66666667%;
    }

    .card .card-5-7 .card-right {
        width: 58.33333333%;
    }

    .card .card-6-6 .card-left {
        width: 50%;
    }

    .card .card-6-6 .card-right {
        width: 50%;
    }

    .card .card-7-5 .card-left {
        width: 58.33333333%;
    }

    .card .card-7-5 .card-right {
        width: 41.66666667%;
    }

    .card .card-8-4 .card-left {
        width: 66.66666667%;
    }

    .card .card-8-4 .card-right {
        width: 33.33333333%;
    }
}

/* -- default theme ------ */
.card-default {
    border-color: #ddd;
    background-color: #fff;
    margin-bottom: 10px;
}

.card-default > h3.card-header {
    margin-top: 0px !important;
}

.card-default > .card-header,
.card-default > .card-footer {
    color: #333;
    background-color: #ddd;
}

.card-default > .card-header {
    border-bottom: 1px solid #ddd;
    padding: 8px;
}

.card-default > .card-footer {
    border-top: 1px solid #ddd;
    padding: 8px;
}

.card-default > .card-body {
}

.card-default > .card-img:first-child img {
    border-radius: 6px 6px 0 0;
}

.card-default > .card-left {
    padding-right: 4px;
}

.card-default > .card-right {
    padding-left: 4px;
}

.card-default p:last-child {
    margin-bottom: 0;
}

.card-default .card-caption {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.card-default > .card-header.sam-color {
    background-color: #002273 !important;
    color: #fff !important;
}

/* -- price theme ------ */
.card-price {
    border-color: #999;
    background-color: #ededed;
    margin-bottom: 24px;
}

.card-price > .card-heading,
.card-price > .card-footer {
    color: #333;
    background-color: #fdfdfd;
}

.card-price > .card-heading {
    border-bottom: 1px solid #ddd;
    padding: 8px;
}

.card-price > .card-footer {
    border-top: 1px solid #ddd;
    padding: 8px;
}

.card-price > .card-img:first-child img {
    border-radius: 6px 6px 0 0;
}

.card-price > .card-left {
    padding-right: 4px;
}

.card-price > .card-right {
    padding-left: 4px;
}

.card-price .card-caption {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.card-price p:last-child {
    margin-bottom: 0;
}

.card-price .price {
    text-align: center;
    color: #337ab7;
    font-size: 3em;
    text-transform: uppercase;
    line-height: 0.7em;
    margin: 24px 0 16px;
}

.card-price .price small {
    font-size: 0.4em;
    color: #66a5da;
}

.card-price .details {
    list-style: none;
    margin-bottom: 24px;
    padding: 0 18px;
}

.card-price .details li {
    text-align: center;
    margin-bottom: 8px;
}

.card-price .buy-now {
    text-transform: uppercase;
}

.card-price table .price {
    font-size: 1.2em;
    font-weight: 700;
    text-align: left;
}

.card-price table .note {
    color: #666;
    font-size: 0.8em;
}

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 140px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -75px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}


.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 27px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 23px;
    width: 23px;
    left: 3px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #002273;
}

input:focus + .slider {
    box-shadow: 0 0 1px #002273;
}

input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}


.login-center {
    position: absolute;
    top: 70%;
    margin-left: 50px;
    margin-right: 50px;
}

.login-center .card {
    -webkit-filter: drop-shadow(-15px 25px 29px rgba(0, 0, 0, 0.9));
    -moz-filter: drop-shadow(-15px 25px 29px rgba(0, 0, 0, 0.9));
    -o-filter: drop-shadow(-15px 25px 29px rgba(0, 0, 0, 0.9));
    filter: drop-shadow(-15px 25px 29px rgba(0, 0, 0, 0.9));
    width: 80vh;
    margin: 0 auto;
}

.login-center .card .card-body {
    padding: 5px !important;
}
.login-center .card-body{
    display: block !important;
}

.compra-ingresso-detalhes-evento {
    min-height: 133px;
    max-height: 133px;
}

.compra-ingresso-detalhes-evento > .img-responsive {
    border-radius: 6px;
}

.cards-ingressos .card {
    -webkit-filter: drop-shadow(7px 15px 11px rgba(0, 0, 0, 0.9));
    -moz-filter: drop-shadow(7px 15px 11px rgba(0, 0, 0, 0.9));
    -o-filter: drop-shadow(7px 15px 11px rgba(0, 0, 0, 0.9));
    filter: drop-shadow(7px 15px 11px rgba(0, 0, 0, 0.9));
}

.card-ingressos-selecionados .card-header {
    border-bottom: 0px !important;
}


.ingresso-nomeado .card-footer{
    background-color: #2a8240; color: #ffffff; padding-bottom: 15px;
}


.scrolling-wrapper {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}

.scrolling-wrapper .ingresso-sam-eventos-panel {
    display: inline-block;
}

.scrolling-wrapper-flexbox {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
}
.scrolling-wrapper-flexbox .ingresso-sam-eventos-panel {
    flex: 0 0 auto;
    margin-right: 3px;
}
.col-descricao-evento{
    min-height: 170px;
}

.ingresso-sam-eventos-panel {
    width: 250px;
    height: 195px;
    margin-bottom: 0px;
}
.ingresso-sam-eventos-panel .panel-body{
    padding: 2px 5px 2px 5px;
}

.scrolling-wrapper, .scrolling-wrapper-flexbox {
    width: 100%;
    -webkit-overflow-scrolling: touch;
}
.scrolling-wrapper::-webkit-scrollbar {
    -webkit-appearance: none;
}
.scrolling-wrapper::-webkit-scrollbar:horizontal {
    height: 11px;
}
.scrolling-wrapper::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white;
    background-color: rgba(0, 0, 0, .5);
}
.scrolling-wrapper::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 8px;
}

/*FLOAT BUTTON*/

.label-container{
    position:fixed;
    bottom:48px;
    right:105px;
    display:table;
    visibility: hidden;
}

.label-text{
    color:#FFF;
    background: rgba(0, 0, 0, 0.65);
    display:table-cell;
    vertical-align:middle;
    padding:10px;
    border-radius:3px;
}

.label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#000000;
    opacity:0.5;
}

.float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:40px;
    background-color:#002273;
    color:#ffffff;
    border-radius:50px;
    text-align:center;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.56);

    -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

.my-float{
    font-size:24px;
    margin-top:18px;
}

a.float + div.label-container {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s ease;
}

a.float:hover + div.label-container{
    visibility: visible;
    opacity: 1;
}
a.float:hover{
    color: #ffffff;
}

.pulse-button:hover {
    -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}

/*CSS Para a tela de confirmação de presença*/

.card-data-confirma-presenca{
    background-color: #0B2C5F;
    color: #ffffff;
}
.card-data-confirma-presenca .data-presenca small{
    white-space: nowrap;
    color: #ffffff;
}

.sam-tooltip{
    cursor: pointer;

}



.fa-beat {
    color: #002273;
    -webkit-animation: fa-beat 1s infinite linear;
    animation: fa-beat 1s infinite linear;
}
@-webkit-keyframes fa-beat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes fa-beat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}


.tippy-tooltip[data-size=large] {
    font-size: 14px !important;
}

/*NOTIFICATION DROPDOWN*/
/* -----------------------------------------
   Timeline
----------------------------------------- */
.timeline {
    list-style: none;
    position: relative;
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
}
.timeline > li p {
    color: black !important;
}
.timeline:after {
    height: auto;
    width: 1px;
    background: #e3e3e3;
    position: absolute;
    top: 5px;
    left: 30px;
    bottom: 25px;
}
.timeline.timeline-sm:after {
    left: 19px;
}
.timeline li {
    position: relative;
    padding-left: 70px;
    margin-bottom: 20px;
}
.timeline li:after {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #e3e3e3;
    position: absolute;
    left: 24px;
    top: 5px;
}
.timeline li .timeline-date {
    display: inline-block;
    width: 100%;
    color: #a6a6a6;
    font-style: italic;
    font-size: 13px;
}
.timeline.timeline-icons li {
    padding-top: 2px;
}
.timeline.timeline-icons li:after {
    width: 32px;
    height: 32px;
    background: #fff;
    border: 1px solid #e3e3e3;
    left: 14px;
    top: 0;
    z-index: 11;
}
.timeline.timeline-icons li .timeline-icon {
    position: absolute;
    left: 23.5px;
    top: 6px;
    z-index: 12;
}
.timeline.timeline-icons li .timeline-icon [class*=glyphicon] {
    top: -1px !important;
}
.timeline.timeline-icons.timeline-sm li {
    padding-left: 40px;
    margin-bottom: 10px;
}
.timeline.timeline-icons.timeline-sm li:after {
    left: -5px;
}
.timeline.timeline-icons.timeline-sm li .timeline-icon {
    left: 5.5px;
}
.timeline.timeline-advanced li {
    padding-top: 0;
}
.timeline.timeline-advanced li:after {
    background: #fff;
    border: 1px solid #29b6d8;
}
.timeline.timeline-advanced li:before {
    content: "";
    width: 52px;
    height: 52px;
    border: 10px solid #fff;
    position: absolute;
    left: 4px;
    top: -10px;
    border-radius: 50%;
    z-index: 12;
}
.timeline.timeline-advanced li .timeline-icon {
    color: #29b6d8;
}
.timeline.timeline-advanced li .timeline-date {
    width: 75px;
    position: absolute;
    right: 5px;
    top: 3px;
    text-align: right;
}
.timeline.timeline-advanced li .timeline-title {
    font-size: 17px;
    margin-bottom: 0;
    padding-top: 5px;
    font-weight: bold;
}
.timeline.timeline-advanced li .timeline-subtitle {
    display: inline-block;
    width: 100%;
    color: #a6a6a6;
}
.timeline.timeline-advanced li .timeline-content {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 70px;
}
.timeline.timeline-advanced li .timeline-content p {
    margin-bottom: 3px;
}
.timeline.timeline-advanced li .timeline-content .divider-dashed {
    padding-top: 0px;
    margin-bottom: 7px;
    width: 200px;
}
.timeline.timeline-advanced li .timeline-user {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
.timeline.timeline-advanced li .timeline-user:before,
.timeline.timeline-advanced li .timeline-user:after {
    content: " ";
    display: table;
}
.timeline.timeline-advanced li .timeline-user:after {
    clear: both;
}
.timeline.timeline-advanced li .timeline-user .timeline-avatar {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    float: left;
    margin-right: 10px;
}
.timeline.timeline-advanced li .timeline-user .timeline-user-name {
    font-weight: bold;
    margin-bottom: 0;
}
.timeline.timeline-advanced li .timeline-user .timeline-user-subtitle {
    color: #a6a6a6;
    margin-top: -4px;
    margin-bottom: 0;
}
.timeline.timeline-advanced li .timeline-link {
    margin-left: 5px;
    display: inline-block;
}
.timeline-load-more-btn {
    margin-left: 70px;
}
.timeline-load-more-btn i {
    margin-right: 5px;
}


/* -----------------------------------------
   Dropdown
----------------------------------------- */
.dropdown-menu{
    padding:0 0 0 0 !important;
    min-width: 300px!important;
}
a.dropdown-menu-header {
    background: #f7f9fe !important;
    font-weight: bold !important;
    border-bottom: 1px solid #e3e3e3 !important;
}
.dropdown-menu > li a {
    text-transform: capitalize !important;
    margin-top: 0px !important;
    color: black !important;
    padding: 10px 20px !important;
}

/* -----------------------------------------
   Badge
----------------------------------------- */

.badge{
    padding: 3px 5px 2px;
    position: absolute;
    top: 20px;
    right: 5px;
    display: inline-block;
    min-width: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    border-radius: 10px;
}
.badge-danger {
    background-color: #db5565;
}


.amaran-close:before{
    color: #000 !important;
}