﻿#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: #fff;
    /* change if the mask should have another color then white */
    z-index: 10000;
    /* makes sure it stays on top */
}

#preload-status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(images/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
}


.navbar {
    min-height: 75px;
}

.navbar-brand {
    padding: 0 15px;
    height: 75px;
    line-height: 75px;
}

.navbar-toggle {
    /* (80px - button height 34px) / 2 = 23px */
    margin-top: 23px;
    padding: 9px 10px !important;
}

@media (min-width: 768px) {
    .navbar-nav > li > a {
        /* (80px - line-height of 27px) / 2 = 26.5px */
        padding-top: 26.5px;
        padding-bottom: 26.5px;
        line-height: 27px;
    }
}




.navbar-inverse {
    background-color: #E9E9E9 !important;
    border-color: #D1D1D1 !important;
    
}

.navbar-brand {
    color: #2E2E2E !important;
}

.navbar-inverse .navbar-nav > li > a {
    color: #2E2E2E !important;
}



#errors li {
    color: red;
    font-weight: bold;
}

#maincontent {
    padding: 70px 30px 30px 30px;
}

/*.form-control {
    width: 100% !important;
    height: auto;
}

select.form-control {
    padding: 6px;
}
*/
input[type='checkbox'] {
    width: 35px;
    height: 35px;
}
input[type='text'] {
    height: 35px;
    border:1px solid rgb(200,200,200)
}
/*.k-list-container {
    width: auto !important;
    min-width: 250px;
    height: auto !important;
}
.k-list
{
    width:auto !important;
    height: auto !important;
}*/

.form-horizontal h2 {
    padding: 0;
    margin: -10px 0 0 0;
    font-size: 26px;
}

.form-horizontal hr {
    border-top: 1px solid #e0e0e0;
    margin: 10px -20px 20px -20px;
}

.form-horizontal .panel-body hr {
    border-top: 1px solid #e0e0e0;
    margin: 10px 0px 20px 0px;
}

.panel-default {
    border-top:1px solid white;
}
.panel-default>.panel-heading {
    border-top: 1px solid #e0e0e0;
}
/*
th.k-header {
    background-color: #2780e3;
    border-color: #1967be;
    color: white;
}
th a.k-link {
    color: #fff !important;
    text-decoration: none;
}
li a.k-link {
    text-decoration: none;
}
.k-alt {
    background-color: #f5f5f5;
}

.k-widget {
    border-color: white;
}

.k-grid-header {
    border-color: #1967be;
}
span.k-input {
    padding: 5px !important;
}*/
/*.k-numeric-wrap {
    padding: 3px !important;
}
.k-upload-button {
    background-color: white;
}
.k-grid-toolbar h2 {
    margin: 10px;
    padding: 0;
}*/
/*
.k-calendar .k-content thead, .k-calendar .k-footer, .k-calendar .k-header, .k-gantt .k-grid-header, .k-grid .k-header, .k-scheduler-header .k-scheduler-table, .k-tabstrip-items {
    text-transform: none;
}*/

.panel-body {
    padding-bottom: 15px;
}

.table {
    margin-bottom: 0;
}
   /*.k-icon,.k-tool-icon,.k-grouping-dropclue,.k-drop-hint,.k-column-menu .k-sprite,.k-grid-mobile .k-resize-handle-inner:before,.k-grid-mobile .k-resize-handle-inner:after,.k-pager-numbers .k-current-page .k-link:after,.k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link:after {*/
/*
th .k-i-arrow-s, th .k-i-arrow-n, th .k-filter {
    background-image:url('kendo/2018.1.117/metroblack/sprite.png');
    border-color: transparent;
}
.k-icon.k-plus, .k-icon.k-minus, .k-select .k-i-arrow-s, .k-select .k-i-arrow-n {
    background-image:url('kendo/2018.1.117/default/sprite.png');
}
.k-icon.k-i-arrow-s, .k-icon.k-i-arrow-n {
    margin-top: 3px;
}
#gridcalls tr.k-master-row {
    cursor: pointer;
}
a:focus, a:hover{ text-decoration: none;}
*/
/*input.k-textbox {
    height: 37px;
}*/

.field-validation-error {
    color: red;
    font-weight: bold;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
    width: 250px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.dropdown:hover>.dropdown-menu {
    display: block;
}

.alert a {
    color: #fff;
    text-decoration: underline;
}

#shortcutbuttons {
    margin-top: 10px;
    padding: 10px 0 10px 0;
    background-color: #f5f5f5;
}

#shortcutbuttons a {
    width: 100%;
}
/*
.k-edit-form-container {
    width: auto !important;
    min-width: 400px;
}*/

.badge {
    background-color: red !important;
    color: #fff !important;
}

.navbar-inverse .navbar-nav>li>a {
    font-size: 12px;
}