html,body
{
    height:100%;
}

div.content
{
    min-height:100%;
    margin-bottom:-131px;
    overflow-x:hidden;
}

div.content:after
{
    content:"";
    display:block;
    height:131px;
}

div.question
{
    padding-top:15px;
    padding-bottom:5px;
    border-bottom: 1px solid #ddd;
}

.validator
{
    color: #b94a48;
    padding-bottom:5px;
    display:inline-block;
    position:relative;
    top:7px;
}

select.invalid-input, input.invalid-input, textarea.invalid-input 
{
    border: 1px solid #b94a48;
    background-color: #f2dede;
}

span.invalid-input
{
    border: 1px solid #b94a48;
    background-color: #f2dede;
    margin: -4px -8px;
    padding: 3px 7px; 
    border-radius: 4px;
}

select 
{
    width :auto !important;
    max-width:100% !important;
    min-width:50% !important;
}

select.invalid-input:focus, input.invalid-input:focus, textarea.invalid-input:focus
{
    border-color: #ff0000;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 106, 0, 0.6);
}

ul.options-radio, ul.options-checkbox
{
    list-style : none;
    padding-left: 0px;
}

ul.options-radio > li, ul.options-checkbox > li
{
    padding: 4px 8px;
}

.form-horizontal div.radio, .form-horizontal div.checkbox
{
    padding-top: 0px;
}

.options-radio input[type="radio"], .options-checkbox input[type="checkbox"]
{
    margin-left: 0px;
}

textarea
{
    width:100%;
    resize:none;    
}

.alert
{
    margin-top:10px;
}

.hidden
{
    display:none !important;
}

.title
{
    margin-bottom: .5em !important;
}

span.radio-offset > span {
    line-height: 1.4;
    margin: 3px;
    padding: 3px;
    border-radius: 4px;
}

.question .form-control, .question .btn
{
    margin-bottom: 3px;
}

.badge-info
{
    background-color:#d64309;
}

.form-horizontal
{
    padding-top:4px;
}

.margin-top, .margin-top > input
{
    margin-top:10px!important;
}

div.alert
{
    color:#1a1a1a;
}

.confirmation
{
    background-color: aliceblue;
    width:100%;
    border-radius:5px;
    margin-top: 5px;
    padding: 15px;
}

.btn-subtle-action:focus
{
    color: white;
}

div.btn-muted-danger {
    background: #ffdede;
    border-width: 1px;
    border-color: #ccc;
    color: black;
}

div.btn-muted-danger:hover {
    background: #f2dede;
    border-width: 1px;
    border-color: #ccc;
    color: black !important;
    cursor:not-allowed;
}

a.btn-muted-success {
    background: #dff0d8;
    border-width: 1px;
    border-color: #ccc;
    color: black;
}

a.btn-muted-success:hover {
    background: #dfffd8;
    border-width: 1px;
    border-color: #ccc;
    color: black !important;
}

a.btn-selected 
{
    background-color: #D64309;
    color: white !important;
}

.btn-inactive 
{
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn-inactive:hover 
{
    background-color: #e6e6e6;
    border-color: #adadad;
    cursor: default;
}

a.btn-selected:hover 
{
    background-color: #D64309;
    color: white !important;
}

a.btn-selected .text-muted 
{
    color: white !important;
}

div.noBorder
{
    border-bottom: none;
    margin-bottom: -25px;
    padding-bottom: 0;
}

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
}

div.datepicker-days > table.table-condensed > thead, div.datepicker-months > table.table-condensed > thead, div.datepicker-years > table.table-condensed > thead
{
    background-color:#01013F;
    color: white;
}

.datepicker table thead th.prev:hover, .datepicker table thead th.next:hover, .datepicker table thead th.datepicker-switch:hover
{
    background-color:#606078;
    border-radius: 0px;
}

.week-day
{
    padding-left: 15px;
    padding-right: 15px;    
    width: 50%;
    float:left;
    min-height:1px;
    position:relative;
    left:0;
    top:0;
}

.week-day > div.btn, .week-day > a.btn
{
    padding: 10px 4px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .week-day {
        width: 25%;
    }
}

@media (min-width: 992px) {
    .week-day {
        width: 14.28571428571429%;
    }
}

@media (max-width: 767px) {
 .validator{top:0px;}
 .btn{width:100%}
 div.content{margin-bottom:-120px;}
 div.content:after{height:120px;}
 }
@media (min-width: 768px) and (max-width: 991px) { 
 .validator{top:0px;}
 input[type='checkbox']+label { margin-right:10px;}
 div.content{margin-bottom:-181px;}
 div.content:after{height:181px;}
 }