/*
 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;
}