body {
    background-color: #e9ebee !important;
}

main {
    padding-top: 5.0rem;
}

footer.page-footer {
    bottom: 0;
    color: #999;
}

    footer.page-footer .container-fluid {
        width: auto;
    }

    footer.page-footer .footer-copyright {
        overflow: hidden;
    }


.pointer {
    cursor: pointer;
}

.dataLabel {
    color: gray;
    font-size: 80%;
}

.navbar {
    background-color: #4267b2 !important;
}

    .navbar a.toplink {
        color: #fff;
    }

        .navbar a.toplink:hover, .navbar a.toplink:focus {
            color: #fff;
            background-color: #29487d !important;
        }

    .navbar .navbar-brand {
        margin-right: 0;
    }


    .card-header {
        color: #000 !important;
        font-weight: 500;
        text-transform: uppercase;
        background-color: #f5f6f7 !important;
    }


.iob-radio label {
    padding-left: 5px;
    padding-right: 10px;
}

/****** override, make solid instead of transparent ******/
.toast {
    opacity: 1 !important;
}

/****** global ******/

.primary-color {
    background-color: #4285f4 !important;
}

.primary-color-dark {
    background-color: #0d47a1 !important;
}

.secondary-color {
    background-color: #aa66cc !important;
}

.secondary-color-dark {
    background-color: #9933cc !important;
}

.default-color {
    background-color: #2bbbad !important;
}

.default-color-dark {
    background-color: #00695c !important;
}

.info-color {
    background-color: #33b5e5 !important;
}

.info-color-dark {
    background-color: #0099cc !important;
}

.success-color {
    background-color: #00c851 !important;
}

.success-color-dark {
    background-color: #007e33 !important;
}

.warning-color {
    background-color: #ffbb33 !important;
}

.warning-color-dark {
    background-color: #ff8800 !important;
}

.danger-color {
    background-color: #ff3547 !important;
}

.danger-color-dark {
    background-color: #cc0000 !important;
}


.red.lighten-5 {
    background-color: #ffebee !important;
}

.red.lighten-4 {
    background-color: #ffcdd2 !important;
}

.red.lighten-3 {
    background-color: #ef9a9a !important;
}

.red.lighten-2 {
    background-color: #e57373 !important;
}

.red.lighten-1 {
    background-color: #ef5350 !important;
}

.red {
    background-color: #f44336 !important;
}

.red-text {
    color: #f44336 !important;
}

.purple.lighten-5 {
    background-color: #f3e5f5 !important;
}

.purple.lighten-4 {
    background-color: #e1bee7 !important;
}

.purple.lighten-3 {
    background-color: #ce93d8 !important;
}

.purple.lighten-2 {
    background-color: #ba68c8 !important;
}

.purple.lighten-1 {
    background-color: #ab47bc !important;
}

.purple {
    background-color: #9c27b0 !important;
}

.purple-text {
    color: #9c27b0 !important;
}

.indigo.lighten-5 {
    background-color: #e8eaf6 !important;
}

.indigo.lighten-4 {
    background-color: #c5cae9 !important;
}

.indigo.lighten-3 {
    background-color: #9fa8da !important;
}

.indigo.lighten-2 {
    background-color: #7986cb !important;
}

.indigo.lighten-1 {
    background-color: #5c6bc0 !important;
}

.indigo {
    background-color: #3f51b5 !important;
}

.indigo-text {
    color: #3f51b5 !important;
}


.blue.lighten-5 {
    background-color: #e3f2fd !important;
}

.blue.lighten-4 {
    background-color: #bbdefb !important;
}

.blue.lighten-3 {
    background-color: #90caf9 !important;
}

.blue.lighten-2 {
    background-color: #64b5f6 !important;
}

.blue.lighten-1 {
    background-color: #42a5f5 !important;
}

.blue {
    background-color: #2196f3 !important;
}

.blue-text {
    color: #2196f3 !important;
}


.light-blue.lighten-5 {
    background-color: #e1f5fe !important;
}

.light-blue.lighten-4 {
    background-color: #b3e5fc !important;
}

.light-blue.lighten-3 {
    background-color: #81d4fa !important;
}

.light-blue.lighten-2 {
    background-color: #4fc3f7 !important;
}

.light-blue.lighten-1 {
    background-color: #29b6f6 !important;
}

.light-blue {
    background-color: #03a9f4 !important;
}

.light-blue-text {
    color: #03a9f4 !important;
}

.cyan.lighten-5 {
    background-color: #e0f7fa !important;
}

.cyan.lighten-4 {
    background-color: #b2ebf2 !important;
}

.cyan.lighten-3 {
    background-color: #80deea !important;
}

.cyan.lighten-2 {
    background-color: #4dd0e1 !important;
}

.cyan.lighten-1 {
    background-color: #26c6da !important;
}

.cyan {
    background-color: #00bcd4 !important;
}

.cyan-text {
    color: #00bcd4 !important;
}


.teal.lighten-5 {
    background-color: #e0f2f1 !important;
}

.teal.lighten-4 {
    background-color: #b2dfdb !important;
}

.teal.lighten-3 {
    background-color: #80cbc4 !important;
}

.teal.lighten-2 {
    background-color: #4db6ac !important;
}

.teal.lighten-1 {
    background-color: #26a69a !important;
}

.teal {
    background-color: #009688 !important;
}

.teal-text {
    color: #009688 !important;
}

.green.lighten-5 {
    background-color: #e8f5e9 !important;
}

.green.lighten-4 {
    background-color: #c8e6c9 !important;
}

.green.lighten-3 {
    background-color: #a5d6a7 !important;
}

.green.lighten-2 {
    background-color: #81c784 !important;
}

.green.lighten-1 {
    background-color: #66bb6a !important;
}

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

.green-text {
    color: #4caf50 !important;
}

.light-green.lighten-5 {
    background-color: #f1f8e9 !important;
}

.light-green.lighten-4 {
    background-color: #dcedc8 !important;
}

.light-green.lighten-3 {
    background-color: #c5e1a5 !important;
}

.light-green.lighten-2 {
    background-color: #aed581 !important;
}

.light-green.lighten-1 {
    background-color: #9ccc65 !important;
}

.light-green {
    background-color: #8bc34a !important;
}

.light-green-text {
    color: #8bc34a !important;
}

.yellow.lighten-5 {
    background-color: #fffde7 !important;
}

.yellow.lighten-4 {
    background-color: #fff9c4 !important;
}

.yellow.lighten-3 {
    background-color: #fff59d !important;
}

.yellow.lighten-2 {
    background-color: #fff176 !important;
}

.yellow.lighten-1 {
    background-color: #ffee58 !important;
}

.yellow {
    background-color: #ffeb3b !important;
}

.yellow-text {
    color: #ffeb3b !important;
}


.amber.lighten-5 {
    background-color: #fff8e1 !important;
}

.amber.lighten-4 {
    background-color: #ffecb3 !important;
}

.amber.lighten-3 {
    background-color: #ffe082 !important;
}

.amber.lighten-2 {
    background-color: #ffd54f !important;
}

.amber.lighten-1 {
    background-color: #ffca28 !important;
}

.amber {
    background-color: #ffc107 !important;
}

.amber-text {
    color: #ffc107 !important;
}

.orange.lighten-5 {
    background-color: #fff3e0 !important;
}

.orange.lighten-4 {
    background-color: #ffe0b2 !important;
}

.orange.lighten-3 {
    background-color: #ffcc80 !important;
}

.orange.lighten-2 {
    background-color: #ffb74d !important;
}

.orange.lighten-1 {
    background-color: #ffa726 !important;
}

.orange {
    background-color: #ff9800 !important;
}

.orange-text {
    color: #ff9800 !important;
}

.brown.lighten-5 {
    background-color: #efebe9 !important;
}

.brown.lighten-4 {
    background-color: #d7ccc8 !important;
}

.brown.lighten-3 {
    background-color: #bcaaa4 !important;
}

.brown.lighten-2 {
    background-color: #a1887f !important;
}

.brown.lighten-1 {
    background-color: #8d6e63 !important;
}

.brown {
    background-color: #795548 !important;
}

.brown-text {
    color: #795548 !important;
}


.blue-grey.lighten-5 {
    background-color: #eceff1 !important;
}

.blue-grey.lighten-4 {
    background-color: #cfd8dc !important;
}

.blue-grey.lighten-3 {
    background-color: #b0bec5 !important;
}

.blue-grey.lighten-2 {
    background-color: #90a4ae !important;
}

.blue-grey.lighten-1 {
    background-color: #78909c !important;
}

.blue-grey {
    background-color: #607d8b !important;
}

.blue-grey-text {
    color: #607d8b !important;
}

.grey.lighten-5 {
    background-color: #fafafa !important;
}

.grey.lighten-4 {
    background-color: #f5f5f5 !important;
}

.grey.lighten-3 {
    background-color: #eeeeee !important;
}

.grey.lighten-2 {
    background-color: #e0e0e0 !important;
}

.grey.lighten-1 {
    background-color: #bdbdbd !important;
}

.grey {
    background-color: #9e9e9e !important;
}

.grey-text {
    color: #9e9e9e !important;
}

.black-text {
    color: #000 !important;
}

.z-depth-0 {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.z-depth-1, .chip:active {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.z-depth-1-half {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.z-depth-2, .cascading-admin-card .admin-up .fa {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.z-depth-3 {
    -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

.z-depth-4 {
    -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
    box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

.z-depth-5 {
    -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}


.disabled,
:disabled {
    pointer-events: none !important;
}

a {
    cursor: pointer;
    text-decoration: none;
    color: #007bff;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    a:hover {
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        text-decoration: none;
    }

    a.disabled:hover, a:disabled:hover {
        color: #007bff;
    }

    a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
        color: inherit;
        text-decoration: none;
    }

.hr-light {
    border-top: 1px solid #fff;
}

.hr-dark {
    border-top: 1px solid #666;
}

.bg-primary {
    background-color: #4285f4 !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #1266f1 !important;
}

.border-primary {
    border-color: #4285f4 !important;
}

.bg-danger {
    background-color: #ff3547 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
    background-color: #ff0219 !important;
}

.border-danger {
    border-color: #ff3547 !important;
}

.bg-warning {
    background-color: #ff8800 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
    background-color: #cc6d00 !important;
}

.border-warning {
    border-color: #ff8800 !important;
}

.bg-success {
    background-color: #00c851 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
    background-color: #00953c !important;
}

.border-success {
    border-color: #00c851 !important;
}

.bg-info {
    background-color: #33b5e5 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
    background-color: #1a9bcb !important;
}

.border-info {
    border-color: #33b5e5 !important;
}

.bg-default {
    background-color: #2bbbad !important;
}

a.bg-default:hover, a.bg-default:focus,
button.bg-default:hover,
button.bg-default:focus {
    background-color: #219287 !important;
}

.border-default {
    border-color: #2bbbad !important;
}

.bg-secondary {
    background-color: #aa66cc !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #9540bf !important;
}

.border-secondary {
    border-color: #aa66cc !important;
}

.bg-dark {
    background-color: #212121 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
    background-color: #080808 !important;
}

.border-dark {
    border-color: #212121 !important;
}

.bg-light {
    background-color: #e0e0e0 !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
    background-color: #c7c7c7 !important;
}

.border-light {
    border-color: #e0e0e0 !important;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
}


.text-primary {
    color: #4285f4 !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #1266f1 !important;
}

.text-danger {
    color: #ff3547 !important;
}

a.text-danger:hover, a.text-danger:focus {
    color: #ff0219 !important;
}

.text-warning {
    color: #ff8800 !important;
}

a.text-warning:hover, a.text-warning:focus {
    color: #cc6d00 !important;
}

.text-success {
    color: #00c851 !important;
}

a.text-success:hover, a.text-success:focus {
    color: #00953c !important;
}

.text-info {
    color: #33b5e5 !important;
}

a.text-info:hover, a.text-info:focus {
    color: #1a9bcb !important;
}

.text-default {
    color: #2bbbad !important;
}

a.text-default:hover, a.text-default:focus {
    color: #219287 !important;
}

.text-secondary {
    color: #aa66cc !important;
}

a.text-secondary:hover, a.text-secondary:focus {
    color: #9540bf !important;
}

.text-dark {
    color: #212121 !important;
}

a.text-dark:hover, a.text-dark:focus {
    color: #080808 !important;
}

.text-light {
    color: #e0e0e0 !important;
}

a.text-light:hover, a.text-light:focus {
    color: #c7c7c7 !important;
}

.font-small {
    font-size: 0.9rem;
}

/****** modals *******/

.modal-dialog .modal-content {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    border: 0;
    -webkit-border-radius: 0.125rem;
    border-radius: 0.125rem;
}

    .modal-dialog .modal-content .modal-header {
        -webkit-border-top-left-radius: 0.125rem;
        border-top-left-radius: 0.125rem;
        -webkit-border-top-right-radius: 0.125rem;
        border-top-right-radius: 0.125rem;
    }

.modal-dialog.cascading-modal {
    margin-top: 10%;
}

    .modal-dialog.cascading-modal .close {
        opacity: 1;
        text-shadow: none;
        color: #fff;
        outline: 0;
    }

    .modal-dialog.cascading-modal .modal-header {
        -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        margin: -2rem 1rem 1rem 1rem;
        border: none;
        -webkit-border-radius: 0.125rem;
        border-radius: 0.125rem;
        padding: 1.5rem;
        text-align: center;
    }

        .modal-dialog.cascading-modal .modal-header .close {
            margin-right: 1rem;
        }

        .modal-dialog.cascading-modal .modal-header .title {
            margin-bottom: 0;
            width: 100%;
            font-size: 1.25rem;
        }

            .modal-dialog.cascading-modal .modal-header .title .fa {
                margin-right: 9px;
            }

        .modal-dialog.cascading-modal .modal-header .social-buttons {
            margin-top: 1.5rem;
        }

            .modal-dialog.cascading-modal .modal-header .social-buttons a {
                font-size: 1rem;
            }

    .modal-dialog.cascading-modal .modal-c-tabs .md-tabs {
        -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        margin: -1.5rem 1rem 0 1rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        .modal-dialog.cascading-modal .modal-c-tabs .md-tabs li {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }

            .modal-dialog.cascading-modal .modal-c-tabs .md-tabs li a {
                text-align: center;
            }

    .modal-dialog.cascading-modal .modal-c-tabs .tab-content {
        padding: 1.7rem 0 0 0;
    }

    .modal-dialog.cascading-modal .modal-body,
    .modal-dialog.cascading-modal .modal-footer {
        padding-left: 2rem;
        padding-right: 2rem;
        color: #616161;
    }

        .modal-dialog.cascading-modal .modal-body .additional-option,
        .modal-dialog.cascading-modal .modal-footer .additional-option {
            margin-top: 1rem;
            text-align: center;
        }

    .modal-dialog.cascading-modal.modal-avatar {
        margin-top: 6rem;
    }

        .modal-dialog.cascading-modal.modal-avatar .modal-header {
            -webkit-box-shadow: none;
            box-shadow: none;
            margin: -6rem 0 -1rem;
        }

            .modal-dialog.cascading-modal.modal-avatar .modal-header img {
                width: 130px;
                -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                margin-left: auto;
                margin-right: auto;
            }

.modal-dialog.modal-notify .heading {
    margin: 0;
    padding: 0.3rem;
    font-size: 1.15rem;
    color: #fff;
}

.modal-dialog.modal-notify .modal-header {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border: 0;
}

.modal-dialog.modal-notify .close {
    opacity: 1;
}

.modal-dialog.modal-notify .modal-body {
    padding: 1.5rem;
    color: #616161;
}

.modal-dialog.modal-notify.modal-primary .modal-header {
    background-color: #4285f4;
}

.modal-dialog.modal-notify.modal-primary .fa {
    color: #4285f4;
}

.modal-dialog.modal-notify.modal-primary .badge {
    background-color: #4285f4;
}

.modal-dialog.modal-notify.modal-secondary .modal-header {
    background-color: #aa66cc;
}

.modal-dialog.modal-notify.modal-secondary .fa {
    color: #aa66cc;
}

.modal-dialog.modal-notify.modal-secondary .badge {
    background-color: #aa66cc;
}

.modal-dialog.modal-notify.modal-danger .modal-header {
    background-color: #ff3547;
}

.modal-dialog.modal-notify.modal-danger .fa {
    color: #ff3547;
}

.modal-dialog.modal-notify.modal-danger .badge {
    background-color: #ff3547;
}

.modal-dialog.modal-notify.modal-warning .modal-header {
    background-color: #ffbb33;
}

.modal-dialog.modal-notify.modal-warning .fa {
    color: #ffbb33;
}

.modal-dialog.modal-notify.modal-warning .badge {
    background-color: #ffbb33;
}

.modal-dialog.modal-notify.modal-success .modal-header {
    background-color: #00c851;
}

.modal-dialog.modal-notify.modal-success .fa {
    color: #00c851;
}

.modal-dialog.modal-notify.modal-success .badge {
    background-color: #00c851;
}

.modal-dialog.modal-notify.modal-info .modal-header {
    background-color: #33b5e5;
}

.modal-dialog.modal-notify.modal-info .fa {
    color: #33b5e5;
}

.modal-dialog.modal-notify.modal-info .badge {
    background-color: #33b5e5;
}

.modal {
    padding-right: 0 !important;
}

@media (min-width: 768px) {
    .modal .modal-dialog.modal-top {
        top: 0;
    }

    .modal .modal-dialog.modal-left {
        left: 0;
    }

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

    .modal .modal-dialog.modal-bottom {
        bottom: 0;
    }

    .modal .modal-dialog.modal-top-left {
        top: 10px;
        left: 10px;
    }

    .modal .modal-dialog.modal-top-right {
        top: 10px;
        right: 10px;
    }

    .modal .modal-dialog.modal-bottom-left {
        bottom: 10px;
        left: 10px;
    }

    .modal .modal-dialog.modal-bottom-right {
        bottom: 10px;
        right: 10px;
    }
}

.modal.fade.top:not(.show) .modal-dialog {
    -webkit-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0);
}

.modal.fade.left:not(.show) .modal-dialog {
    -webkit-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0);
}

.modal.fade.right:not(.show) .modal-dialog {
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
}

.modal.fade.bottom:not(.show) .modal-dialog {
    -webkit-transform: translate3d(0, 25%, 0);
    transform: translate3d(0, 25%, 0);
}

@media (min-width: 992px) {
    .modal.modal-scrolling {
        position: relative;
    }

        .modal.modal-scrolling .modal-dialog {
            position: fixed;
            z-index: 1050;
        }

    .modal.modal-content-clickable {
        top: auto;
        bottom: auto;
    }

        .modal.modal-content-clickable .modal-dialog {
            position: fixed;
        }

    .modal .modal-fluid {
        width: 100%;
        max-width: 100%;
    }

        .modal .modal-fluid .modal-content {
            width: 100%;
        }

    .modal .modal-frame {
        position: absolute;
        margin: 0;
        width: 100%;
        max-width: 100%;
    }

        .modal .modal-frame.modal-bottom {
            bottom: 0;
        }

    .modal .modal-full-height {
        position: absolute;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        width: 400px;
        min-height: 100%;
        height: auto;
        min-height: 100%;
        top: 0;
        right: 0;
    }

        .modal .modal-full-height.modal-top, .modal .modal-full-height.modal-bottom {
            display: block;
            width: 100%;
            max-width: 100%;
            height: auto;
        }

        .modal .modal-full-height.modal-top {
            bottom: auto;
        }

        .modal .modal-full-height.modal-bottom {
            min-height: 0;
            top: auto;
        }

        .modal .modal-full-height .modal-content {
            width: 100%;
        }

        .modal .modal-full-height.modal-lg {
            width: 90%;
            max-width: 90%;
        }
}

@media (min-width: 992px) and (min-width: 992px) {
    .modal .modal-full-height.modal-lg {
        width: 800px;
        max-width: 800px;
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .modal .modal-full-height.modal-lg {
        width: 1000px;
        max-width: 1000px;
    }
}

@media (min-width: 992px) {
    .modal .modal-side {
        position: absolute;
        bottom: 10px;
        right: 10px;
        margin: 0;
        width: 400px;
    }
}


/****** buttons ******/
.btn {
    padding: 0.84rem 2.14rem;
    font-size: 0.81rem;
    margin: 0.375rem;
    border: 0;
    -webkit-border-radius: 0.125rem;
    border-radius: 0.125rem;
    cursor: pointer;
    text-transform: uppercase;
    white-space: normal;
    word-wrap: break-word;
    color: #fff;
}

    .btn .fa {
        position: relative;
        font-size: 0.9rem;
    }

        .btn .fa.right {
            margin-left: 0.3rem;
        }

        .btn .fa.left {
            margin-right: 0.3rem;
        }

    .btn.btn-lg {
        padding: 1rem 2.4rem;
        font-size: 0.94rem;
    }

        .btn.btn-lg .fa {
            font-size: 1rem;
        }

    .btn.btn-md {
        padding: 0.7rem 1.6rem;
        font-size: 0.7rem;
    }

        .btn.btn-md .fa {
            font-size: 0.8rem;
        }

    .btn.btn-sm {
        padding: 0.5rem 1.6rem;
        font-size: 0.64rem;
    }

        .btn.btn-sm .fa {
            font-size: 0.7rem;
        }

    .btn.btn-tb {
        padding: 0.3rem 1rem;
    }

    .btn.btn-block {
        margin: inherit;
    }

    .btn.btn-link {
        background-color: transparent;
    }

        .btn.btn-link:active, .btn.btn-link:focus, .btn.btn-link:hover {
            background-color: transparent;
        }

    .btn[class*="btn-outline-"] {
        padding-top: 0.7rem;
        padding-bottom: 0.7rem;
    }

        .btn[class*="btn-outline-"].btn-lg {
            padding-top: 0.88rem;
            padding-bottom: 0.88rem;
        }

        .btn[class*="btn-outline-"].btn-md {
            padding-top: 0.58rem;
            padding-bottom: 0.58rem;
        }

        .btn[class*="btn-outline-"].btn-sm {
            padding-top: 0.38rem;
            padding-bottom: 0.38rem;
        }

.btn-group .btn {
    margin: 0;
}

.btn .fa-lg {
    font-size: 1.33333333em !important;
}

.btn .fa-2x {
    font-size: 2em !important;
}

.btn .fa-3x {
    font-size: 3em !important;
}

.btn .fa-4x {
    font-size: 4em !important;
}

.btn .fa-5x {
    font-size: 5em !important;
}

.btn-primary {
    background-color: #4267b2 !important;
    /*background-color: #4285f4 !important;*/
    color: #fff !important;
}

    .btn-primary:hover {
        background-color: #5a95f5;
    }

    .btn-primary:focus, .btn-primary:active, .btn-primary.active {
        background-color: #0b51c5;
    }

    .btn-primary.dropdown-toggle {
        background-color: #4285f4 !important;
    }

        .btn-primary.dropdown-toggle:hover, .btn-primary.dropdown-toggle:focus {
            background-color: #5a95f5 !important;
        }

    .btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle {
        background-color: #0b51c5 !important;
    }


.primary-ic {
    color: #4285f4 !important;
}

    .primary-ic:hover, .primary-ic:focus {
        color: #4285f4;
    }

.btn-outline-primary {
    border: 2px solid #4285f4 !important;
    background-color: transparent !important;
    color: #4285f4 !important;
}

    .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary:active:focus, .btn-outline-primary.active {
        border-color: #4285f4 !important;
        background-color: transparent !important;
        color: #4285f4 !important;
    }

    .btn-outline-primary:not([disabled]):not(.disabled):active, .btn-outline-primary:not([disabled]):not(.disabled).active,
    .show > .btn-outline-primary.dropdown-toggle {
        background-color: transparent !important;
        border-color: #4285f4 !important;
    }

.btn-danger {
    background-color: #ff3547 !important;
    color: #fff !important;
}

    .btn-danger:hover {
        background-color: #ff4f5e;
    }

    .btn-danger:focus, .btn-danger:active, .btn-danger.active {
        background-color: #ce0012;
    }

    .btn-danger.dropdown-toggle {
        background-color: #ff3547 !important;
    }

        .btn-danger.dropdown-toggle:hover, .btn-danger.dropdown-toggle:focus {
            background-color: #ff4f5e !important;
        }

    .btn-danger:not([disabled]):not(.disabled):active, .btn-danger:not([disabled]):not(.disabled).active,
    .show > .btn-danger.dropdown-toggle {
        background-color: #ce0012 !important;
    }

.danger-ic {
    color: #ff3547 !important;
}

    .danger-ic:hover, .danger-ic:focus {
        color: #ff3547;
    }

.btn-outline-danger {
    border: 2px solid #ff3547 !important;
    background-color: transparent !important;
    color: #ff3547 !important;
}

    .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger:active:focus, .btn-outline-danger.active {
        border-color: #ff3547 !important;
        background-color: transparent !important;
        color: #ff3547 !important;
    }

    .btn-outline-danger:not([disabled]):not(.disabled):active, .btn-outline-danger:not([disabled]):not(.disabled).active,
    .show > .btn-outline-danger.dropdown-toggle {
        background-color: transparent !important;
        border-color: #ff3547 !important;
    }

.btn-warning {
    background-color: #ff8800 !important;
    color: #fff !important;
}

    .btn-warning:hover {
        background-color: #ff941a;
    }

    .btn-warning:focus, .btn-warning:active, .btn-warning.active {
        background-color: #995200;
    }

    .btn-warning.dropdown-toggle {
        background-color: #ff8800 !important;
    }

        .btn-warning.dropdown-toggle:hover, .btn-warning.dropdown-toggle:focus {
            background-color: #ff941a !important;
        }

    .btn-warning:not([disabled]):not(.disabled):active, .btn-warning:not([disabled]):not(.disabled).active,
    .show > .btn-warning.dropdown-toggle {
        background-color: #995200 !important;
    }

.warning-ic {
    color: #ff8800 !important;
}

    .warning-ic:hover, .warning-ic:focus {
        color: #ff8800;
    }

.btn-outline-warning {
    border: 2px solid #ff8800 !important;
    background-color: transparent !important;
    color: #ff8800 !important;
}

    .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning:active:focus, .btn-outline-warning.active {
        border-color: #ff8800 !important;
        background-color: transparent !important;
        color: #ff8800 !important;
    }

    .btn-outline-warning:not([disabled]):not(.disabled):active, .btn-outline-warning:not([disabled]):not(.disabled).active,
    .show > .btn-outline-warning.dropdown-toggle {
        background-color: transparent !important;
        border-color: #ff8800 !important;
    }

.btn-success {
    background-color: #00c851 !important;
    color: #fff !important;
}

    .btn-success:hover {
        background-color: #00e25b;
    }

    .btn-success:focus, .btn-success:active, .btn-success.active {
        background-color: #006228;
    }

    .btn-success.dropdown-toggle {
        background-color: #00c851 !important;
    }

        .btn-success.dropdown-toggle:hover, .btn-success.dropdown-toggle:focus {
            background-color: #00e25b !important;
        }

    .btn-success:not([disabled]):not(.disabled):active, .btn-success:not([disabled]):not(.disabled).active,
    .show > .btn-success.dropdown-toggle {
        background-color: #006228 !important;
    }

.success-ic {
    color: #00c851 !important;
}

    .success-ic:hover, .success-ic:focus {
        color: #00c851;
    }

.btn-outline-success {
    border: 2px solid #00c851 !important;
    background-color: transparent !important;
    color: #00c851 !important;
}

    .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success:active:focus, .btn-outline-success.active {
        border-color: #00c851 !important;
        background-color: transparent !important;
        color: #00c851 !important;
    }

    .btn-outline-success:not([disabled]):not(.disabled):active, .btn-outline-success:not([disabled]):not(.disabled).active,
    .show > .btn-outline-success.dropdown-toggle {
        background-color: transparent !important;
        border-color: #00c851 !important;
    }

.btn-info {
    background-color: #33b5e5 !important;
    color: #fff !important;
}

    .btn-info:hover {
        background-color: #4abde8;
    }

    .btn-info:focus, .btn-info:active, .btn-info.active {
        background-color: #14799e;
    }

    .btn-info.dropdown-toggle {
        background-color: #33b5e5 !important;
    }

        .btn-info.dropdown-toggle:hover, .btn-info.dropdown-toggle:focus {
            background-color: #4abde8 !important;
        }

    .btn-info:not([disabled]):not(.disabled):active, .btn-info:not([disabled]):not(.disabled).active,
    .show > .btn-info.dropdown-toggle {
        background-color: #14799e !important;
    }

.info-ic {
    color: #33b5e5 !important;
}

    .info-ic:hover, .info-ic:focus {
        color: #33b5e5;
    }

.btn-outline-info {
    border: 2px solid #33b5e5 !important;
    background-color: transparent !important;
    color: #33b5e5 !important;
}

    .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info:active:focus, .btn-outline-info.active {
        border-color: #33b5e5 !important;
        background-color: transparent !important;
        color: #33b5e5 !important;
    }

    .btn-outline-info:not([disabled]):not(.disabled):active, .btn-outline-info:not([disabled]):not(.disabled).active,
    .show > .btn-outline-info.dropdown-toggle {
        background-color: transparent !important;
        border-color: #33b5e5 !important;
    }

.btn-default {
    background-color: #2bbbad !important;
    color: #fff !important;
}

    .btn-default:hover {
        background-color: #30cfc0;
    }

    .btn-default:focus, .btn-default:active, .btn-default.active {
        background-color: #186860;
    }

    .btn-default.dropdown-toggle {
        background-color: #2bbbad !important;
    }

        .btn-default.dropdown-toggle:hover, .btn-default.dropdown-toggle:focus {
            background-color: #30cfc0 !important;
        }

    .btn-default:not([disabled]):not(.disabled):active, .btn-default:not([disabled]):not(.disabled).active,
    .show > .btn-default.dropdown-toggle {
        background-color: #186860 !important;
    }

.default-ic {
    color: #2bbbad !important;
}

    .default-ic:hover, .default-ic:focus {
        color: #2bbbad;
    }

.btn-outline-default {
    border: 2px solid #2bbbad !important;
    background-color: transparent !important;
    color: #2bbbad !important;
}

    .btn-outline-default:hover, .btn-outline-default:focus, .btn-outline-default:active, .btn-outline-default:active:focus, .btn-outline-default.active {
        border-color: #2bbbad !important;
        background-color: transparent !important;
        color: #2bbbad !important;
    }

    .btn-outline-default:not([disabled]):not(.disabled):active, .btn-outline-default:not([disabled]):not(.disabled).active,
    .show > .btn-outline-default.dropdown-toggle {
        background-color: transparent !important;
        border-color: #2bbbad !important;
    }

.btn-secondary {
    background-color: #aa66cc !important;
    color: #fff !important;
}

    .btn-secondary:hover {
        background-color: #b579d2;
    }

    .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active {
        background-color: #773399;
    }

    .btn-secondary.dropdown-toggle {
        background-color: #aa66cc !important;
    }

        .btn-secondary.dropdown-toggle:hover, .btn-secondary.dropdown-toggle:focus {
            background-color: #b579d2 !important;
        }

    .btn-secondary:not([disabled]):not(.disabled):active, .btn-secondary:not([disabled]):not(.disabled).active,
    .show > .btn-secondary.dropdown-toggle {
        background-color: #773399 !important;
    }

.secondary-ic {
    color: #aa66cc !important;
}

    .secondary-ic:hover, .secondary-ic:focus {
        color: #aa66cc;
    }

.btn-outline-secondary {
    border: 2px solid #aa66cc !important;
    background-color: transparent !important;
    color: #aa66cc !important;
}

    .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary:active:focus, .btn-outline-secondary.active {
        border-color: #aa66cc !important;
        background-color: transparent !important;
        color: #aa66cc !important;
    }

    .btn-outline-secondary:not([disabled]):not(.disabled):active, .btn-outline-secondary:not([disabled]):not(.disabled).active,
    .show > .btn-outline-secondary.dropdown-toggle {
        background-color: transparent !important;
        border-color: #aa66cc !important;
    }

.btn-red {
    background-color: #d32f2f !important;
    color: #fff !important;
}

    .btn-red:hover {
        background-color: #d74444;
    }

    .btn-red:focus, .btn-red:active, .btn-red.active {
        background-color: #811b1b;
    }

    .btn-red.dropdown-toggle {
        background-color: #d32f2f !important;
    }

        .btn-red.dropdown-toggle:hover, .btn-red.dropdown-toggle:focus {
            background-color: #d74444 !important;
        }

    .btn-red:not([disabled]):not(.disabled):active, .btn-red:not([disabled]):not(.disabled).active,
    .show > .btn-red.dropdown-toggle {
        background-color: #811b1b !important;
    }

.red-ic {
    color: #d32f2f !important;
}

    .red-ic:hover, .red-ic:focus {
        color: #d32f2f;
    }

.btn-outline-red {
    border: 2px solid #d32f2f !important;
    background-color: transparent !important;
    color: #d32f2f !important;
}

    .btn-outline-red:hover, .btn-outline-red:focus, .btn-outline-red:active, .btn-outline-red:active:focus, .btn-outline-red.active {
        border-color: #d32f2f !important;
        background-color: transparent !important;
        color: #d32f2f !important;
    }

    .btn-outline-red:not([disabled]):not(.disabled):active, .btn-outline-red:not([disabled]):not(.disabled).active,
    .show > .btn-outline-red.dropdown-toggle {
        background-color: transparent !important;
        border-color: #d32f2f !important;
    }


.btn-blue {
    background-color: #1976d2 !important;
    color: #fff !important;
}

    .btn-blue:hover {
        background-color: #2083e4;
    }

    .btn-blue:focus, .btn-blue:active, .btn-blue.active {
        background-color: #0e4377;
    }

    .btn-blue.dropdown-toggle {
        background-color: #1976d2 !important;
    }

        .btn-blue.dropdown-toggle:hover, .btn-blue.dropdown-toggle:focus {
            background-color: #2083e4 !important;
        }

    .btn-blue:not([disabled]):not(.disabled):active, .btn-blue:not([disabled]):not(.disabled).active,
    .show > .btn-blue.dropdown-toggle {
        background-color: #0e4377 !important;
    }

.blue-ic {
    color: #1976d2 !important;
}

    .blue-ic:hover, .blue-ic:focus {
        color: #1976d2;
    }

.btn-outline-blue {
    border: 2px solid #1976d2 !important;
    background-color: transparent !important;
    color: #1976d2 !important;
}

    .btn-outline-blue:hover, .btn-outline-blue:focus, .btn-outline-blue:active, .btn-outline-blue:active:focus, .btn-outline-blue.active {
        border-color: #1976d2 !important;
        background-color: transparent !important;
        color: #1976d2 !important;
    }

    .btn-outline-blue:not([disabled]):not(.disabled):active, .btn-outline-blue:not([disabled]):not(.disabled).active,
    .show > .btn-outline-blue.dropdown-toggle {
        background-color: transparent !important;
        border-color: #1976d2 !important;
    }

.btn-green {
    background-color: #388e3c !important;
    color: #fff !important;
}

    .btn-green:hover {
        background-color: #3fa044;
    }

    .btn-green:focus, .btn-green:active, .btn-green.active {
        background-color: #1b451d;
    }

    .btn-green.dropdown-toggle {
        background-color: #388e3c !important;
    }

        .btn-green.dropdown-toggle:hover, .btn-green.dropdown-toggle:focus {
            background-color: #3fa044 !important;
        }

    .btn-green:not([disabled]):not(.disabled):active, .btn-green:not([disabled]):not(.disabled).active,
    .show > .btn-green.dropdown-toggle {
        background-color: #1b451d !important;
    }

.green-ic {
    color: #388e3c !important;
}

    .green-ic:hover, .green-ic:focus {
        color: #388e3c;
    }

.btn-outline-green {
    border: 2px solid #388e3c !important;
    background-color: transparent !important;
    color: #388e3c !important;
}

    .btn-outline-green:hover, .btn-outline-green:focus, .btn-outline-green:active, .btn-outline-green:active:focus, .btn-outline-green.active {
        border-color: #388e3c !important;
        background-color: transparent !important;
        color: #388e3c !important;
    }

    .btn-outline-green:not([disabled]):not(.disabled):active, .btn-outline-green:not([disabled]):not(.disabled).active,
    .show > .btn-outline-green.dropdown-toggle {
        background-color: transparent !important;
        border-color: #388e3c !important;
    }


.btn-grey {
    background-color: #616161 !important;
    color: #fff !important;
}

    .btn-grey:hover {
        background-color: #6e6e6e;
    }

    .btn-grey:focus, .btn-grey:active, .btn-grey.active {
        background-color: #2e2e2e;
    }

    .btn-grey.dropdown-toggle {
        background-color: #616161 !important;
    }

        .btn-grey.dropdown-toggle:hover, .btn-grey.dropdown-toggle:focus {
            background-color: #6e6e6e !important;
        }

    .btn-grey:not([disabled]):not(.disabled):active, .btn-grey:not([disabled]):not(.disabled).active,
    .show > .btn-grey.dropdown-toggle {
        background-color: #2e2e2e !important;
    }

.grey-ic {
    color: #616161 !important;
}

    .grey-ic:hover, .grey-ic:focus {
        color: #616161;
    }

.btn-outline-grey {
    border: 2px solid #616161 !important;
    background-color: transparent !important;
    color: #616161 !important;
}

    .btn-outline-grey:hover, .btn-outline-grey:focus, .btn-outline-grey:active, .btn-outline-grey:active:focus, .btn-outline-grey.active {
        border-color: #616161 !important;
        background-color: transparent !important;
        color: #616161 !important;
    }

    .btn-outline-grey:not([disabled]):not(.disabled):active, .btn-outline-grey:not([disabled]):not(.disabled).active,
    .show > .btn-outline-grey.dropdown-toggle {
        background-color: transparent !important;
        border-color: #616161 !important;
    }

.btn-dark {
    background-color: #212121 !important;
    color: #fff !important;
}

    .btn-dark:hover {
        background-color: #2e2e2e;
    }

    .btn-dark:focus, .btn-dark:active, .btn-dark.active {
        background-color: black;
    }

    .btn-dark.dropdown-toggle {
        background-color: #212121 !important;
    }

        .btn-dark.dropdown-toggle:hover, .btn-dark.dropdown-toggle:focus {
            background-color: #2e2e2e !important;
        }

    .btn-dark:not([disabled]):not(.disabled):active, .btn-dark:not([disabled]):not(.disabled).active,
    .show > .btn-dark.dropdown-toggle {
        background-color: black !important;
    }

.dark-ic {
    color: #212121 !important;
}

    .dark-ic:hover, .dark-ic:focus {
        color: #212121;
    }

.btn-outline-dark {
    border: 2px solid #212121 !important;
    background-color: transparent !important;
    color: #212121 !important;
}

    .btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark:active:focus, .btn-outline-dark.active {
        border-color: #212121 !important;
        background-color: transparent !important;
        color: #212121 !important;
    }

    .btn-outline-dark:not([disabled]):not(.disabled):active, .btn-outline-dark:not([disabled]):not(.disabled).active,
    .show > .btn-outline-dark.dropdown-toggle {
        background-color: transparent !important;
        border-color: #212121 !important;
    }

.btn-light {
    background-color: #e0e0e0 !important;
    color: #000 !important;
}

    .btn-light:hover {
        background-color: #ededed;
    }

    .btn-light:focus, .btn-light:active, .btn-light.active {
        background-color: #adadad;
    }

    .btn-light.dropdown-toggle {
        background-color: #e0e0e0 !important;
    }

        .btn-light.dropdown-toggle:hover, .btn-light.dropdown-toggle:focus {
            background-color: #ededed !important;
        }

    .btn-light:not([disabled]):not(.disabled):active, .btn-light:not([disabled]):not(.disabled).active,
    .show > .btn-light.dropdown-toggle {
        background-color: #adadad !important;
    }

.light-ic {
    color: #e0e0e0 !important;
}

    .light-ic:hover, .light-ic:focus {
        color: #e0e0e0;
    }

.btn-outline-light {
    border: 2px solid #e0e0e0 !important;
    background-color: transparent !important;
    color: #e0e0e0 !important;
}

    .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light:active:focus, .btn-outline-light.active {
        border-color: #e0e0e0 !important;
        background-color: transparent !important;
        color: #e0e0e0 !important;
    }

    .btn-outline-light:not([disabled]):not(.disabled):active, .btn-outline-light:not([disabled]):not(.disabled).active,
    .show > .btn-outline-light.dropdown-toggle {
        background-color: transparent !important;
        border-color: #e0e0e0 !important;
    }

.btn-white {
    background-color: #fff !important;
    color: #000 !important;
}

    .btn-white:hover {
        background-color: white;
    }

    .btn-white:focus, .btn-white:active, .btn-white.active {
        background-color: #cccccc;
    }

    .btn-white.dropdown-toggle {
        background-color: #fff !important;
    }

        .btn-white.dropdown-toggle:hover, .btn-white.dropdown-toggle:focus {
            background-color: white !important;
        }

    .btn-white:not([disabled]):not(.disabled):active, .btn-white:not([disabled]):not(.disabled).active,
    .show > .btn-white.dropdown-toggle {
        background-color: #cccccc !important;
    }

.white-ic {
    color: #fff !important;
}

    .white-ic:hover, .white-ic:focus {
        color: #fff;
    }

.white-text {
    color: #fff !important;
}

.btn-outline-white {
    border: 2px solid #fff !important;
    background-color: transparent !important;
    color: #fff !important;
}

    .btn-outline-white:hover, .btn-outline-white:focus, .btn-outline-white:active, .btn-outline-white:active:focus, .btn-outline-white.active {
        border-color: #fff !important;
        background-color: transparent !important;
        color: #fff !important;
    }

    .btn-outline-white:not([disabled]):not(.disabled):active, .btn-outline-white:not([disabled]):not(.disabled).active,
    .show > .btn-outline-white.dropdown-toggle {
        background-color: transparent !important;
        border-color: #fff !important;
    }

.btn-black {
    background-color: #000 !important;
    color: #fff !important;
}

    .btn-black:hover {
        background-color: #0d0d0d;
    }

    .btn-black:focus, .btn-black:active, .btn-black.active {
        background-color: black;
    }

    .btn-black.dropdown-toggle {
        background-color: #000 !important;
    }

        .btn-black.dropdown-toggle:hover, .btn-black.dropdown-toggle:focus {
            background-color: #0d0d0d !important;
        }

    .btn-black:not([disabled]):not(.disabled):active, .btn-black:not([disabled]):not(.disabled).active,
    .show > .btn-black.dropdown-toggle {
        background-color: black !important;
    }

.black-ic {
    color: #000 !important;
}

    .black-ic:hover, .black-ic:focus {
        color: #000;
    }

.btn-outline-black {
    border: 2px solid #000 !important;
    background-color: transparent !important;
    color: #000 !important;
}

    .btn-outline-black:hover, .btn-outline-black:focus, .btn-outline-black:active, .btn-outline-black:active:focus, .btn-outline-black.active {
        border-color: #000 !important;
        background-color: transparent !important;
        color: #000 !important;
    }

    .btn-outline-black:not([disabled]):not(.disabled):active, .btn-outline-black:not([disabled]):not(.disabled).active,
    .show > .btn-outline-black.dropdown-toggle {
        background-color: transparent !important;
        border-color: #000 !important;
    }

.btn-rounded {
    -webkit-border-radius: 10em;
    border-radius: 10em;
}

.btn.btn-flat {
    font-weight: 500;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    color: inherit;
}

    .btn.btn-flat:not([disabled]):not(.disabled):active {
        -webkit-box-shadow: none;
        box-shadow: none;
    }