#map { height: 84vh; width: 100%; border:1px solid #eee }
.page_title_line {
    text-align:center;
    position: relative;
}
.page_title{
    border:5px solid black;
    display:inline-block;
    padding:5px 30px;
    font-size:30px;
    font-weight:bold;
}
.info_table td, .info_table th
{
    padding:10px;
    vertical-align:top;
}
.gmarker_pointer {
    cursor:pointer;
}
.header_page
{
    display:table-cell; vertical-align:middle;
    display: flex;
    padding:10px 30px;
    height: 90px;
    justify-content: space-evenly;
}
.header_page > div:not(:first-child)
{
    margin-top:10px
}
.header_page *
{
    font-size:25px !important;
}

.header_page *:not(select)
{
    font-weight:bold;
}
.header_page select {
    margin:10px auto;
    height:48px;
    color:black
}
#map_menu_top_items
{
    display: inline-block !important;
}
#map_menu_top_items .btn
{
    margin:0px 2px;
    display: inline-block !important;
}
#info_grid
{
    overflow-x: scroll;
    overflow-y: scroll;
    height:84vh;
}
.wrap_content
{
    display:inline-block;
    width: auto;
}
.space_between 
{
    display: flex; 
    justify-content: space-between;
}
#map_grid
{
    background-image: url("core/assets/images/irofibre_logo.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: 100px 130px;
}
.fa-map-marker
{
    margin-left:10px;
}

nav {
   background-color: white; 
}
nav * {
    font-weight: normal !important;
}
nav .btn * {
    color:white !important;
}
nav li * {
    margin-left:10px;
}
.section_title
{
    margin-top:100px !important;
}
.cursor_pointer { cursor: pointer; }

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 2000px;
    }
}

.btn_table 
{
    padding: 0px 7px;
    margin:0px;
}
.section_title .text-center * {
    display: inline-block;
}
.section_sub_title {
    background-color: #f7eec6;
    padding: 5px;
}

table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date {
    text-align: center;
}

.auto_width{
    width: auto !important;
}
input[type=file]
{
    min-width:400px;
}
.center_item
{
    margin: 0px auto;
}
table ul {
    margin: 0;
}
.btn-white {
    color:black;
    background-color: white;
}
.dt-layout-row:not(.dt-layout-table) > div {
    border:1px solid rgb(226, 227, 228);
    padding: 5px 10px;
    border-radius: 5px;
}
div.dt-container .dt-paging .dt-paging-button
{
    padding: 0px 10px !important;
    height: 25px;
    border-color: transparent !important;
    border-radius: 5px;
}
div.dt-container .dt-paging .dt-paging-button:not(.current):not(.disabled):hover
{
    background-color: red;
}
div.dt-container .dt-paging .dt-paging-button.current
{
    background-color: #acf3cb !important;
}
.center-content {
    text-align: center;
}

.header_page .dropdown-menu.show * {
    margin: 0px;
}
.header_page .dropdown-menu.show a:hover {
    background-color:#0d6efd;
    color:white;
}


/* BTN START */
.btn-purple { background-color: rgb(166, 47, 166); color:white; }
.btn-purple:hover { background-color: purple; color:white; }
.btn-indigo { background-color: #4B0082; color:white; }
.btn-indigo:hover { background-color: #2a0047; color:white; }
.btn-pink { background-color: rgb(255, 195, 255); color:black; }
.btn-pink:hover { background-color: rgb(176, 100, 176); color:black; }
.btn-yellow { background-color: rgb(236, 214, 104); color:black; }
.btn-yellow:hover { background-color: rgb(219, 219, 23); color:black; }
.btn-lime { background-color: #32CD32; color:black; }
.btn-lime:hover { background-color: #25a125; color:black; }
.btn-black { background-color: rgb(44, 44, 50); color:white; }
.btn-black:hover { background-color: rgb(19, 18, 21); color:white; }
/* BTN END */