/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Fixes
# Navbar
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Fixes
--------------------------------------------------------------*/

body {
    padding-top: 60px;
    padding-bottom: 20px;
}

.container {
    width: 100% !important;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.k-widget.k-grid {
    overflow: auto;
}

.k-grid td
{
    padding: 0;
}

.k-grid .k-grid-filter.k-state-active .k-icon,
.k-grid .k-header-column-menu.k-state-active .k-icon {
    color: darkblue;
}

.k-grid .k-grid-filter.k-state-active,
.k-grid .k-header-column-menu.k-state-active {
    background-color: lightgray;
}  



/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal !important;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/
textarea {
    width:100%;
}

h2 {
    margin-top:5px;
    margin-bottom: 0.75em;
}

h3 {
    margin-top: 1.3em;
    margin-bottom: 0.6em;
}

input[type="checkbox"] {
    height: 20px;
    width: 20px;
}

input.input-validation-error {
    border-color:red;
}
input.valid {
    border-color:green;
}
    
.modal-footer .btn + .btn {
    margin: 10px 1px 10px 1px !important;
}

.dl-horizontal dt {
    text-align: left;
    margin-bottom: 1em;
}

.leader {
    margin-top: 24px;
}

.table > tbody > tr > th {
    border-top: none;
    border-bottom: 1px solid #ddd;
}

.k-popup .k-list .k-item {
    padding-left: 20px !important;
    text-indent: -10px;
}

.form-group.label-floating .col-md-1 label,
.form-group.label-floating .col-md-2 label,
.form-group.label-floating .col-md-3 label,
.form-group.label-floating .col-md-4 label,
.form-group.label-floating .col-md-5 label,
.form-group.label-floating .col-md-6 label,
.form-group.label-floating .col-md-7 label,
.form-group.label-floating .col-md-8 label,
.form-group.label-floating .col-md-9 label,
.form-group.label-floating .col-md-10 label,
.form-group.label-floating .col-md-11 label,
.form-group.label-floating .col-md-12 label {
    left: 15px !important;
}

a.material-icons:hover {
    text-decoration: none;
}

/*--------------------------------------------------------------
# Navbar
--------------------------------------------------------------*/
.user-div {
    padding: 20px 0px 20px 0px;
}

.nav-localsite-background {
    background: darkgoldenrod !important;
}

.nav-autosite-background {
    background: darkcyan !important;
}

.nav-testsite-background {
    background: darkred !important;
}

.nav-demosite-background {
    background: darkorchid !important;
}

.navbar-brand {
    font-weight: 500;
}

a.current-page {
    color: #b2b9e1 !important;
}

@media (min-width: 768px) {
    .navbar-nav {
        float: initial;
    }

    .navbar-nav li.login-nav {
        float: right;
    }
}

.microsoft-sign-in {
    background: url(images/msSignIn.png);
    border: 0;
    display: block;
    height: 41px;
    width: 215px;
}

.simulate .panel-body .form-group .readonly {
    background: #DDDDDD;
}

/*--------------------------------------------------------------
# Events Page
--------------------------------------------------------------*/


.indicator {
    height: 7px;
    width: 7px;
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
}