/*!
 * ASP.NET Core Active Directory Starter Kit 
 */
.fa-info-circle,
a.fa-info-circle,
.content-header > h1 > small {
    cursor: pointer;
    color: #3c8dbc;
    font-weight: normal;
    margin-left: 6px;
}

    .content-header > h1 > small .fa {
        margin-right: 5px;
    }

a.k-primary {
    color: #fff;
}

a > i.fa {
    cursor: pointer;
}

a.cursor-pointer {
    cursor: pointer;
}

.text-center a,
.text-center span {
    text-align: center;
}

.timestamp {
    padding: 2px 5px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 3px;
    border: 1px solid #ccc;
    margin-right: 5px;
}

/* validation
-------------------------------------------------- */
.field-required {
    color: #e31937;
    font-family: Verdana;
    margin: 0 5px;
    font-weight: bold;
}

.validation-summary-errors {
    color: #d9534f;
    margin: 0 0 10px;
    padding: 10px;
    border-left: 3px solid #d9534f;
    background-color: #f2dede;
    border-radius: 3px;
}

    .validation-summary-errors ul {
        padding: 0 0 0 15px;
        margin: 0;
    }

.field-validation-error {
    color: #d9534f;
    font-size: 12px;
    font-weight: bold;
}

.has-error .help-block {
    font-size: 11px;
    font-weight: bold;
    margin: 0;
}

.input-validation-error {
    border: 1px solid #dd4b39;
}

/* login 
-------------------------------------------------- */
.login-container {
    margin: 15% auto 0;
    max-width: 325px;
}

    .login-container .logo {
        margin-bottom: 15px;
    }

.login-panel {
    background-color: #eee;
    padding: 25px;
    margin: 0;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,2,2,0.3);
    box-shadow: 0 1px 1px rgba(0,2,2,0.3);
}

    .login-panel h3 {
        margin-top: 0;
        margin-bottom: 15px;
        padding-bottom: 10px;
        border-bottom: solid thin #777;
    }

    .login-panel .alert ul {
        padding: 0 0 0 15px;
    }

/* override Kendo UI
-------------------------------------------------- */
.k-panelbar {
    border-width: 0;
}

    .k-panelbar .k-item > .k-link {
        line-height: 3em;
        min-height: 44px;
    }

    .k-panelbar .k-state-selected,
    .k-panelbar .k-state-selected:link,
    .k-panelbar .k-state-selected:hover {
        color: #333 !important;
        background-color: #c2c2c2;
    }

    .k-panelbar .k-link > .k-sprite {
        margin-top: 5px;
        font-size: 14px;
        padding-top: 8px;
    }

.k-state-focused.k-state-selected {
    box-shadow: none;
}

.sidebar-collapse .k-panelbar .k-item > .k-link {
    font-size: 0;
}

.sidebar-collapse .k-panelbar .k-link > .k-sprite {
    margin-left: 15px;
}

.sidebar-collapse .k-panelbar .k-panelbar-expand {
    display: none;
}

/* Fix Kendo Grid - half cycle of footer navigation links display in blue */
.k-pager-wrap .k-link {
    border-color: #ccc !important;
}

/* Fix - links normally are displayed in Blue when row is selected */
.k-state-selected a {
    color: #fff;
}

/* kendo pop-up */
.k-edit-form-container {
    width: 100% !important;
}

.popup-editor-lg {
    margin: 0 15px;
    width: 1200px;
}

.popup-editor-md {
    margin: 0 15px;
    width: 992px;
}

.popup-editor-sm {
    margin: 0 15px;
    width: 768px;
}

.popup-editor-xs {
    margin: 0 15px;
    width: 360px;
}

    .popup-editor-lg *,
    .popup-editor-md *,
    .popup-editor-sm *,
    .popup-editor-xs * {
        box-sizing: border-box !important;
    }

/* Overwrite Bootstrap tooltip's black background '*/
.k-tooltip {
    background-color: #fff !important;
    -webkit-box-shadow: 0 4px 6px rgba(0,0,0,.3);
    box-shadow: 0 4px 6px rgba(0,0,0,.3);
    color: #333 !important;
}

/* override bootstrap
-------------------------------------------------- */
.form-static-controls label:after {
    content: " :";
}

.form-group {
    margin-bottom: 5px;
}

.btn-submit,
.btn-search {
    margin-top: 10px;
    min-width: 150px;
    padding: 7px 10px;
    font-size: 18px;
}
/*
.alert-container {
    position: fixed;
    z-index: 10000;
    width: 750px;
    left: 50%;
    margin-left: -350px;
    top: 51px;
}

    .alert-container .alert {
        -ms-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        -ms-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        padding-top: 10px;
        padding-bottom: 10px;
    }
*/
/* navbar - viewer */
.skin-blue-light .navbar-primary {
    background-color: #3c8dbc;
}

.navbar-primary .navbar-nav a {
    color: #fff;
}

    .navbar-primary .navbar-nav a:focus,
    .navbar-primary .navbar-nav a:hover,
    .navbar-primary .navbar-nav > .open > a,
    .navbar-primary .navbar-nav > .open > a:focus,
    .navbar-primary .navbar-nav > .open > a:hover {
        color: #fff !important;
        background-color: rgba(0, 0, 0, 0.1) !important;
    }

.dropdown-menu {
    background-color: #367fa9;
    border: #367fa9;
}

    .dropdown-menu a {
        color: #fff;
        display: block;
        padding: 5px 15px;
    }

a.home-link {
    display: inline-block;
    font-size: 28px;
    color: #fff;
    margin-top: 2px;
}

.skin-blue-light .home-link img {
    height: 46px;
    margin-right: 15px;
    background: #fff;
    padding: 3px 10px;
    border-radius: 4px;
}

/* navbar */
.nav-tabs-custom > .nav-tabs {
    margin: 0;
    border-bottom-color: #ddd;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

    .nav-tabs-custom > .nav-tabs > li:first-of-type {
        margin-left: 0;
    }

    .nav-tabs-custom > .nav-tabs > li.active {
        border-top-color: #3c8dbc;
    }

    .nav-tabs-custom > .nav-tabs > li {
        border-top: 3px solid transparent;
        margin-bottom: -2px;
        margin-right: 5px;
    }

        .nav-tabs-custom > .nav-tabs > li.active > a {
            border-right: 1px solid #ddd !important;
            border-left: 1px solid #ddd !important;
        }

.nav-tabs-custom > .tab-content {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background: #fff;
    padding: 10px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

/* override admin LTE
-------------------------------------------------- */
.small-box > .inner {
    padding: 30px;
}

.small-box h3 {
    font-size: 30px;
}

/* media query
-------------------------------------------------- */
@media (min-width: 768px) {
    .tb-validation {
        text-align: center;
    }
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

/* print 
-------------------------------------------------- */
@media print {

    body, body * {
        padding: 0;
    }

    p, label, * {
        font-size: 16px;
    }

        /* reduce font-size in IE11 */
        *::-ms-backdrop, p, label, * {
            font-size: 11px;
        }

            *::-ms-backdrop, h2 {
                font-size: 17px;
            }

            *::-ms-backdrop, h3 {
                font-size: 13px;
            }

    td {
        padding: 0 5px;
    }

    .no-print {
        display: none;
    }

    table label {
        font-weight: normal;
    }

    *::-ms-backdrop, .table-condensed {
        margin-bottom: 5px;
    }

        .table-condensed > thead > tr > th,
        .table-condensed > tbody > tr > th,
        .table-condensed > tfoot > tr > th,
        .table-condensed > thead > tr > td,
        .table-condensed > tbody > tr > td,
        .table-condensed > tfoot > tr > td {
            padding: 0 5px;
        }
}
body{
    font-size:13px !important;
    font-weight: 300 !important;
}