#page-wrapper {
    margin-top: 50px;
}

.navbar-brand {
    padding: 5px 15px 5px 15px;
}

a {
    color: #BB162B;
}

a:hover, a:focus {
    color: #e60012;
}

.btn-danger {
    background-color: #BB162B;
    border-color: #BB162B;
}

.btn-danger:hover, .btn-danger:focus {
    background-color: #e60012;
    border-color: #e60012;
}

.form-control:focus {
    border-color: #BB162B;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(187, 22, 43, 0.6);
}

.pagination > .active > a {
    background-color: #BB162B;
    border-color: #BB162B;
}

.pagination > .active > a:hover, .pagination > .active > a:focus {
    background-color: #e60012;
    border-color: #e60012;
}

.pagination > li > a {
    color: #BB162B;
}

.pagination > li > a:hover, .pagination > li > a:focus {
    color: #e60012;
}

.datepicker table tr td.active, .datepicker table tr td span.active {
    background-color: #BB162B;
    background-image: linear-gradient(to bottom, #BB162B, #e60012);
}

.datepicker table tr td.active:hover, .datepicker table tr td span.active:hover {
    background-color: #e60012;
    background-image: linear-gradient(to bottom, #e60012, #e60012);
}

.input-daterange input {
    text-align: left;
}

table {
    font-size: 12px;
}

.dl-horizontal dt {
    font-weight: normal;
    text-align: left;
}

.panel-heading {
    font-weight: bold;
}

#morris-bar-chart {
    height: 750px !important; 
} 

#morris-area-chart {
    height: 350px !important; 
} 

#morris-line-chart {
    height: 750px !important; 
} 

#morris-line-chart1 {
    height: 750px !important; 
} 


.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 6px;
    border-radius: 0 6px 6px 6px;
} 

.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: #cccccc;
    margin-top: 5px;
    margin-right: -10px;
}
 
.dropdown-submenu:hover > a:after {
    border-left-color: #ffffff;
}
 
.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;
}

.root:hover > .dropdown-menu {
    display: block;
}

.modal {
    display: none;
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('../../images/kia-preloader.gif') 50% 50% no-repeat;
}

body.loading {
    overflow: hidden;   
}

body.loading .modal {
    display: block;
}

td.details-control .fa {
    cursor: pointer;
}