.message.success {
    padding: 8px 10px 8px 10px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 3px;

    background-color: #E8F5E9;
    border-color: #4CAF50;
    color: #43A047;

    -moz-animation: cssAnimation 0s ease-in 3s forwards;
    /* Firefox */
    -webkit-animation: cssAnimat ion 0s ease-in 3s forwards;
    /* Safari and Chrome */
    -o-animation: cssAnimation 0s ease-in 3s forwards;
    /* Opera */
    animation: cssAnimation 0s ease-in 3s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    }


    .message.error {
    padding: 8px 10px 8px 10px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 3px;

    background-color: #FBE9E7;
    border-color: #FF5722;
    color: #D84315;

    -moz-animation: cssAnimation 0s ease-in 3s forwards;
    /* Firefox */
    -webkit-animation: cssAnimat ion 0s ease-in 3s forwards;
    /* Safari and Chrome */
    -o-animation: cssAnimation 0s ease-in 3s forwards;
    /* Opera */
    animation: cssAnimation 0s ease-in 3s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    }


    @keyframes cssAnimation {
        to {
            width:0;
            height:0;
            padding: 0;
            margin: 0;
            border: 0;
            background-color: transparent;
            overflow:hidden;
        }
    }
    @-webkit-keyframes cssAnimation {
        to {
            width:0;
            height:0;
            padding: 0;
            margin: 0;
            border: 0;
            background-color: transparent;
            visibility:hidden;
        }
    }

    .txt-14 {font-size:  14px;}
    .txt-16 {font-size:  16px;}
    .txt-18 {font-size:  18px;}
    .txt-20 {font-size:  20px;}



    #escurecer-tela {
        position: absolute;
        display: none;
        z-index: 90000;
        top: 100px;
        left: 100px;
        color: #333;
        border: 2px solid #333;
        background: transparent;
        text-align: center;
        width: 200px;
        height: 100px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    #escurecer-tela h1 {
        background: #333;
        color: #fff;
        font-weight: bold;
        font-size: 14px;
        text-align: left;
        padding: 0;
        margin: 0;
        padding: 5px;
    }

    #escurecer-tela-cont {
        background: url('../img/bk-carregando.png');
        width: 200px;
        height: 73px;
    }

    #loading-tela {
        margin-top: 25px;
    }


    .loading {
        margin-left: 50%;
    }



  .box-voucher {
    position: relative;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    background: rgb(58,136,195);
    background: linear-gradient(94deg, rgba(58,136,195,1) 0%, rgba(58,136,195,1) 0%, rgba(61,156,193,1) 100%);
    border-radius: 80px;
    padding: 30px;
  }



  .btn-warning {
    color: #fff;
    background-color: #E09401;
    border-color: #E09401;
  }
  .btn-warning:focus,
  .btn-warning.focus {
    color: #fff;
    background-color: #E09401;
    border-color: #E09401;
  }
  .btn-warning:hover {
    color: #fff;
    background-color: #E09401;
    border-color: #E09401;
  }
  .btn-warning:active,
  .btn-warning.active,
  .open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #E09401;
    border-color: #E09401;
  }
  .btn-warning:active:hover,
  .btn-warning.active:hover,
  .open > .dropdown-toggle.btn-warning:hover,
  .btn-warning:active:focus,
  .btn-warning.active:focus,
  .open > .dropdown-toggle.btn-warning:focus,
  .btn-warning:active.focus,
  .btn-warning.active.focus,
  .open > .dropdown-toggle.btn-warning.focus {
    color: #fff;
    background-color: #E09401;
    border-color: #E09401;
  }
  .btn-warning:active,
  .btn-warning.active,
  .open > .dropdown-toggle.btn-warning {
    background-image: none;
  }
  .btn-warning.disabled:hover,
  .btn-warning[disabled]:hover,
  fieldset[disabled] .btn-warning:hover,
  .btn-warning.disabled:focus,
  .btn-warning[disabled]:focus,
  fieldset[disabled] .btn-warning:focus,
  .btn-warning.disabled.focus,
  .btn-warning[disabled].focus,
  fieldset[disabled] .btn-warning.focus {
    background-color: #E09401;
    border-color: #E09401;
  }
  .btn-warning .badge {
    color: #E09401;
    background-color: #fff;
  }


  .label-warning {
    background-color: #E09401;
    border-color: #E09401;
  }
  .label-warning[href]:hover,
  .label-warning[href]:focus {
    background-color: #E09401;
    border-color: #E09401;
  }