.ajax_response {
    z-index: 1005;
    position: fixed;
    padding: 20px 20px 0 0;
    top: 0;
    right: 0;
    /*width: 300px;*/
    max-width: 100%;
}

.ajax_response .message {
    background: #333333;
    font-size: 1em;
    font-weight: 400;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #ffffff;
    overflow: hidden;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 15px 15px 20px 15px;
    margin-bottom: 15px;
    position: relative;
    cursor: pointer;
}
.ajax_response .message:before {
    flex-basis: 0%;
    margin: -5px 15px 0 0 !important;
    font-size: 2.4em;
    color: rgba(0, 0, 0, 0.5);
}
.ajax_response .message.success {
    background: #36BA9B;
}
.ajax_response .message.info {
    background: #39AED9;
}
.ajax_response .message.warning {
    background: #F5B946;
}
.ajax_response .message.error {
    background: #D94352;
}
.ajax_response .message_time {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 4%;
    height: 5px;
    background: rgba(0, 0, 0, 0.5);
}

@media (max-width: 30em) {
    .ajax_response {
        width: 100%;
        padding: 20px 20px 0 20px;
    }
}


.btn-whatsapp {
    position: absolute;
    outline: none;
    bottom: 30px;
    right: 30px;
    border-radius: 50%;
    height: 65px;
    width: 65px;
    cursor: pointer;
    background: #34af23;
    color: #FFF;
    font-size: 2.3rem;
    /*border: 1px solid #f1f1f1;*/

    /* animation-name: pulsar;
    animation-duration: 0.8s;
    animation-timing-function: ease-out;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-fill-mode: none;
    animation-play-state: running;  */

    animation: pulsar 0.8s ease-out 1s infinite alternate none running;
}

a {
    color: inherit;
}

@keyframes pulsar {
    0% {
        height: 65px;
        width: 65px;
    }
    100% {
        height: 85px;
        width: 85px;
    }
}

/* Tables - No More Tables technique (991px is the bootstrap SM max-width) */
@media only screen and (max-width: 991px) {
    .table.table-no-more,
    .table.table-no-more thead,
    .table.table-no-more tbody,
    .table.table-no-more tr,
    .table.table-no-more th,
    .table.table-no-more td {
        display: block;
    }

    .table.table-no-more thead tr {
        left: -9999px;
        position: absolute;
        top: -9999px;
    }

    .table.table-no-more tr {
        border-bottom: 1px solid #DDD;
    }

    .table.table-no-more td {
        border: none;
        position: relative;
        padding-left: 50%;
        text-align: left;
        white-space: normal;
    }

    .table.table-no-more td:before {
        content: attr(data-title);
        font-weight: bold;
        left: 6px;
        padding-right: 10px;
        position: absolute;
        text-align: left;
        top: 8px;
        white-space: nowrap;
        width: 45%;
    }

    .table.table-no-more.table-bordered td {
        border-bottom: 1px solid #dedede;
    }

    .table.table-no-more.table-sm td:before {
        top: 5px;
    }
}

.table.table-ecommerce-simple {
    display: table;
}

.table.table-ecommerce-simple thead th {
    border-bottom-width: 1px;
    border-top: 0;
}

.table.table-ecommerce-simple tbody td {
    vertical-align: middle;
}

.table.table-ecommerce-simple tbody tr:first-child td {
    border-top: 0;
}

.table.table-ecommerce-simple.table-striped > tbody > tr:nth-child(2n+1) > td, .table.table-ecommerce-simple.table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #f9f9f9;
}

.table.table-ecommerce-simple.table-striped th, .table.table-ecommerce-simple.table-striped td {
    border-top: 0;
}

.table.table-ecommerce-simple.table-ecomerce-simple-border-bottom {
    border-bottom: 1px solid #dee2e6;
}

/* Dark - Tables */
html.dark .table > thead > tr > th,
html.dark .table > tbody > tr > th,
html.dark .table > tfoot > tr > th,
html.dark .table > thead > tr > td,
html.dark .table > tbody > tr > td,
html.dark .table > tfoot > tr > td,
html.dark .table-bordered {
    border-color: #262b33;
    color: #808697;
}

html.dark .table-striped > tbody > tr:nth-child(2n+1) > td,
html.dark .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #282d36;
}

html.dark .table-hover > tbody > tr:hover > td,
html.dark .table-hover > tbody > tr:hover > th {
    background-color: #272c34;
}

html.dark .table .actions a,
html.dark .table .actions-hover a {
    color: #808697;
}

@media screen and (max-width: 991px) {
    html.dark .table-responsive {
        border-color: #262b33;
    }
}

@media only screen and (max-width: 991px) {
    html.dark .table.table-no-more tr,
    html.dark .table.table-no-more.table-bordered td {
        border-bottom-color: #262b33;
    }
}
/* Tables - States */
.table > thead > tr > td.primary,
.table > tbody > tr > td.primary,
.table > tfoot > tr > td.primary,
.table > thead > tr > th.primary,
.table > tbody > tr > th.primary,
.table > tfoot > tr > th.primary,
.table > thead > tr.primary > td,
.table > tbody > tr.primary > td,
.table > tfoot > tr.primary > td,
.table > thead > tr.primary > th,
.table > tbody > tr.primary > th,
.table > tfoot > tr.primary > th {
    color: #FFF;
    background-color: #CCC !important;
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
    color: #FFF;
    background-color: #47a447 !important;
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
    color: #FFF;
    background-color: #ed9c28 !important;
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
    color: #FFF;
    background-color: #d2322d !important;
}

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
    color: #FFF;
    background-color: #5bc0de !important;
}

.table > thead > tr > td.dark,
.table > tbody > tr > td.dark,
.table > tfoot > tr > td.dark,
.table > thead > tr > th.dark,
.table > tbody > tr > th.dark,
.table > tfoot > tr > th.dark,
.table > thead > tr.dark > td,
.table > tbody > tr.dark > td,
.table > tfoot > tr.dark > td,
.table > thead > tr.dark > th,
.table > tbody > tr.dark > th,
.table > tfoot > tr.dark > th {
    color: #FFF;
    background-color: #171717 !important;
}

.table > thead > tr > td.dark,
.table > tbody > tr > td.dark,
.table > tfoot > tr > td.dark,
.table > thead > tr > th.dark,
.table > tbody > tr > th.dark,
.table > tfoot > tr > th.dark,
.table > thead > tr.dark > td,
.table > tbody > tr.dark > td,
.table > tfoot > tr.dark > td,
.table > thead > tr.dark > th,
.table > tbody > tr.dark > th,
.table > tfoot > tr.dark > th {
    background-color: #4a4a4a;
    color: #FFF;
}

.header-body{
    opacity: 0.9;
}

.header-container{
    opacity: 0.9;
}