@font-face {
    font-family: verdana;
    src: url(fonts/verdana-4.ttf);
}

#ohsnap .alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #eed3d7;
    border-radius: 4px;
    position: fixed;
    bottom: 10px;
    right: 21px;
    /* Each alert has its own width */
    float: right;
    clear: right;
    background-color: white;
    z-index: 9999 !important;
}

#ohsnap .alert-red {
    color: white;
    background-color: #DA4453;
}
#ohsnap .alert-green {
    color: white;
    background-color: #37BC9B;
}
#ohsnap .alert-blue {
    color: white;
    background-color: #4A89DC;
}
#ohsnap .alert-yellow {
    color: white;
    background-color: #F6BB42;
}
#ohsnap .alert-orange {
    color:white;
    background-color: #E9573F;
}

.dataTables_wrapper input[type="search"] {
    border: 1px solid #ddd !important;
    width: 208px !important;
    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
}


.h2-title-home{
    font-family: verdana;
    color: black;
    font-size: 20px;
    margin-top: 35px;
}
.h3-title-home{
    font-family: verdana;
     color: black;
     font-size: 20px;
    font-weight: bold;
 }

.pstu-h{
    font-family: verdana;
    color: black;
    font-size: 20px;
    font-weight: bold;
}

.ul-style-list{
    color: black;
    text-align: justify;
    padding: 25px;
    font-family: 'Montserrat', sans-serif;
}

.ul-style-list li{
    margin-bottom: 10px;
}

.ul-style-list li i{
    color: #ca0101;
}

.tenho-int{
    color: white !important;
    background-color: #ca0301;
    border-color: #408a2d;
    padding: 16px;
    font-family: 'verdana';
}

.tenho-int:hover{
    color: black !important;
    background: white;
    border: solid 1px black;
}

#qrcode canvas{
    border: solid 2px black;
    padding: 20px;
}

.box-home{
    background: white;
    width: 500px;
    height: 100%;
    margin: 0 auto;
    padding-bottom: 40px;
}

.home .navbar-brand{
    position: absolute;
    margin-left: 123px;
    top: 25px;
}

.home .navbar-end{
    position: absolute;
    right: 123px;
    top: 34px;
}

.privacidade{
    position: fixed;
    bottom: 0;
}
.cupomenvio.notification.is-success {
    background-color: #209cee;
    color: #fff;
}

@media only screen and (max-width: 992px) {
    .box-home{
        width: 600px;
        margin-top: 160px;
    }

}

@media only screen and (max-width: 767px) {
    .box-home{
        width: 100%;
        margin-top: 160px;
    }

    .home .navbar-end{
        right: 137px;
        top: 80px;
    }

    .home .navbar-brand {
        margin-left: 129px;
    }

    .privacidade {
        position: inherit;
        font-size: 13px;
    }

    .block:not(:last-child), .box:not(:last-child), .breadcrumb:not(:last-child), .content:not(:last-child), .highlight:not(:last-child), .level:not(:last-child), .list:not(:last-child), .message:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .subtitle:not(:last-child), .table-container:not(:last-child), .table:not(:last-child), .tabs:not(:last-child), .title:not(:last-child) {
        margin-bottom: 0.5rem;
    }

    .hero-body {
        padding: 1.4rem 1rem;
    }

    .hero.is-info .navbar-item{
        padding: 0;
    }

}

.info-box .content {
    width: 100%;
}

.info-box .icon{
    width: 105px;
}

.info-box .content .text {
    margin-top: 0px;
}
.disparos{
    font-size: 13px;
    background: white;
    color: #4CAF50;
    text-align: center;
    font-weight: 900;
    border-radius: 12px;
}