/*----------------------------------------------------- PAGE BG..! */
body {
    background-color: rgb(195, 231, 193);
    margin: 0% 1% 1% 1%;
}
/*--------------------------------------------------- LOGIN-WINDOW */
.col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
    padding-top: 15%;
}
.card{
    background-color: white;
    border: 1px solid rgb(27, 94, 27);
    box-shadow: 0px 0px 3px rgb(122, 120, 117);
    border-radius : 20px;
}
.card-header{
    color: rgb(27, 94, 27);
    text-shadow:0px 0px 3px rgb(28, 158, 2);
    background-color: transparent;
    border: 5px solid transparent;
    border-radius: 20px;
}

/*--------------------------------------------- LOGIN-btn STYLE..! */
.btn{
    color : white;
    background-color :rgb(56, 145, 56);
    border: 1px solid rgb(31, 82, 31);
    border-radius: 20px;
}
.btn:hover{
    background-color :rgb(16, 165, 16);
    border: 1px solid rgb(31, 82, 31);
    box-shadow: 0px 0px 10px rgb(122, 120, 117);
    text-shadow: 0px 0px 6px  rgb(40, 46, 40);
    border-radius: 25px;
}

/*----------------------------------------------- TABLE BTN STYLE */
.su-btn{
    width: 50px;
    color: white;
    background-color: rgb(90 167 90);
    border: 1px solid rgb(5 177 5);
    border-radius: 10px;
    margin-left: 15%;
    margin-right: 15%;
    }
.btn-info{
    color :white;
    background-color :rgb(238, 139, 25);
    border: 1px solid rgb(184, 109, 24);
    box-shadow: 0px 0px 5px rgb(238, 139, 25);
    text-shadow: 0px 0px 3px  rgb(196, 192, 180);
    border-radius: 15px;
    }
.btn-info:hover{
    background-color :rgb(240, 218, 167);
    color :rgb(155, 91, 17);
    border: 1px solid rgb(184, 109, 24);
    box-shadow: 0px 0px 5px rgb(238, 139, 25);
    text-shadow: 0px 0px 3px  rgb(223, 203, 146);
    border-radius: 15px;
}
/* ------------------------------------------- delet btns styxle */
.btn-danger{
    color: white;
    background-color :rgb(161, 30, 13);
    box-shadow: 0px 0px 10px rgb(223, 116, 116);
    text-shadow: 0px 0px 6px  rgb(40, 46, 40);
    border-radius: 25px;
}
.btn-danger:hover{
    background-color :rgb(252, 54, 5);
    border: 1px solid rgb(240, 214, 214);
    border: 1px solid rgb(119, 22, 9);
    box-shadow: 0px 0px 10px  rgb(235, 92, 73);
    border-radius: 20px;
}

.btn-warning {
    color: white;
    background-color: rgb(43 176 191);
    border: 1px solid rgb(60 137 130);
    box-shadow: 0px 0px 10px rgb(73 153 235);
    /* border-radius: 20px; */
    text-shadow: 0px 0px 3px rgb(0, 192, 255);
}
.btn-warning:hover{
    color: rgb(13 110 141);
    background-color: rgb(157, 230, 238);
    border: 1px solid rgb(60 137 130);
    text-shadow: 0px 0px 1px rgb(0, 192, 255);
    box-shadow: 0px 0px 10px rgb(73, 216, 235);
    border-radius: 20px;
}

/*--------------------------------------- INPUT FIELDS STYLE..! */
.form-control{
    color: rgb(43, 75, 40);
    background-color: rgb(238, 235, 221);
    border: 1px solid  rgb(10, 180, 61);
    border-radius: 20px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    float:none;
}
.form-control:hover{
    background-color: rgb(240, 233, 202);
    border: 1px solid  rgb(10, 180, 61);
}
.form-control:focus{
    background-color: rgb(240, 233, 202);
    border: 1px solid  rgb(150, 87, 14);
    box-shadow: 0px 0px 10px rgb(226, 131, 22);
    border-radius: 15px;
}

/*------------------------------------- PAGEs HEADER STYLEs..! */
.nav{
    margin-bottom:0%;
}
.navbar {
    position: relative;
    background-color: rgb(99, 168, 99);
    border: 1px solid rgb(68, 156, 68);
    border-radius : 25px;
    box-shadow: 0px 0px 5px rgb(238, 139, 25);
    position: sticky;
    z-index: 100;
}
.bg-light {
    background-color: rgb(248, 249, 250);
    top: 2%;
    background-color: rgb(99, 168, 99);
    border: 1px solid rgb(68, 156, 68);
    border-radius: 25px;
    box-shadow: 0px 0px 5px rgb(238, 139, 25);
    position: sticky;
    z-index: 100;
}
.navbar-light {
    background-color: rgb(248, 249, 250);
    color: rgb(59, 172, 59);
    text-shadow: 1px 1px 2px rgb(28, 158, 2);
    margin: 2%;
}
.navbar-expand-lg {
    background-color: rgb(248, 249, 250);
    color: rgb(59, 172, 59);
    text-shadow: 1px 1px 2px rgb(28, 158, 2);
    margin-left: auto;
    margin-right: auto;
    padding: none;
    margin-top: 1%;
    margin-bottom: 3%;
}
/*-------------------------------------------- AUTÓTÖLTŐ TEXT */
.navbar-brand {
    color:rgb(59, 172, 59);
    text-shadow:1px 1px 2px rgb(28, 158, 2);
    margin-left: 1%;
}
/*----------------------------------------- OPTIONS BOX STYLE */
.nav-item {
    color: lime;
    text-shadow: 0px 0px 5px rgb(130, 218, 144);
    margin-top: auto;
    margin-bottom: auto;
}
/*--------------------------------------- OPTIONS BTN's STYLE */
.nav-link {
    color: rgb(27, 94, 27);
    text-shadow: 0px 0px 2px rgb(27, 139, 27);
    float: left;
    text-decoration: None;
    padding: 2% 20% 2% 20%;
    font-size: 80%;
    margin-left: auto;
    margin-right: auto;
    /*border: 1px solid black;*/
}
.nav-link:hover {
    color: rgb(177, 91, 10);
    text-shadow: 0px 0px 2px rgb(170, 105, 31);
    float: left;
    text-decoration: None;
    padding: 2% 20% 2% 20%;
    font-size: 80%;
    margin-left: auto;
    margin-right: auto;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: rgb(238, 219, 197);
    background-color: rgb(211, 118, 12);
    padding-left: 20%;
    padding-right: 20%;
}
/* kereső box*/
.d-flex {
    display: flex!important;
    margin-top: 1%;
    margin-bottom: 1%;
}
.my-2{
    margin-left: 15%;
    margin-right: 5%;
}

.exit{
    border: None;
}
/*------------------------------------------- ROLLING HEADER */
.collapse {
    background-color: rgb(135, 229, 135);
    border: 1px groove rgb(27, 94, 27);
    box-shadow: 0px 0px 6px rgb(160, 157, 157);
    border-radius : 25px;
}

/*  pages ################################################## */
/* ------------------------------------- CAR TYPES CONTAINER */
.container {
    margin-left: auto;
    margin-right: auto;
}

/*----------------------------------- TABLES MARGIN FROM TOP */

.form-group{
    width: auto;
}
.dataTables_filter, .dataTables_wrapper {
    text-align: left;
    color: rgb(43, 75, 40);
    text-shadow: 0px 0px 2px rgb(27, 139, 27);
}

/*--------------------------------------*/
.dataTables-info {
    color: rgb(43, 75, 40);
    text-shadow:0px 0px 3px rgb(108, 164, 201);

}
/* ----------------------------------- DATATABLE-HEADER ROW */
table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
    text-align: left;
    background-color: rgb(100, 214, 100);
}
.sorting {
    color: rgb(27, 94, 27);
    text-shadow: 0px 0px 2px rgb(27, 139, 27);
    background-color: rgb(100, 214, 100);
}
.sorting:hover {
    color: rgb(27, 94, 27);
    text-shadow: 0px 0px 2px rgb(27, 139, 27);
    text-shadow:0px 0px 4px rgb(95, 216, 216);
    background-color: rgb(137, 226, 137);
}
/*--------------------------------- TABLES INPUT FIELDS BG */
.row {
 /*   --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;*/
    display: flex;
    flex-wrap: wrap;
    padding: none;
}
.dataTables-length {
    margin-top: 5%;
}
.dataTable  {
    text-align: left;
}
.table td, .table th {
    padding-right: 2%;
    vertical-align: center;
}
table.dataTable thead > tr > th.sorting, table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting_asc_disabled, table.dataTable thead>tr>th.sorting_desc_disabled, table.dataTable thead>tr>td.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting_asc_disabled, table.dataTable thead>tr>td.sorting_desc_disabled {
    cursor: pointer;
    position: relative;

}

/*------------------------------------------- O ROWS STYLE */
table.dataTable>tbody>tr {
    background-color: rgb(170, 243, 170);
}
/*------------------------------------------- E ROWS STYLE */
table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1) {
    background-color: rgb(238, 221, 154);
}

/*-------------------------------------------- TABLES INFO */
.dataTables_info {
    color: rgb(43, 75, 40);
    text-shadow: 0px 0px 2px rgb(27, 139, 27);
    margin-bottom: 10%;
    padding-top: 4%;
}
/*------------------------------ pages tables footer style */
.paginate-button {
    color: rgb(43, 75, 40);
    text-shadow: 0px 0px 2px rgb(27, 139, 27);
    pointer-events: none;
    cursor: auto;
    background-color: rgb(195, 231, 193);
    border-color: rgb(195, 231, 193);
    margin-top: 15%;
}
.paginate-button:focus {
    color: rgb(43, 75, 40);
    text-shadow: 0px 0px 2px rgb(27, 139, 27);
    pointer-events: none;
    cursor: auto;
    background-color: rgb(68, 170, 62);
    border-color: rgb(195, 231, 193);
    margin-top: 15%;
}
.page-link {
    color: rgb(43, 75, 40);
    text-shadow: 0px 0px 2px rgb(27, 139, 27);
    pointer-events: none;
    cursor: auto;
    background-color: rgb(195, 231, 193);
    border-color: rgb(195, 231, 193);
    margin-top: 5%;

}
.previous-disable{
    color: rgb(43, 75, 40);
    text-shadow: 0px 0px 2px rgb(27, 139, 27);
}
.form-group {
    width: auto;
    margin-left:auto;
    margin-right: auto;
    text-align: center;
}
.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    text-align: center;
    white-space: nowrap;
    color: rgb(43, 75, 40);
    text-shadow: 0px 0px 2px rgb(27, 139, 27);
    margin-bottom: 4%;
    background-color: transparent;
}

.form-control{
    margin-left: calc(var(--bs-border-width) * -1);
    margin-bottom: 1%;
}
/*
.tab-content{
    border: 1px groove black;
    padding: 1%;
}
*/
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: 1%;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
}
.tab-pane {
    border-top: 1px solid rgb(42, 88, 42);
    text-align:center;
    margin-left: auto;
    margin-right: auto;
}
li.nav-item[role=presentation] {
    padding-right: 1rem;
    }

    .nav-pills .nav-link {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        border-left: 1px solid rgb(18 89 24);
        border-right: 1px solid rgb(18 89 24);
        border-top: 1px solid rgb(18 89 24);
    }

   /* div.dataTables_wrapper div.dataTables_filter {
        text-align: right;
        margin-top: 2%;
    }*/
    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
        margin-top: 2%;
    }
    .pagination {
        --bs-pagination-active-bg: rgb(59, 172, 59);
        --bs-pagination-active-color: rgb(253, 253, 253);
        --bs-pagination-border-color: none;
        --bs-pagination-border-radius: 13px;
        --bs-pagination-disabled-bg: transparent;

    }
    button.nav-link[role=tab] {
        width: 15rem;
        font-size: medium;
    }
    .popup-content {
        background-color: #d6f1d5;
        color: rgb(7, 58, 7);
        border: 1px groove #cccccc;
        border-radius: 15px;
        padding: 10px;
        box-shadow: 0px 0px 8px rgb(160, 14, 14);
        text-shadow: 0px 0px 2px rgb(27, 139, 27);
        width: 300px;
    }
    .leaflet-popup-content-wrapper {
        background: rgb(191 235 158 / 61%);
        box-shadow: 0 3px 14px rgba(0,0,0,0.4);
        padding: 1px;
        text-align: left;
        border-top-left-radius: 35px;
        border-bottom-right-radius: 35px;
        border-top-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }
    .leaflet-popup-tip {
        background: rgb(191 235 158 / 61%);
        box-shadow: 0 3px 14px rgba(0,0,0,0.4);
    }

    .leaflet-container a.leaflet-popup-close-button {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0 0 5px 0;
        text-align: center;
        width: 18px;
        height: 14px;
        /* font: 12px/14px Tahoma, Verdana, sans-serif; */
        color: rgb(33, 126, 10);
        text-decoration: none;
        font-weight: bold;
        background-color: rgba(255, 255, 255, 0.726);
        /* border: 1px solid gray; */
    }
    .leaflet-container a.leaflet-popup-close-button:hover {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0 0 5px 0;
        text-align: center;
        width: 18px;
        height: 14px;
        color: rgb(255, 255, 255);
        text-decoration: none;
        font-weight: bold;
        background-color: rgba(151, 4, 4, 0.726);
        /* border: 1px solid gray; */
    }
    .leaflet-bar a:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        color: #009300;
        text-shadow: 0 0 3px gray;
    }
    .leaflet-bar a:last-child {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom: none;
        color: #009300;
        text-shadow: 0 0 3px gray;
    }

    .leaflet-popup-content p {
        margin: 0;
    }
    .tab-pane{
        border: 1px solid black;
        padding: 1%;
        background-color: palegreen;
    }
    .leaflet-left .leaflet-control {
        margin-left: 10px;
        border: none;
        background: none;
        box-shadow: none;
    }
    .legend{
        background: rgba(204, 228, 187, 0.479);
        border: 1px solid rgb(4, 51, 4);
        box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
        padding: 3%;
        width: 105%;
        border-radius: 5px;
    }
    .legend-header{
        margin:0px;
        padding: 0px;
        text-align: center;
    }
    .legend-item{
        text-align: left;
        margin-bottom:0px;
    }