﻿
.spinner {
    display: inline-block;
    opacity: 0;
    width: 0;
    -webkit-transition: opacity 0.25s, width 0.25s;
    -moz-transition: opacity 0.25s, width 0.25s;
    -o-transition: opacity 0.25s, width 0.25s;
    transition: opacity 0.25s, width 0.25s;
}

.has-spinner.active {
    cursor: progress;
}

    .has-spinner.active .spinner {
        opacity: 1;
        width: auto; /* This doesn't work, just fix for unkown width elements */
    }

.has-spinner.btn-mini.active .spinner {
    width: 10px;
}

.has-spinner.btn-small.active .spinner {
    width: 13px;
}

.has-spinner.btn.active .spinner {
    width: 16px;
}

.has-spinner.btn-large.active .spinner {
    width: 19px;
}

.main-menu{
    background-color: #6F5499;
    background-image: linear-gradient(to bottom, #563D7C 0px, #6F5499 100%);
    background-repeat: repeat-x;
    color: #CDBFE3;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

.body-content {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 25px;
}

.navbar-header .navbar-toggle {
    border-color: #FFFFFF;
}

/*.navbar .btn {
background-color: #535368;
background-image: none;
border-color: transparent;
color: #e6e6e6;
text-shadow: 0 0 0;
box-shadow: 0 0 0;
}*/

.navbar-default .navbar-toggle {
  border-color: #563D7C;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #563D7C;
}

body { 
    padding-top: 70px; 
    font-size: 12px;
}

.navbar {
    background-color: #E7E7E7;
    border-color: #080808;
}

.navbar-header .navbar-toggle .icon-bar {
    background-color: black;
}

.btn-grid{
    padding: 4px 9px;
}

#logo{
    /*width: 210px;*/
}

.btn {
    font-size: 12px;
}

.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    padding: 4px;
    vertical-align: middle;
}

.form-control {
    height: 30px;
}

.well {
    border: 1px solid #B8E3FD;
}

h2, .h2 {
    font-size: 25px;
}


.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
    background-color: #F2E8DA;
}

.table > thead > tr:hover > td, .table > tbody > tr:hover > td, .table > tfoot > tr:hover > td, .table > thead > tr:hover > th, .table > tbody > tr:hover > th, .table > tfoot > tr:hover > th, .table > thead > tr:hover > td, .table > tbody > tr:hover > td, .table > tfoot > tr:hover > td, .table > thead > tr:hover > th, .table > tbody > tr:hover > th, .table > tfoot > tr:hover > th {
    background-color: #F2E8DA;
}

.icon-blue{
    color:#428BCA
}

.icon-group{
    font-size:8px
}

.btn-group{
    margin-top: 5px;
    margin-bottom: 5px;
}