﻿.dataTables_wrapper {
    border: 1px solid rgba(0,0,0,.125);
    padding: 5px;
    background: white;
}

#wrapper #content-wrapper {
   
    width: 100%;
    overflow-x: hidden;
    background-color:white;
 
}

.topbar {
    height: 3rem;
    background-color: #f8f9fc !important;
    border-bottom: 1px solid rgba(0,0,0,.125);
    box-shadow:none;
}


.bg-warning {
    background-color: orange !Important;
    color: white !Important;
}

/* SVW */
:root {
    --bg: #e8e8e8;
    --silver: #a7a9ac;
    --gray: #292929;
    --gray-light: #949494;
    --white: #fff;
    --blue: #0c7ea5;
    --blue-light: #02beff;
    --green: #67a50f;
    --red: #c10000;
    --orange: #ec7d07;
    --green: #65af8b;
    --burnt: #c04b07;
    --yellow: #f4aa00;
    /* Section Colors */
    --plane-primary: #0091c5;
    --parking-primary: #f78004;
    --shops-primary: #c04b07;
    --prebook-primary: #65af8b;
    --wifi-primary: #0675aa;
    --contact-primary: #f4aa00;
    /* Section Colors */
}

/*::-webkit-scrollbar-track{
        background-color: var(--white);
    }
    ::-webkit-scrollbar{
        width: 15px;
        height: 6px;
        background-color: var(--white);
    }
    ::-webkit-scrollbar-thumb{
        border-radius: 5px;
        background-color: var(--blue);
    }*/

/* Typography */
body,
html {
    font-family: "Bliss";
    font-weight: 400;
    font-size: 1.05em !important;
    color: grey !important;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: "Bliss";
    margin-bottom: 1rem !important;
    font-weight: 300 !important;
}
/* Typography */

/* Forms */
.form-control {
    font-size: 0.875rem !important;
    border-radius: 5px !important;
    color: var(--blue);
}

.SignInButton {
    background: #000;
    width: 100%;
    border-radius: 5px;
    font-size: 19px !important;
    padding: 5px 0px;
    height: 41px;
}

select,
select.form-control {
    border-radius: 5px !important;
    padding: 5px 3px !important;
    color: var(--blue) !important;
    position: relative !important;
}

@media screen and (min-width: 640px), screen\9 {
    select,
    select.form-control {
        color: #0c7ea5 !important;
    }
}

td select,
.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input,
.modal-body select {
    border-radius: 5px !important;
    border: 1px solid var(--blue) !important;
    padding: 5px 0px !important;
}
/* Forms */

/* Placeholders */
input::-moz-placeholder,
textarea::-moz-placeholder {
    color: var(--blue) !important;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: var(--blue) !important;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: var(--blue) !important;
}
/* Placeholders */

/* Top Bar */
.topbar {
    height: 3rem;
}
/* Top Bar */

/* Login Page */
footer.sticky-footer .copyright {
    line-height: 1.5;
    color: var(--blue);
    font-weight: 500;
}
/* Login Page */

/* Defaults */
a,
a i,
a span {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    a:hover,
    a:hover i,
    a:hover span {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

.shadow {
    box-shadow: 0 .02rem 0.3rem rgba(0,0,0,0.05) !important;
}

.shadow-lg {
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.08) !important;
}

.text-info {
    color: var(--blue) !important;
}

.border-left-info {
    border-left: .25rem solid var(--blue) !important;
}
/* Defaults */

/* Buttons */
.btn {
    border-radius: 5px !important;
    font-size: 15px !important;
     
}

    .btn i {
        margin-right: 0px;
    }

.btn-primary,
.bg-gradient-primary,
.bg-primary,
a.dt-button.buttonhighlight,
.buttonhighlight,
a.dt-button:hover,
button.dt-button:hover {
    background: linear-gradient(45deg, var(--blue) 0%, var(--blue) 25%, rgb(11 105 138) 65%, var(--blue) 90%, var(--blue) 100%) !important;
    color: var(--white) !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

@media screen and (min-width: 640px), screen\9 {
    .btn-primary,
    .bg-gradient-primary,
    .bg-primary,
    a.dt-button.buttonhighlight,
    .buttonhighlight,
    a.dt-button:hover,
    button.dt-button:hover {
        background: #0c7ea5 !important;
        color: #fff !important;
    }
}
/* Buttons */

/* Side Bar */
@media (min-width: 768px) {
    .sidebar.toggled .nav-item .nav-link {
        width: 5.5rem;
        padding: 0.75rem 0.5rem;
    }

    .sidebar .nav-item .nav-link i {
        font-size: 1.2rem;
    }

    .sidebar.toggled .nav-item .nav-link span {
        font-size: .8rem;
        line-height: 1.3;
    }
}
/* Side Bar */

/* Cards */
.card:not(.border-left-info) {
    border: 1px solid var(--bg) !important;
}

    .card:not(.border-left-info).shadow {
        margin-bottom: 2rem;
        box-shadow: 0 .02rem 0.2rem rgba(0,0,0,0.02) !important;
    }

.card-body {
    padding: 1rem 1.25rem 0;
}

    .card-body .card .card-body {
        padding: 0rem 1.25rem;
    }

.card-header {
    background-color: #f8f9fc;
}

    .card-header.py-3 {
        padding-bottom: 0.6rem !important;
        padding-top: 0.6rem !important;
    }

    .card-header h6 {
        color: var(--blue) !important;
 
    }

        .card-header h6 a {
            padding: 3px 10px !important;
            font-size: 14px !important;
        }

            .card-header h6 a i {
                margin-right: 5px;
            }

.card.border-left-info .card-body .row .col div:nth-child(1) {
    font-size: 14px;
    font-weight: 500 !important;
}

.card.border-left-info .card-body .row .col div:nth-child(2) div div {
    font-size: 23px;
    font-weight: 900 !important;
    color: var(--blue) !important;
}

.card .card-body .row > .mb-4 {
    /*margin-bottom: 0px!important;*/
}
/* Cards */

/* Accordian */
.accordion {
}

    .accordion .card {
        border-radius: 6px !important;
    }

    .accordion .card-header {
        padding: 0px;
  
        /*background: rgba(11,107,138,0.1);
            background: linear-gradient(0deg, rgba(11,107,138,0.1) 0%, rgba(11,107,138,0) 70%);
            background-image: linear-gradient(0deg, rgba(11,107,138,0.1) 0%, rgba(11,107,138,0) 70%);*/
    }

        .accordion .card-header h6 button,
        .accordion .card-header h5 button {
            width: 100%;
            text-align: left;
        }

            .accordion .card-header h6 button:after,
            .accordion .card-header h5 button:after {
                content: '\f077';
                font-family: 'Font Awesome 5 Free';
                font-weight: 900;
                font-size: 14px;
                position: absolute;
                top: 11px;
                right: 15px;
            }

            .accordion .card-header h6 button.collapsed:after,
            .accordion .card-header h5 button.collapsed:after {
                content: '\f078';
            }

    .accordion .collapse > .row {
        padding: 1rem 1.25rem 0;
    }
/* Accordian */

/* Tables */
button.dt-button,
div.dt-button,
a.dt-button,
input.dt-button {
    padding: .5em 1em;
    border: 1px solid var(--blue) !important;
    border-radius: 5px;
    font-size: .88em !important;
    line-height: 1.6em;
    color: var(--blue) !important;
    background: transparent !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

@media screen and (min-width: 640px), screen\9 {
    button.dt-button,
    div.dt-button,
    a.dt-button,
    input.dt-button {
        border: 1px solid #0c7ea5 !important;
        color: #0c7ea5 !important;
    }
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: var(--blue);
}

.dataTables_wrapper .dataTables_length {
    margin-top: 10px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: var(--blue) !important;
    opacity: 0.5;
    border: 0px;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
        color: var(--white) !important;
    }

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 0px;
    color: var(--blue) !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button.current,
    .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        color: var(--white) !important;
        border: 0px !important;
        background: linear-gradient(45deg, var(--blue) 0%, var(--blue) 25%, rgb(11 105 138) 65%, var(--blue) 90%, var(--blue) 100%) !important;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

@media screen and (min-width: 640px), screen\9 {
    .dataTables_wrapper .dataTables_paginate .paginate_button.current,
    .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        color: #fff !important;
        background: #0c7ea5;
    }
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_info {
    margin-top: 1rem;
}

table.dataTable thead th, table.dataTable thead td {
    border-bottom: 1px solid rgba(0,0,0,.125);
}
/* Tables */
/* SVW
