﻿
html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.k-grid .k-grid-search {
    display: flex;
    margin-left: auto;
    margin-right: 0;
    width: 350px !important;
}
/* Navbar */
.navbar {
    background-color: #ffffff; /* full navbar white background */
    border-bottom: 5px solid #ddd; /* subtle separator */
}

/* Logo box */
.navbar-logo {
    background-image: url('/images/TClogo2.png'); /* your colored logo */
    background-size: contain; /* fit nicely */
    background-repeat: no-repeat;
    background-position: center;
    width: 222px; /* adjust width */
    height: 50px; /* adjust height */
}

/* Optional: keep title text dark against white */
.navbar-header-text {
    color: #333;
    font-weight: 600;
}


/*
.navbar {
    border-width: 0 !important;
}*/

.navbar-header {
    width: 100% !important;
}

/*.navbar-default {
    background-color: #4c5d68 !important;
    border-color: transparent !important;
}

.navbar-default .navbar-brand {
    color: #fff !important;
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 1030 !important;
}*/

.navbar-right {
    float: right;
}

.navbar-brand {
    float: left !important;
    padding: 5.5px 0px 20.5px 10px !important;
    font-size: 15px !important;
    line-height: 17px !important;
    height: 55px !important;
}

.navbar-title {
    padding-top: 8px !important;
    padding-left: 10px;
    margin-left:50px;
    font-size: 42px !important;
    color: #ececec !important;
    font-weight: 600 !important;
    float:left !important;
    line-height: 17px !important;
    height: 55px !important;
}

.navbar-header-text {
    font-size: 21px !important;
    font-family: "Open Sans",sans-serif !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    color: #383838 !important;
}

/*.navbar-text {
    color: #ececec !important;
    font-weight: 600 !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    scroll-padding-left: 10px
}
*/
    .k-menu {
    background-color: #007bff;
    border-radius: 5px;
    
}
/**/
    .k-menu .k-item {
            /*color: #383838 !important;*/
            font-weight: 600;
            padding-top: 3px;
        }

/*.k-menu .k-item:hover {
    background-color: #0056b3;
}*/
        .k-menu .k-item > .k-link {
            text-decoration: none; /* reset */
        }

            .k-menu .k-item > .k-link:hover {
                text-decoration: underline;
            }

.grid-content {
    margin-top: 10px;
}

.ctrl-inline {
    display: inline-block;
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.header-pad {
    padding-top: 20px;
}

/* #region Footer styles */
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 0.85em;
    height: 60px;
}
/* #endregion */

/* #region custom Kendo UI styles */
h1 {
    margin: 0;
    font-size: 32px;
    font-weight: lighter;
    color: #fff;
}

h2 {
    font-size: 30px;
    font-weight: lighter;
}

.placeholder img {
    display: inline-block;
}

p .k-button {
    margin: 0 15px 0 0;
}



