/*
* demo.css
* File include item demo only specific css only
******************************************************************************/

.menu .app-brand.demo {
    height: 64px;
    margin-top: 12px;
}

.app-brand-logo.demo svg {
    width: 22px;
    height: 38px;
}

.app-brand-text.demo {
    font-size: 1.75rem;
    letter-spacing: -0.5px;
    text-transform: lowercase;
}

/*/ ! For .layout-navbar-fixed added fix padding top to .layout-page /
/ Detached navbar /*/
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
    padding-top: 74px !important;
}

/*/ Default navbar /*/
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
    padding-top: 64px !important;
}

/*.report-body-color {
    background-color: #212121;
}
*/

/*button.btn.btn-secondary.buttons-excel.buttons-html5,
button.btn.btn-secondary.buttons-pdf.buttons-html5,
button.btn.btn-secondary.buttons-csv.buttons-html5,
button.btn.btn-secondary.buttons-print {
    height: 35px !important;
    margin-top: 6px !important;
}*/
.docs-page .layout-navbar-fixed.layout-wrapper:not(.layout-without-menu) .layout-page,
.docs-page .layout-menu-fixed.layout-wrapper:not(.layout-without-menu) .layout-page {
    padding-top: 62px !important;
}

/*/ Navbar page z-index issue solution /*/
.content-wrapper .navbar {
    z-index: auto;
}

/*
* Content
******************************************************************************/

.demo-blocks > * {
    display: block !important;
}

.demo-inline-spacing > * {
    margin: 1rem 0.375rem 0 0 !important;
}

/*/ ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. /*/
.demo-vertical-spacing > * {
    margin-top: 1rem !important;
    margin-bottom: 0 !important;
}

.demo-vertical-spacing.demo-only-element > :first-child {
    margin-top: 0 !important;
}

.demo-vertical-spacing-lg > * {
    margin-top: 1.875rem !important;
    margin-bottom: 0 !important;
}

.demo-vertical-spacing-lg.demo-only-element > :first-child {
    margin-top: 0 !important;
}

.demo-vertical-spacing-xl > * {
    margin-top: 5rem !important;
    margin-bottom: 0 !important;
}

.demo-vertical-spacing-xl.demo-only-element > :first-child {
    margin-top: 0 !important;
}

.rtl-only {
    display: none !important;
    text-align: left !important;
    direction: ltr !important;
}

[dir='rtl'] .rtl-only {
    display: block !important;
}

/*/ Dropdown buttons going out of small screens /*/
@media (max-width: 576px) {
    #dropdown-variation-demo .btn-group .text-truncate

{
    width: 231px;
    position: relative;
}

#dropdown-variation-demo .btn-group .text-truncate::after {
    position: absolute;
    top: 45%;
    right: 0.65rem;
}

}

/*
* Layout demo
******************************************************************************/

.layout-demo-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 1rem;
}

.layout-demo-placeholder img {
    width: 900px;
}

.layout-demo-info {
    text-align: center;
    margin-top: 1rem;
}

button#btnEdit {
    border-radius: 0 !important;
}

button#Delete {
    border-radius: 0 !important;
}

button#addbutton {
    border-radius: 0 !important;
}

button {
    border-radius: 0 !important;
}

.card {
    border-radius: 0 !important;
}

.swal2-popup.swal2-modal.swal2-icon-error.swal2-show {
    border-radius: 0 !important;
}

.form-control {
    border-radius: 0 !important;
}
/*--by shiwani----*/
div#txtusertable_filter {
    margin: 0 54px -15px 0 !important
}

li.paginate_button.page-item.active:hover {
    background: none;
    border: none;
}

div.dataTables_wrapper div.dataTables_length select {
    width: 100% !important;
    display: inline-block;
}

.subreports {
    max-height: 300px;
}

/*table#example1 thead {
    background: #95bbb9;
    color: white;
}*/

    table#example1 thead tr th {
        color: white;
    }

table.table.table-bordered.table-striped.no-footer.dataTable thead tr th {
    background-color: rgb(5, 35, 33) !important;
    color: white;
}

th.parking-name-header.sorting_disabled {
    min-width: 150px;
}

tr.highlight td {
    color: white;
    font-weight: 800;
}
/*
.dataTables_scrollFootInner {
    overflow-x: scroll;
    width: 100% !important;
}*/
tfoot tr td {
    color: white !important;
}
/*.dataTables_scrollHeadInner {
    background: #97bebc;
}*/

#example1 .dataTables_scrollFootInner {
    overflow-x: scroll;
    width: 100% !important;
}
/*table.table.table-bordered.table-striped.dataTable thead tr {
    background: #97bebc;
    color: white;
}*/
table.table.table-bordered.table-striped.dataTable thead tr {
    background-color: rgb(5, 35, 33) !important;
}
table.table.table-bordered.table-striped.dataTable tfoot tr {
    background-color: rgb(5, 35, 33) !important;
}
    table.table.table-bordered.table-striped.dataTable thead tr th {
        color: white;
    }

@media only screen and (max-width: 600px) and (min-width: 320px) {
    input.form-control.form-control-sm {
        min-width: 100px !important;
    }

    .democlass{
        display:block !important;
    }
    div#map {
        min-width: 219px !important;
    }

    .modal-content.p-3.p-md-5 {
        min-width: 0 !important;
        left: -23px;
    }

    .park-type.mt-3 {
        overflow-x: scroll;
    }

    input#num_rows {
        max-width: 75%;
        margin-left: 6px;
    }

    input#num_cols {
        width: 75% !important;
    }

    input#generator, #DeleteMatrixtbl {
        padding-left: 0;
        width: 40% !important;
    }
    /* input#DeleteMatrixtbl {
        width: 33% !important;
    }*/
    button#txtfooterSubmit, #txtshowpreview {
        font-size: 11px;
    }

    button.btn.btn-primary.modal-dismiss {
        font-size: 11px;
        margin-top: 3px;
    }

    #txtvendortbl_filter input.form-control {
        width: 90% !important;
    }

    div#txtvendortbl_filter input.form-control {
        width: 90% !important;
    }

    button#ViewReport, #refreshreport, #backreport, #ViewReport, #txtback, #subrefreshreport {
        width: 100%;
        margin-top: 3px;
    }

    div#example1_length {
        display: block !important;
    }

    .dt-buttons.btn-group.flex-wrap {
        margin-left: 0 !important;
    }

    div#example1_filter input.form-control {
        width: 76%;
    }

    div#example1_length {
        text-align: justify !important;
    }

    .clock ul {
        margin-left: -32%;
    }
    /* hr,footer.content-footer.footer.bg-footer-theme {
        position: fixed;
        top: 0;
    }*/
    div#parkingname-section .row.d-flex .col-sm {
        min-width: 235px !important;
    }

    button#ViewReport, #txtback, #subrefreshreport {
        width: 100%;
        margin-top: 3px;
    }

    button#txtback {
        width: 206px !important;
        margin-left: 0px !important;
    }

    div#btnhidden {
        margin-top: 3% !important;
    }

    div#example1_paginate {
        width: 86%;
    }

    div#hourly-flate-division, div#weekheader-section {
        width: 100%;
        overflow-x: scroll;
    }

    .txt-fare-type-value {
        width: 100px;
    }

    div#onchange_manage_scetion {
        width: 100%;
        overflow-x: scroll;
    }

    div#onchange_manage_flatsection, div#onchange_week_section {
        width: 100%;
        overflow-x: scroll;
    }
    /* div#onchange_week_section {
        width: 100%;
        overflow-x: scroll;
    }*/
    span.flat-rate label {
        line-height: 1 !important;
    }

    .col-sm-6.parkinttype-section, .col-sm-6.parkingfeature-section {
        width: 100%;
        overflow: scroll;
    }

    .col-2.dropdown-newdehliparking {
        width: 100%;
    }

    button#ViewReport, button#ViewGeneralReport, button#ViewPremiumlParkingReport, button#ViewCommReport, button#ViewPicDropReport {
        width: 100%;
    }

    button#ViewReport, button#ViewOlaReport {
        width: 100%;
    }

    .col-xl {
        padding: 0;
    }

    .dataTables_scrollFootInner {
       /* / overflow-x: scroll;
        / width: 100% !important;*/
    }

    button#txtback {
        width: 100% !important;
    }

    .clock {
        margin-left: 10%;
    }

    img#img01 {
        height: 227px !important;
        top: 63px !important;
        width: 256px !important;
    }

    table.dataTable > tfoot > tr > th, table.dataTable > tfoot > tr > td:nth-child(1) {
       /* / padding: 0px 130px 0px 15px !important;
        / left: 0px !important;*/
        position: static;
        position: sticky !important;
        min-width: 50px !important;
    }

    div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
        margin-top: 0 !important;
        border-top: none;
    }

    .card-body.table-body-section {
        min-height: 1130px !important;
    }

    #example1 thead th:not(:first-child):not(:nth-child(2)) {
      /*  / Your styles here /*/
            min-width: 50px !important;
    }

   /* / Select all td elements except the first and second /*/
    #example1 tbody td:not(:first-child):not(:nth-child(2)) {
       /* / Your styles here / */
            min-width: 50px !important;
    }

    table.dataTable > tfoot > tr > th,
    table.dataTable > tfoot > tr > td:not(:first-child) {
        min-width: 50px !important;
    }

    table.dataTable > tfoot > tr > td:last-child {
       /* / Styles for the last td element /*/
            min-width: 113px !important;
    }

    .col-xl {
        margin-top: 7px !important;
    }
    .dt-buttons.btn-group.flex-wrap {
        flex-wrap: wrap !important;
    }
}
@media only screen and (max-width: 767px) and (min-width: 500px) {

    i.fa.fa-caret-right.incrementdate1 {
       /* margin-left: -49px !important;*/
    }

    .clock {
        margin-left: 9%;
    }
}

@media only screen and (max-width: 766px) and (min-width: 601px) {

    .dt-buttons.btn-group.flex-wrap {
        margin-left: 0 !important;
    }
}
@media only screen and (max-width: 900px) and (min-width: 576px) {

    i.fa.fa-caret-right.incrementdate1 {
       /* margin-left: -49px !important;*/
    }

    .clock {
        margin-left: 9%;
    }
}
    a.parking-fontcolor {
        color: white !important;
    }

   /* h4, span {
        font-size: 14px !important;
    }*/

    .header-section.d-flex {
        margin-top: -3%;
    }

    button {
        font-size: 14px !important;
    }

        button.btn.btn-secondary {
            font-size: 14px !important;
            max-height: 32px !important;
        }

    div#example1_wrapper {
        margin-top: -2%;
    }

    .dt-buttons.btn-group.flex-wrap {
        margin-top: 13px !important;
       /* margin-left: 18%;*/
    }

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        max-height: 50px !important;
        overflow-y: scroll !important;
    }