﻿.checkbox-lg label{
    font-size:16px !important;
}
.checkbox-lg [type='checkbox'] {
    width:16px;
    height:16px;
}

/* 
 *  https://github.com/twbs/bootstrap/issues/12669  --- Input type date in IE 9 pushes text out of viewable area
 */
input[type=date].form-control {
    line-height: 0 \0/;
}

    input[type=date].form-control.input-sm {
        line-height: 0 \0/;
    }

    input[type=date].form-control.input-lg {
        line-height: 0 \0/;
    }
/* 
 *  END
 *  https://github.com/twbs/bootstrap/issues/12669  --- Input type date in IE 9 pushes text out of viewable area
 */


/* 
 * Colored blockquotes similar to those on http://getbootstrap.com
 */


tr.in.collapse {
    display: table-row;
}

.no-transition {
    transition-property: height;
    transition-duration: 0s;
    transition-timing-function: ease;
    transition-delay: 0s;
}


blockquote.info {
    border-color: #bce8f1;
    background-color: #f4f8fa;
}

blockquote.warning {
    border-color: #faebcc;
    background-color: #faf8f0;
}

blockquote.danger {
    border-color: #eed3d7;
    background-color: #fdf7f7;
}

blockquote.success {
    border-color: #CAF8C1;
    background-color: #EBFFE7;
}

/* 
 * 'Info' colored table row to go along with 'danger', 'warning', 'success', and 'active
 */

.table > thead > tr > .info,
.table > tbody > tr > .info,
.table > tfoot > tr > .info,
.table > thead > .info > td,
.table > tbody > .info > td,
.table > tfoot > .info > td,
.table > thead > .info > th,
.table > tbody > .info > th,
.table > tfoot > .info > th {
    background-color: #bce8f1;
}

/*
 * JMS informational message color
 */

.jms-message {
    color: #5d225c;
}

/*
 * JMS color scheme on navbarv
 *
 * Usage: <nav class="navbar navbar-jms">
 */

.navbar-jms {
    background-color: #4D5ACE;
    border-color: #580000;
}

    .navbar-jms * .navbar-brand {
        color: #fff;
    }

/*
 * CSS class for padding body if navbar is static
 *
 * Usage: <body class="compensate-fixed-navbar">
 */

@media not print {
    body.compensate-fixed-navbar {
        padding-top: 70px;
    }
}

/*
 * JMS color scheme on tabs
 */

.tab-content {
    background-color: #E5E5E5;
    padding: 10px;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    background-color: #E5E5E5;
    color: #4D5ACE;
}

.nav-tabs > li > a {
    background-color: #404040;
    color: #fff;
}

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
    background-color: #4D5ACE;
    border-color: #4D5ACE;
}

.nav-tabs > li > a:hover {
    background-color: #E5E5E5;
    color: #4D5ACE;
    border-color: #E5E5E5;
}

/*
 * JMS color scheme on labels in tabs
 */

.tab-content > .tab-pane label:not(.btn) {
    color: #696969;
}

/*
 * JMS color scheme on tables
 */

table.table {
    background-color: #ffffff;
}

    table.table > thead > tr {
        background-color: #f7f7f7;
    }

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f2f2f2;
}

/*
 * JMS color scheme on buttons
 */
.btn-jms, .btn-jms:focus {
    color: #fff;
    background-color: #4D5ACE;
    border-color: #30387F;
}

    .btn-jms:hover {
        color: #4D5ACE;
        background-color: #E5E5E5;
        border-color: #4D5ACE;
    }


/*
 * Loading spinner
 */

@-webkit-keyframes three-quarters {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes three-quarters {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes three-quarters {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes three-quarters {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loading-spinner-container {
    display: none;
}

.loading-spinner-backdrop {
    background-color: #888;
    opacity: 0.2;
    position: absolute;
    width: 100%;
    height: calc(100% + 10px);
    top: -10px;
    left: 0;
    border-radius: 10px;
}

/* Styles for old versions of IE */
.loading-spinner {
    font-family: sans-serif;
    font-weight: 100;
}

    /* :not(:required) hides this rule from IE9 and below */
    .loading-spinner:not(:required) {
        -webkit-animation: three-quarters 1250ms infinite linear;
        -moz-animation: three-quarters 1250ms infinite linear;
        -ms-animation: three-quarters 1250ms infinite linear;
        -o-animation: three-quarters 1250ms infinite linear;
        animation: three-quarters 1250ms infinite linear;
        border: 8px solid #4D5ACE;
        border-right-color: transparent;
        border-radius: 24px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-indent: -9999px;
        position: absolute;
        overflow: auto;
        width: 48px;
        height: 48px;
        margin: auto;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 1000;
    }


.panel-jms > .panel-heading {
    color: #fff;
    background-color: #4D5ACE;
    border-color: #4D5ACE;
}

.panel-jms {
    border-color: #4D5ACE;
}

/* Place on <td> that you do not want to take a weighted width in a table */
.fit-cell-to-content {
    width: 1px;
    white-space: nowrap;
}

thead > tr > th.headerSortUp:after {
    font-family: 'FontAwesome';
    content: "\f077";
    float: right;
    color: grey;
}

thead > tr > th.headerSortDown:after {
    font-family: 'FontAwesome';
    content: "\f078";
    float: right;
    color: grey;
}

table[data-sortable] > thead > tr > th:not([data-sortable=false]) {
    cursor: pointer;
}

/** Fixed for Twitter Typeahead **/
/** Modified for pointer cursor and scrollable suggestion list **/
/*
 * typehead.js-bootstrap3.less
 * @version 0.2.2
 * https://github.com/hyspace/typeahead.js-bootstrap3.less
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */
.has-warning .twitter-typeahead .tt-input,
.has-warning .twitter-typeahead .tt-hint {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .has-warning .twitter-typeahead .tt-input:focus,
    .has-warning .twitter-typeahead .tt-hint:focus {
        border-color: #66512c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    }

.has-error .twitter-typeahead .tt-input,
.has-error .twitter-typeahead .tt-hint {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .has-error .twitter-typeahead .tt-input:focus,
    .has-error .twitter-typeahead .tt-hint:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    }

.has-success .twitter-typeahead .tt-input,
.has-success .twitter-typeahead .tt-hint {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .has-success .twitter-typeahead .tt-input:focus,
    .has-success .twitter-typeahead .tt-hint:focus {
        border-color: #2b542c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    }

.input-group .twitter-typeahead:first-child .tt-input,
.input-group .twitter-typeahead:first-child .tt-hint {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.input-group .twitter-typeahead:last-child .tt-input,
.input-group .twitter-typeahead:last-child .tt-hint {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.input-group.input-group-sm .twitter-typeahead .tt-input,
.input-group.input-group-sm .twitter-typeahead .tt-hint {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

select.input-group.input-group-sm .twitter-typeahead .tt-input,
select.input-group.input-group-sm .twitter-typeahead .tt-hint {
    height: 30px;
    line-height: 30px;
}

textarea.input-group.input-group-sm .twitter-typeahead .tt-input,
textarea.input-group.input-group-sm .twitter-typeahead .tt-hint,
select[multiple].input-group.input-group-sm .twitter-typeahead .tt-input,
select[multiple].input-group.input-group-sm .twitter-typeahead .tt-hint {
    height: auto;
}

.input-group.input-group-sm .twitter-typeahead:not(:first-child):not(:last-child) .tt-input,
.input-group.input-group-sm .twitter-typeahead:not(:first-child):not(:last-child) .tt-hint {
    border-radius: 0;
}

.input-group.input-group-sm .twitter-typeahead:first-child .tt-input,
.input-group.input-group-sm .twitter-typeahead:first-child .tt-hint {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.input-group.input-group-sm .twitter-typeahead:last-child .tt-input,
.input-group.input-group-sm .twitter-typeahead:last-child .tt-hint {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.input-group.input-group-lg .twitter-typeahead .tt-input,
.input-group.input-group-lg .twitter-typeahead .tt-hint {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}

select.input-group.input-group-lg .twitter-typeahead .tt-input,
select.input-group.input-group-lg .twitter-typeahead .tt-hint {
    height: 46px;
    line-height: 46px;
}

textarea.input-group.input-group-lg .twitter-typeahead .tt-input,
textarea.input-group.input-group-lg .twitter-typeahead .tt-hint,
select[multiple].input-group.input-group-lg .twitter-typeahead .tt-input,
select[multiple].input-group.input-group-lg .twitter-typeahead .tt-hint {
    height: auto;
}

.input-group.input-group-lg .twitter-typeahead:not(:first-child):not(:last-child) .tt-input,
.input-group.input-group-lg .twitter-typeahead:not(:first-child):not(:last-child) .tt-hint {
    border-radius: 0;
}

.input-group.input-group-lg .twitter-typeahead:first-child .tt-input,
.input-group.input-group-lg .twitter-typeahead:first-child .tt-hint {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.input-group.input-group-lg .twitter-typeahead:last-child .tt-input,
.input-group.input-group-lg .twitter-typeahead:last-child .tt-hint {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

.twitter-typeahead {
    width: 100%;
}

.input-group .twitter-typeahead {
    display: table-cell !important;
}

.twitter-typeahead .tt-hint {
    color: #999999;
}

.twitter-typeahead .tt-input {
    z-index: 2;
}

    .twitter-typeahead .tt-input[disabled],
    .twitter-typeahead .tt-input[readonly],
    fieldset[disabled] .twitter-typeahead .tt-input {
        cursor: not-allowed;
        background-color: #eeeeee !important;
    }

.tt-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    min-width: 160px;
    width: 100%;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    max-height: 200px; /*set for older browsers*/
    max-height: 50vh;
    overflow: auto;
}

    .tt-dropdown-menu .tt-suggestion {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.42857143;
        color: #333333;
        white-space: nowrap;
        cursor: pointer;
    }

        .tt-dropdown-menu .tt-suggestion.tt-cursor {
            text-decoration: none;
            outline: 0;
            background-color: #f5f5f5;
            color: #262626;
        }

            .tt-dropdown-menu .tt-suggestion.tt-cursor a {
                color: #262626;
            }

        .tt-dropdown-menu .tt-suggestion p {
            margin: 0;
        }

/** Badge colors **/
.badge.badge-primary {
    background-color: #428bca;
}

.badge.badge-success {
    background-color: #5cb85c;
}

.badge.badge-info {
    background-color: #5bc0de;
}

.badge.badge-warning {
    background-color: #f0ad4e;
}

.badge.badge-danger {
    background-color: #d9534f;
}

@media (min-width: 992px) {
    .modal-xl {
        width: 900px;
    }
}

@media (min-width: 1400px) {
    .modal-xl {
        width: 1200px;
    }
}

/* Disabled list group styles */
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
    background-color: #eeeeee;
    color: #777777;
    cursor: not-allowed;
}

    .list-group-item.disabled .list-group-item-heading,
    .list-group-item.disabled:hover .list-group-item-heading,
    .list-group-item.disabled:focus .list-group-item-heading {
        color: inherit;
    }

    .list-group-item.disabled .list-group-item-text,
    .list-group-item.disabled:hover .list-group-item-text,
    .list-group-item.disabled:focus .list-group-item-text {
        color: #777777;
    }
