/* Minification failed. Returning unminified contents.
(650,1): run-time error CSS1019: Unexpected token, found '}'
 */
html, body {
    height: 100%;
}

body {
    background-color: #D0E4FD;
    padding-top: 80px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* /// Login styles /// */
/* Allow 100% wide text boxes on login page. */
.login-form input {
    max-width: 100%;
}
/* Make login form errors bold. */
.login-form ul {
    list-style-type: none;
    padding: 0;
}

.login-form .alert {
    font-weight: bold;
}

.login-form a.btn {
    margin-right: 5px;
}
/* /// End login styles /// */

/* /// Request access styles /// */
.request-access-form input,
.request-access-form select,
.request-access-form textarea {
    max-width: 100%;
}

.request-access-form .optional-tag {
    color: #999;
    font-style: italic;
}

.request-access-form ul {
    list-style-type: none;
    padding: 0;
}

.request-access-form .alert {
    font-weight: bold;
}

.request-access-form label[for=NsnDsnOptOut] {
    font-weight: normal;
}
/* /// End request access styles /// */

/* /// Reset Password styles /// */
.reset-password-form input {
    min-width: 100%;
}
/* /// End reset password styles /// */

/* /// Notification styles /// */
.notification-table a {
    height: 100%;
    width: 100%;
    display: block;
    text-decoration: none;
}
/* /// End notification styles /// */

/* Helper class to vertical-align table cells in the middle. */
.table-middle td {
    vertical-align: middle !important;
}

/* Rule to make lists in a table cell vertically aligned correctly. */
.table > tbody > tr > td > ul {
    margin-bottom: 0;
}

/* Scrollable drop-down menu for long menus */
/* See: http://stackoverflow.com/questions/19227496/scrollable-menu-with-bootstrap-3-menu-expanding-its-container-when-it-should-n */
.scrollable-menu {
    height: auto;
    max-height: 600px;
    overflow-x: hidden;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

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

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.row-fluid {
    width: 100%;
    margin-bottom: 5px;
}

.container > * {
    float: left;
}

.span6 {
    width: 50%;
}

.grey {
    background-color: lightgrey;
}

.middle {
    text-align: center;
}

    .middle.move {
        width: 50px;
    }

.img-circle {
    background-color: black;
    height: 10px;
    margin-left: 11px;
    margin-top: 5px;
    width: 10px;
}

.content-wrapper {
    padding: 5px;
    height: 100%;
    padding-bottom: 25px;
}

/* /// SideBar styles /// */
.left-nav {
    width: 165px;
    float: left;
    background-color: #F2F8FF;
    color: #003399;
    border: 1px solid #6F9DD9;
    margin-right: 5px;
    height: 100%;
    overflow-y: auto;
    font-size: 13px;
}

    .left-nav > .header {
        background-color: #337AB7;
        border-top: 1px solid #6F9DD9;
        border-bottom: 1px solid #6F9DD9;
        color: white;
        padding: 1px 10px;
        width: 100%;
        display: block;
        font-size: 14px;
    }

    .left-nav > .sub-header {
        background-color: #f5f5f5;
        border-top: 1px solid #6F9DD9;
        border-bottom: 1px solid #6F9DD9;
        padding: 1px 15px;
        width: 100%;
        display: block;
        font-size: 14px;
    }

    .left-nav img {
        max-width: 100%;
        padding: 5px;
    }

    .left-nav ul {
        list-style-type: square;
        color: #990000;
        padding-left: 30px;
        margin: 8px 0;
    }

        .left-nav ul > li {
            padding: 0;
        }

            .left-nav ul > li > a {
                color: #003399;
            }

            .left-nav ul > li.disabled {
                color: #aaa;
            }
/* /// End SideBar styles /// */

.page-content {
    background-color: #FFFFFF;
    border: 1px solid #6F9DD9;
    overflow: auto;
    height: 100%;
    padding: 15px;
}

    .page-content h2 {
        margin-top: 8px;
    }

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 20px;
    background-color: #800000;
    color: #FFFFFF;
    font-size: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.footer a {
    color: #FFFFFF;
    font-weight: bold;
}

.close {
    font-size: 30px;
    color: darkred;
    opacity: 1;
    filter: none;
}

    .close:hover, .close:focus {
        color: red;
        opacity: 1;
        filter: none;
    }

/* Class for divs that contain a check-box without a label; aligns checkbox with form-horizontal labels. */
.checkbox-nolabel {
    padding-top: 5px;
}

/* For list-groups that are within a panel */
.list-group-panel {
    margin-bottom: 0;
}

/* Removes all margins from an element. */
.no-margin {
    margin: 0;
}

.top-margin {
    margin-top: 10px;
}

/* .modal-vcenter can be added to .modal to vertically center them */
/* Based on http://stackoverflow.com/a/31358103 */
.modal-vcenter {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .modal-vcenter:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

.modal-vcenter .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
/* End modal-vcenter */
.row-margin {
    margin: 5px 0;
}

.releasability-members-editor {
    overflow: auto;
}

/* CSS for modals containing originators choice */
.modal-body-scroll .modal-dialog {
    overflow-y: initial !important;
}

    .modal-body-scroll .modal-dialog .modal-content .modal-body {
        overflow-y: auto;
        max-height: 500px;
    }

#ajaxModalContent .modal-body {
    max-height: calc(100vh - 230px);
}

.theColourRed {
    color: red;
}

.red-background {
    background-color: #f2dede;
}

.helpCursor:hover, .helpCursor label {
    cursor: help;
}

.defaultLabelColor {
    color: #333;
}

.dropdown-menu-small {
    min-width: 50px;
}

.vertical-center > tbody > tr > td {
    vertical-align: middle;
}

/* Matrix table styles */
.table-matrix,
.table-matrix > thead > tr > th,
.table-matrix > tbody > tr > td {
    border-color: #999;
}

    .table-matrix td.checkbox-cell {
        padding: 0;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .table-matrix td.checkbox-cell input[type="checkbox"] {
            cursor: pointer;
        }
/* End matrix table styles */

.commentInput {
    width: 100%;
    height: 100px;
    max-width: 100%;
}

.commentBox {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 3px;
}

/* Check-in modal styles */
.check-in-panel textarea {
    width: 100%;
    max-width: 100%;
    min-height: 75px;
}

.votedTo {
    background-color: yellowgreen;
}

.availableToVote {
    background-color: Highlight;
}
/* End check-in modal styles */

.color-swatch {
    width: 15px;
    height: 15px;
}

/*
    Attribution for CSS class dont-break-out
    https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/
*/
.dont-break-out {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.key-colour-padding {
    padding-top: 2px;
}

.key-padding-bottom {
    padding-bottom: 2em;
}

.grayout {
    background-color: #edf1f3;
    color: #999999;
}

.right {
    text-align: right;
}

.text {
    background-color: black !important;
}

.bold {
    font-weight: bold;
}

.red {
    color: #FF0000;
}

.green {
    color: #A3B86C;
}

.no-resize {
    resize: none;
}

.resize-vertical {
    resize: vertical;
}

div.checkbox label {
    margin-right: 1em;
}

.inline-block {
    display: inline-block;
}

input[type=file] {
    /* Make file inputs same width as all other inputs. */
    width: 100%;
}

.basic-list {
    list-style: none;
    padding-left: 0px;
}

.basic-list li {
    padding-top: 5px;
    padding-bottom: 5px;
}

.imsHeaderLogo-img-preview {
    max-width: 800px;
    max-height: 400px;
}

.no-margin-bottom {
    margin-bottom: 0;
}

.export-buttons {
    margin-left: 5px;
}

.well-delete-user {
    padding-top: 16px;
    padding-bottom: 15px;
}

.date-time-picker-styling {
    position: relative;
}

/* Report management styles */
.managing-label {
    margin: 0 5px;
}
/* End report management styles */

/* Actionee list styles */
.actionee-editor {
    max-height: 300px;
    overflow: auto;
}

    .actionee-editor > table {
        margin: 0;
    }

    .actionee-editor td {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .actionee-editor td,
    .actionee-editor input[type=checkbox] {
        cursor: pointer;
    }

        .actionee-editor td.disabled {
            background-color: #f5f5f5;
        }

            .actionee-editor td.disabled,
            .actionee-editor td.disabled label,
            .actionee-editor td.disabled input[type=checkbox] {
                cursor: not-allowed;
            }
/* End actionee list styles */

/* Meeting management styles */

#manageWindow, #previewWindow {
    height: calc(100vh - 198px);
    overflow-y: scroll;
}

.managing-breadcrumbs > span {
    margin-right: 20px;
}

/* End meeting management styles */

/* jQuery UI auto-complete styles */
.ui-autocomplete {
    /* Make the auto-complete suggestions scroll instead of going off the page. */
    max-height: 275px;
    overflow-y: auto;
    overflow-x: hidden;
}
/* End jQuery UI auto-complete styles */

/*Voting infomation*/

.voting-results {
    font-size: 10px;
}

/*End Voting infomation*/

.label-action-item {
    font-size: 12px;
}

.label-action-item-default {
    background-color: #dadada;
    color: black;
}

.text-impact-red {
    color: #5f1313;
}
    .text-impact-red:hover {
        color: black;
    }

.no-underline,
.no-underline:hover {
    text-decoration: none;
}

.members-modal-trigger {
    /* Add spacing between Releasability drop-downs and the originators choice button. */
    margin-top: 15px;
}

#addCollaborator-modalBody {
    /* Increases the minimum modal body size within the Add Collaborators modal.*/
    min-height: 225px;
}

.premature-voting-period {
    /*Colours the document number within the Voting Information, if it has ended its voting period prematurely.*/
    color: green;
    font-weight:700;
}

.modal-body-overflow {
    /* Allows content such as drop down lists to overflow from the modal content. */
    overflow-y: inherit !important;
}

.panel-title-button {
    padding-top: 7.5px;
}

.alert-button {
    margin-top: -4px;
}

.search-type-ahead-editor-topmost {
    z-index: 1051;
}
.modal-open .ui-autocomplete {
    z-index: 100000;
}

.emptyTableDivStyle {
    padding: 10px;
    margin-bottom: 25px;
    border-width: 0px;
    border-bottom-width: 2px !important;
    border-bottom-color: #ddd;
    border-style: solid;
}
.search-assistant-text {
    margin-top: 0.125em;
    padding: 0.25em;
}
}
.dropdown-header {
    padding: 0px;
    font-size: inherit;
}
.dropdown-subheader {
    padding: 0px 0px 0px 10px;
}
.dropdown-item {
    padding: 0px 0px 0px 20px;
}
.disabled {
    color: #333;
}
.btn-primary.disabled {
    color: #e6f3ff;
}
.btn-warning.disabled {
    color: #fff5e7;
}


/* Contains the styling properties for the navigation bar notification drop down lists. */

.notificationList {
    width: 48rem;
    padding: 0;
}

.notificationList  .dropdown-header {
    font-size: 16px;
    text-align: center;
    padding: 10px;
}

.notificationList .viewNotifications {
    text-align: center;
    list-style: none;
    border-top: 1px solid whitesmoke;
}

.notificationItems {
    padding: 0;
    list-style: none;
}

.notificationItems li {
    border-bottom: 1px solid #e5e5e5;
    white-space: normal;
}

.notificationItems li:hover {
    background-color: whitesmoke;
}

.notificationItems li.empty {
    padding: 10px 20px 10px 20px;
    text-align: center;
}

.notificationItems li.empty:hover{
    background-color: transparent;
}

.notificationItems li a {
    color: #333;
    display: block;
    padding: 10px 20px 10px 20px;
}

.notificationItems li a:hover {
    text-decoration: none;
}

/* Individual notification list styling. */

#informationNotifications  .dropdown-header {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

#actionNotifications .dropdown-header {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

#accountProfile .dropdown-header {
    color: #000;
    font-size: 16px;
    padding-top: 5px;
}

.info-badge {
    background-color: blue;
}

.action-badge {
    background-color: red;
}

.navbar-nato {
    background: url(/Content/img/nato_compass.png) no-repeat center bottom;
    background-color: #4798C5;
    background: url(/Content/img/nato_compass.png) no-repeat center bottom, -moz-linear-gradient(top, #4798C5, #C7E1EE);
    background: url(/Content/img/nato_compass.png) no-repeat center bottom, -o-linear-gradient(top, #4798C5, #C7E1EE);
    background: url(/Content/img/nato_compass.png) no-repeat center bottom, -webkit-gradient(linear, left top, left bottom, from(#4798C5), to(#C7E1EE));
    background: url(/Content/img/nato_compass.png) no-repeat center bottom, -webkit-linear-gradient(top, #4798C5, #C7E1EE);
    background: url(/Content/img/nato_compass.png) no-repeat center bottom, linear-gradient(to bottom, #4798C5, #C7E1EE);
    border-bottom: 3px solid #07B2EA;
    font-size: 18px;
    min-height: 80px;
    margin-bottom: 0;
}

    .navbar-nato .navbar-header {
        min-height: 70px;
    }

    .navbar-nato .navbar-toggle {
        border: 2px solid #337ab7;
        margin-top: 15px;
    }

        .navbar-nato .navbar-toggle .icon-bar {
            background-color: #337ab7;
        }

        .navbar-nato .navbar-toggle:hover {
            border: 2px solid white;
            background-color: #337ab7 !important;
        }

            .navbar-nato .navbar-toggle:hover .icon-bar {
                background-color: white;
            }

    .navbar-nato .navbar-brand {
        padding: 9px;
    }

    .navbar-nato a {
        color: #0C3A6B;
    }

    .navbar-nato .navbar-nav > li > a {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .navbar-nato .navbar-nav > .nav-notification > a {
        padding-top: 25px;
        padding-bottom: 25px;
        font-size: 18px;
    }

    .navbar-nato .nav > li > a:hover,
    .navbar-nato .nav > li > a:focus,
    .navbar-nato .nav .open > a {
        color: #FFFFFF;
        background-color: #337ab7;
    }

    .navbar-nato .dropdown li a:hover {
        background-color: #337ab7;
        color: white;
    }

    .navbar-nato .nav-icon {
        font-size: 1.5em;
        vertical-align: middle;
    }

    .navbar-nato .badge {
        position: absolute;
        top: 18px;
        margin-left: 16px;
        left: 13px;
        z-index: 1;
    }

#navBarContainer{
    margin-top: -10px;
}

.dropdown-panel-header {
    cursor: pointer;
}

.dropdown-panel-header > .arrow {
    line-height: 19px;
    min-width: 15px;
}

/*Network Bar*/
#progressbar {
    border: 0 !important;
    background-color: transparent;
    height: 3px;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1031;
}

#progressbar .ui-progressbar-value {
    border: 0 !important;
    background-color: #337ab7;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    height: 4px;
    margin: 0;
}
/*End Network Bar*/
#meeting-document p {
    font-size: 16px;
    margin-top: 8px;
    margin-bottom: 0;
}

#meeting-document h1 {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

#meeting-document.log h1 {
    font-size: 22px;
}

#meeting-document h2 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 24px;
    margin-bottom: 8px;
    text-transform: uppercase;
}

#meeting-document h3 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 3px;
}

#meeting-document.log h3 {
    font-weight: normal;
}

#meeting-document h4 {
    font-size: 16px;
    margin-top: 8px;
    margin-bottom: 0;
}

#meeting-document.log ul {
    list-style: none;
    padding-left: 0;
}

#meeting-document ol {
    counter-reset: list;
    list-style: none;
    font-size: 16px;
    padding: 0;
}

#meeting-document ol > li:before {
    counter-increment: list;
    content: "(" counter(list, lower-alpha) ")";
    float: left;
    width: 40px;
}

#meeting-document .references li, #meeting-document .references a:link, #meeting-document .references a:visited {
    color: #365F91;
    font-style: italic;
    margin-top: 3px;
}

#meeting-document .actions li {
    margin-top: 3px;
}

#meeting-document .deleted {
    color: green;
}

#meeting-document .discussed {
    text-decoration: line-through;
}

#meeting-document .revisited {
    color: red;
}

#meeting-document .indent {
    float: left;
    width: 40px;
}