body {
    font-family: 'Open Sans', Arial;
    color: #000;
}


.tooltip-mid {
    font-size: large;
    padding: 2px;
    color: blue;
}

.navbar-inverse {
    background: #86B437;
}

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .open > a {
        background: #3E760B;
    }

        .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
            background: #3E760B;
        }

        .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
            color: #fff;
            background-color: #3E760B;
        }

    .navbar-inverse .navbar-brand {
        color: #ffffff;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #ffffff;
    }

.field-validation-error {
    color: red;
}

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

/* Side notes for calling out things
-------------------------------------------------- */

/* Base styles (regardless of theme) */
.bs-callout {
    margin: 20px 0;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #eee;
}

    .bs-callout h1,
    .bs-callout h2,
    .bs-callout h3,
    .bs-callout h4,
    .bs-callout h5,
    .bs-callout h6 {
        margin-top: 0;
    }

.bs-callout-danger h1,
.bs-callout-danger h2,
.bs-callout-danger h3,
.bs-callout-danger h4,
.bs-callout-danger h5,
.bs-callout-danger h6 {
    color: #B94A48;
}

.bs-callout-warning h1,
.bs-callout-warning h2,
.bs-callout-warning h3,
.bs-callout-warning h4,
.bs-callout-warning h5,
.bs-callout-warning h6 {
    color: #C09853;
}

.bs-callout-info h1,
.bs-callout-info h2,
.bs-callout-info h3,
.bs-callout-info h4,
.bs-callout-info h5,
.bs-callout-info h6 {
    color: #3A87AD;
}

.bs-callout-success h1,
.bs-callout-success h2,
.bs-callout-success h3,
.bs-callout-success h4,
.bs-callout-success h5,
.bs-callout-success h6 {
    color: #3C763D;
}

.bs-callout-purple h1,
.bs-callout-purple h2,
.bs-callout-purple h3,
.bs-callout-purple h4,
.bs-callout-purple h5,
.bs-callout-purple h6 {
    color: #563d7c;
}

.bs-callout p:last-child {
    margin-bottom: 0;
}

.bs-callout code,
.bs-callout .highlight {
    background-color: #fff;
}

/* Themes for different contexts */
.bs-callout-danger {
    background-color: #fcf2f2;
    border-color: #dFb5b4;
}

.bs-callout-warning {
    background-color: #fefbed;
    border-color: #f1e7bc;
}

.bs-callout-info {
    background-color: #f0f7fd;
    border-color: #d0e3f0;
}

.bs-callout-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.bs-callout-purple {
    background-color: #E3E4FA;
    border-color: #6f5499;
}

.panel-success .panel-heading {
    background-color: #3C763D;
    background-image: none;
    color: #ffffff;
}

.panel-success .panel-body {
    background-color: #dff0d8;
}

.panel-primary .panel-body {
    background-color: #eeeeee;
}

.panel-purple {
    border-color: #6f5499;
}

    .panel-purple .panel-body {
        background-color: #FCDFFF;
    }

    .panel-purple > .panel-heading {
        color: #ffffff;
        background-color: #6f5499;
        border-color: #6f5499;
    }

        .panel-purple > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #6f5499;
        }

        .panel-purple > .panel-heading .badge {
            color: #6f5499;
            background-color: #563d7c;
        }

    .panel-purple > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #6f5499;
    }

.btn-ya {
    color: #000;
    background-color: #FECD57;
    border-color: #aaaaaa;
}

    .btn-ya:focus,
    .btn-purple.focus {
       
        background-color: #FBB917;
        border-color: #333333;
    }

    .btn-ya:hover {
       
        background-color: #FBB917;
        border-color: #333333;
    }

.btn-purple {
    color: #fff;
    background-color: #6f5499;
    border-color: #563d7c;
}

    .btn-purple:focus,
    .btn-purple.focus {
        color: #fff;
        background-color: #6f5499;
        border-color: #563d7c;
    }

    .btn-purple:hover {
        color: #fff;
        background-color: #6f5499;
        border-color: #563d7c;
    }

    .btn-purple:active,
    .btn-purple.active,
    .open > .dropdown-toggle.btn-purple {
        color: #fff;
        background-color: #6f5499;
        border-color: #563d7c;
    }

        .btn-purple:active:hover,
        .btn-purple.active:hover,
        .open > .dropdown-toggle.btn-purple:hover,
        .btn-purple:active:focus,
        .btn-purple.active:focus,
        .open > .dropdown-toggle.btn-purple:focus,
        .btn-purple:active.focus,
        .btn-purple.active.focus,
        .open > .dropdown-toggle.btn-purple.focus {
            color: #fff;
            background-color: #6f5499;
            border-color: #563d7c;
        }

    .btn-purple:active,
    .btn-purple.active,
    .open > .dropdown-toggle.btn-purple {
        background-image: none;
    }

    .btn-purple.disabled,
    .btn-purple[disabled],
    fieldset[disabled] .btn-purple,
    .btn-purple.disabled:hover,
    .btn-purple[disabled]:hover,
    fieldset[disabled] .btn-purple:hover,
    .btn-purple.disabled:focus,
    .btn-purple[disabled]:focus,
    fieldset[disabled] .btn-purple:focus,
    .btn-purple.disabled.focus,
    .btn-purple[disabled].focus,
    fieldset[disabled] .btn-purple.focus,
    .btn-purple.disabled:active,
    .btn-purple[disabled]:active,
    fieldset[disabled] .btn-purple:active,
    .btn-purple.disabled.active,
    .btn-purple[disabled].active,
    fieldset[disabled] .btn-purple.active {
        background-color: #6f5499;
        border-color: #6f5499;
    }

    .btn-purple .badge {
        color: #6f5499;
        background-color: #fff;
    }

.input-xs {
    height: 22px;
    padding: 2px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}


.form-group-xs .form-control {
    height: 22px;
    padding: 2px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.form-group-xs select.form-control {
    height: 22px;
    line-height: 22px;
}

.form-group-xs textarea.form-control,
.form-group-xs select[multiple].form-control {
    height: auto;
}

.form-group-xs .form-control-static {
    height: 22px;
    min-height: 24px;
    padding: 2px 5px;
    font-size: 12px;
    line-height: 1.3;
}

.form-group-xs label {
    font-weight: 600;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}


@media only screen and (max-width: 480px){
    .green-number {margin-top: 15px;}

    .green-number img{width:100px !important;
                          top: 0  !important;
    right: 4px  !important;
    }

    .btnBackToHomePage  img {width:170px !important;}
}