@media (min-width: 1300px) {
        .container {
            max-width: 1300px;
        }
    }

    #chart {
        max-width: 650px;
        margin: 35px auto;
    }

    /* Loader css */

    .linear-activity {
        overflow: hidden;
        width: 100%;
        height: 3px;
        background-color: #B3E5FC;
        /* margin: 20px auto; */
    }

    .bg-green {
        background-color: #4caf50;
    }

    .determinate {
        position: relative;
        max-width: 100%;
        height: 100%;
        -webkit-transition: width 500ms ease-out 1s;
        -moz-transition: width 500ms ease-out 1s;
        -o-transition: width 500ms ease-out 1s;
        transition: width 500ms ease-out 1s;
        background-color: #03A9F4;
    }

    .indeterminate {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .indeterminate:before {
        content: '';
        position: absolute;
        height: 100%;
        background-color: #03A9F4;
        animation: indeterminate_first 1.5s infinite ease-out;
    }

    .indeterminate:after {
        content: '';
        position: absolute;
        height: 100%;
        background-color: #4FC3F7;
        animation: indeterminate_second 1.5s infinite ease-in;
    }

    @keyframes indeterminate_first {
        0% {
            width: 100%;
        }
        100% {
            left: 100%;
            width: 10%;
        }
    }

    @keyframes indeterminate_second {
        0% {
            left: -150%;
            width: 100%;
        }
        100% {
            left: 100%;
            width: 10%;
        }
    }

    .modal.left .modal-dialog {
        position: fixed;
        right: 0;
        margin: auto;
        width: 350px;
        height: 100%;
        -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
        -o-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
    }

    .modal.left .modal-content {
        height: 100%;
        overflow-y: auto;
    }

    .modal.right .modal-body {
        padding: 15px 15px 80px;
    }

    .modal.right.fade .modal-dialog {
        left: -430px;
        -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
        -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
        -o-transition: opacity 0.3s linear, left 0.3s ease-out;
        transition: opacity 0.3s linear, left 0.3s ease-out;
    }

    .modal.right.fade.show .modal-dialog {
        right: 0;
    }

    /* ----- MODAL STYLE ----- */

    .modal-content {
        /* border-radius: 0; */
        border: none;
    }

    .modal-header {
        border-bottom-color: #eeeeee;
        background-color: #fafafa;
    }

    .custom-border {
        border: 2px;
        border-color: #b0b0b0;
        border-style: solid;
        background: #f2f2f25e;
        padding: 8px;
        border-radius: 3px;
    }

    /*.custom-border {
    border: 3px;
    border-color: #4caf50;
    border-style: dotted;
    background: #f2f2f2;
    padding: 8px;
}
*/

    #map {
        height: 100%;
    }

    .modal-dialog-left {
        margin: auto auto !important;
    }

    .cursor {
        cursor: pointer;
    }

    /* CUSTOM MODAL */

    /* body {
    color: #000;
    overflow-x: hidden;
    height: 100%;
    background-color: #D1C4E9;
    background-repeat: no-repeat
} */

    .custom-container {
        margin: 200px auto
    }

    fieldset {
        display: none
    }

    fieldset.show {
        display: block
    }

    select:focus,
    input:focus {
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border: 1px solid #2196F3 !important;
        outline-width: 0 !important;
        font-weight: 400
    }

    button:focus {
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        outline-width: 0
    }

    .tabs {
        margin: 2px 5px 0px 5px;
        padding-bottom: 10px;
        cursor: pointer
    }

    .tabs:hover,
    .tabs.active {
        border-bottom: 1px solid #2196F3
    }

    .custom:hover {
        text-decoration: none;
        color: #1565C0 !important;
    }

    .box {
        margin-bottom: 10px;
        border-radius: 5px;
        padding: 10px
    }

    .modal-backdrop {
        /* background-color: #fafafa */
    }

    .line {
        background-color: #CFD8DC;
        height: 1px;
        width: 100%
    }

    @media screen and (max-width: 768px) {
        .whatsapp_button {
            display: none;
        }
        .tabs h6 {
            font-size: 12px
        }
        .modal.left .modal-dialog {
            width: 90%;
        }
    }

    @media screen and (max-width: 991px) {
        .topbar {
            display: none;
        }
        .text-branch-header {
            color: #fff !important;
        }
    }

    .text-branch-header {
        color: #343a40;
    }

    .strike {
        text-decoration: line-through !important;
    }

    .c-32 {
        width: 32px;
        height: 32px;
    }

    /* Loader CSS */

    .loader {
        display: none;
        position: fixed;
        height: 100%;
        top: 0%;
        bottom: 0%;
        left: 0%;
        background: rgba(0, 0, 0, 0.75) url(images/loading2.gif) no-repeat center center;
        width: 100%;
        z-index: 10000;
    }

    .loader-image {
        position: absolute;
        top: 50%;
        height: 50px;
        width: 50px;
    }

    :required:focus {
        border: 1px solid red;
        outline: none;
    }

    .border-correct {
        border: 2px solid green;
        border-style: groove;
    }

    .border-incorrect {
        border: 2px solid red;
        border-style: groove;
    }

    /* LDS RIPPLE */

    .lds-ripple {
        display: inline-block;
        position: relative;
        width: 80px;
        height: 80px;
    }

    .lds-ripple div {
        position: absolute;
        border: 4px solid #fff;
        opacity: 1;
        border-radius: 50%;
        animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

    .lds-ripple div:nth-child(2) {
        animation-delay: -0.5s;
    }

    @keyframes lds-ripple {
        0% {
            top: 36px;
            left: 36px;
            width: 0;
            height: 0;
            opacity: 1;
        }
        100% {
            top: 0px;
            left: 0px;
            width: 72px;
            height: 72px;
            opacity: 0;
        }
    }

    .height-50 {
        height: 50px !important;
        width: auto !important;
    }

    .sticky-div {
        position: sticky;
        top: 0px;
    }

    ry me ! .colored-toast.swal2-icon-success {
        background-color: #a5dc86 !important;
    }

    .colored-toast.swal2-icon-error {
        background-color: #f27474 !important;
    }

    .colored-toast.swal2-icon-warning {
        background-color: #f8bb86 !important;
    }

    .colored-toast.swal2-icon-info {
        background-color: #3fc3ee !important;
    }

    .colored-toast.swal2-icon-question {
        background-color: #87adbd !important;
    }

    .colored-toast .swal2-title {
        color: white;
    }

    .colored-toast .swal2-close {
        color: white;
    }

    .colored-toast .swal2-html-container {
        color: white;
    }

    .hide-all {
        display: none !important;
    }

    .whatsapp_button {
        position: fixed;
        left: 20px;
        bottom: 20px;
        z-index: 99999999;
    }

    .img-whatsapp {
        max-width: 50px;
    }