/*
 default template css
*/
body {
    padding-bottom: 0;

}

/*******************************************************************************************/
/* Set padding to keep content from hitting the edges */

.body-content {
    position: relative;
    height: auto;
    min-height: -webkit-calc(100vh - 70px);
    min-height: -moz-calc(100vh - 70px);
    min-height: calc(100vh - 70px);
    /*min-height: 827px; /*for font-size: 1rem;*/
    /*min-height: 836px; for font-size: 0.9rem;*/
    padding: 4px 0;
}

.body-content-home {
    position: relative;
    min-height: 100vh;
    min-height: -webkit-calc(100vh - 24px);
    min-height: -moz-calc(100vh - 24px);
    min-height: calc(100vh - 24px);
    padding: 4px 0;
}

footer {}

.bg-darkblue {
    background-color: #536a81;
    color: white;
}

.bg-darkblue .navbar-nav .nav-link, .bg-darkblue .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 1.0);
}

.bg-darkblue .navbar-nav .nav-link:focus, .bg-darkblue .navbar-nav .nav-link:hover {
    color: rgba(26, 188, 156, 1.0);
}

.bg-lightblue {
    background-color: rgb(34, 121, 148) !important;
}

.bg-lightblue .navbar-nav .nav-link, .bg-lightblue .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 1.0);
}

.bg-lightblue .navbar-nav .nav-link:focus, .bg-lightblue .navbar-nav .nav-link:hover {
    color: rgba(26, 188, 156, 1.0);
}

.bg-lightblue2 {
    background-color: rgb(33,153,202) !important;
}

.bg-lightblue2 .navbar-nav .nav-link, .bg-lightblue .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 1.0);
}

.bg-lightblue2 .navbar-nav .nav-link:focus, .bg-lightblue .navbar-nav .nav-link:hover {
    color: rgba(1,69,120, 1.0);
}

.breadcrumb {
    background-color: rgb(181,230,255) !important;
	/*#9ad7f1  #b5e6ff*/
}

.text-red-light {
    color: rgba(228, 96, 109, 1.0) !important;
}

/*******************************************************************************************/
/* override */
nav {
    min-height: 46px;
}

.navbar {
    padding: 0;
}

.navbar>dl, ol, ul {
    margin-top: 0;
}

.navbar .navbar-brand {
    margin-top: 0;
    font-weight: bold;
}

.navbar .navbar-brand:hover {
    color: #1dc116;
}

.navbar .navbar-brand img {
    margin-top: 0.1rem;
}

.navbar #navbar-right {
    margin: 0.25rem 0;
}

.navbar .dropdown-toggle::after {
    /*vertical-align: unset;*/
}

.navbar .dropdown-menu {
    /*    background-color: #f8d7da;
        margin: 0 2.70rem;*/
}

.navbar .dropdown-item:hover {
    background-color: rgb(230, 236, 240);
    background-color: rgba(230, 236, 240, 0.50);
    /*color: azure;*/
}

.table-responsive {
    display: table;
}

.table-container {
    position: relative;
    width: 100%;
    height: auto;
    max-height: 640px;
    overflow-x: auto;
    overflow-y: auto;
}

.table-container th {
    position: sticky;
    top: 0;
    z-index: 20;
}

.table-grid-data>tbody>tr>th:first-child {
    position: sticky;
    left: 0;
    top: 0;
}

.table-grid-data>tbody>tr>td:first-child {
    position: sticky;
    left: 0;
    background-color: #fff;
}

.page-item.active .page-link {
    background-color: #6c757d;
    border-color: #6c757d;
}

.page-link {
    color: #6c757d;
}

.data-form-wraper {
    background-color: rgb(244, 251, 233);
    background-color: rgba(244, 251, 233, 0.7);
}


.index-container {
    background-color: #28a745;
    border-bottom: 1px #24993f solid;
}

.modal {
    overflow: auto !important;
}

/* ------------------------------------------------ List_zbl_land_view ------------------------------------------------ */

body{
    margin:0px;
    font-family: sans-serif;
    font-size:14px;
}
.div_main{width:100%;height:100%}
.div_asset{width:100%;}
.div_asset_head{width:100%;}
.div_asset_data{width:100%;}
.head_land{background-color:#808080;}
.head_house{
    background-color:#008040;
    
    }
.head_sign{background-color:#0080c0}
.ui-jqgrid tr{}
.table_data_land tr{cursor:pointer}
.ui-jqgrid tr:hover{background-color:#b7e8ff}
.ui-jqgrid_act{background-color:#aee4ff !important;}
.ui-jqgrid_act td{color:#222222 !important}
.ui-th-column{font-size:14px;}
table { 
    border-spacing: 0px;
    border-collapse: separate;
}
td{font-family:sans-serif;font-size:14px;}
.link_num{width:50px;text-align:center;}
.link_edit{min-width:50px;text-align:left;border:1px solid #ff8000;background-color:#ffad5b;cursor:pointer}
.link_refresh{color:#eb6705;border:1px #eb6705 solid;border-radius:4px;background-color:#fff1e8;padding-left:5px;padding-right:5px;box-shadow: 2px 1px #444444;}
.link_refresh:hover{background-color:#ff8635;color:#ffffff}
.link_refresh:link{text-decoration: none;}
.tr_cancel{background:#ffcae0}
.tr_new{background:#c6ffc6}
.tr_edit{background:#a2ddfd}
.tr_normal{background:#ffffff}
.div_list_data{padding-left:5px;}
.ui-th-ltr{background-image: linear-gradient(#aaaaaa, #eeeeee);font-weight:bold;border-right:1px #aaaaaa solid}
.td_l_head{
    background-color:#FFD966;
    border-right:1px solid #000000;
    padding-left:4px;
    padding-right:4px;
}

.td_l_head{
    background-color:#FFD966;
    border-right:1px solid #000000;
    padding-left:4px;
    padding-right:4px;
}
.td_l_main{
    background-color:#FFF2CC;
    border-right:1px solid #000000;
    padding-left:4px;
    padding-right:4px;
}
.td_h_head{
    background-color:#C6E0B4;
    border-right:1px solid #000000;
    padding-left:4px;
    padding-right:4px;
}
.td_h_main{
    background-color:#E2EFDA;
    border-right:1px solid #000000;
    padding-left:4px;
    padding-right:4px;
}
.td_s_head{
    background-color:#afe6fa;
    border-right:1px solid #000000;
    padding-left:4px;
    padding-right:4px;
}
.td_s_main{
    background-color:#dff4fd;
    border-right:1px solid #000000;
    padding-left:4px;
    padding-right:4px;
}

.div_main {
width: 100%;
padding: 16px;
box-sizing: border-box;
}

.div_asset {
margin-bottom: 20px;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
overflow: hidden;
}

.div_asset_head {
padding: 10px 16px;
display: flex;
align-items: center;
background-color: #2199ca;
color: #fff;
font-weight: bold;
}

.div_asset_head input[type="text"],
.div_asset_head input[type="button"] {
margin-left: 10px;
padding: 4px 8px;
border-radius: 4px;
border: 1px solid #ccc;
font-size: 14px;
}

.div_asset_head input[type="button"] {
background-color: #045a95;
color: white;
border: none;
cursor: pointer;
transition: background-color 0.3s;
width: 90px;
}

.div_asset_head input[type="button"]:hover {
background-color: #1976d2;
}

.link_refresh {
margin-left: auto;
color: #2196f3;
background-color: #e3f2fd;
border: 1px solid #2196f3;
border-radius: 4px;
padding: 4px 8px;
text-decoration: none;
cursor: pointer;
font-size: 13px;
transition: 0.2s;
}

.link_refresh:hover {
background-color: #1976d2;
color: white;
}

.div_asset_data {
padding: 10px 16px;
background-color: #dce7ef;
}

.table_data_land tr:hover {
background-color: #e0f7fa;
cursor: pointer;
}

.tr_cancel {
background-color: #ffebee;
}

.tr_new {
background-color: #e8f5e9;
}

.tr_edit {
background-color: #e3f2fd;
}

/* ------------------------------------------------ List_zbl_land_view ------------------------------------------------ */