body {
    margin: 0;
    padding: 35px 0px 50px 0px;
    font-family: "Helvetica", "Arial";
    font-size: 14px;
    line-height: 18px;
    cursor: default;
    z-index: 1;
}

a {
    color: #ef7c61;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/***** header *****/
div.page-header {

    margin: 0px;
    padding: 0px;
}

.page-header, .footer {
    background: #000;
    width: 100%;
    color: #fff;
    padding: 0px 20px;
}

.page-header h1, .page-header a {
    display: inline-block;
}

.page-header .nav li a.menu-button {
    margin: 0px;
    padding: 0px;
}

.page-header h1 {
    font-weight: normal;

}

.header-container p.right {
    float: right;
    margin-bottom: 10px;
    padding-right: 20px;
}

/***** menu *****/

.page-header ul li.space-left {
    margin-left: 10px;
}

ul#display-user {

    list-style: none;
    float: left;
}

/***** sop menu drop down *****/

ul.sop-menu-dropdown {
    width: 35em;
    border: none;

}

ul#section-one-content, ul#section-two-content, ul#company-policy-content {
    width: 35em;
}

.scroll-holder {
    overflow: hidden;
}

.scroll {
    overflow-y: scroll;
    overflow-x: hidden;
}

.no-height {
    height: 0px;
}

.check-class {
    overflow: hidden !important;
}

ul.dropdown-menu {

    border: none;
}

a.pdf-link {
    padding-top: 5px;
}

ul.nav-secondary {
    padding-left: 31px;
}

ul.inner-ul-wrapper {
    padding-left: 15px;
}

li#navSectionOne a, li#navSectionTwo a, li#navCompanyPolicy a {
    color: #000;
}

li#navSectionOne a.link-color-blue, li#navSectionTwo a.link-color-blue, li#navCompanyPolicy a.link-color-blue {

    color: #0033DD;
}

/***** company policies menu *****/

ul#company-policy-content {

    padding-left: 0px;
}

/***** content *****/

h2.welcome {
    /* margin-left: auto;
     margin-right: auto;*/
    width: 400px;
}

.container {
    position: relative;
    /* margin-left: auto;
     margin-right: auto;*/
    padding: 10px;
}

.container form {

}

.content {
    /*padding: 25px 0;*/
    min-height: 600px;
    position: relative;
    /*top: 80px;*/
}

#yield-container {
    /* margin-top: 10%;*/
    padding-bottom: 100px;
}

/***** general *****/

.alert-static {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

h2, h3, h4 {
    color: #666;
}

label, .error {
    /* clear: both;
     float: left;
     margin: 5px 0;*/
}

input {
    color: #555;
    letter-spacing: 1px;
}

input:hover {
    color: #000;
}

.error {
    color: #ef7c61;
    width: 270px;
}

.red {
    color: #d9534f;
}

.green {
    color: green;
}

.success {
    color: #009933;
    width: 270px;
    float: left;
    padding-top: 20px;
}

.light-gray {
    color: #888;
}

.centre {

}

.clear {
    clear: both;
}

/***** global message *****/

#global-messages {
    float: left;
    clear: both;
}

/***** login form *****/

.container .login-form {
    /*width: 400px;
    clear: both;
    float: left;*/
    margin-top: 0;
}

.login-form .btn {
    /* float: none;*/
}

.login-form .container label, .container input {
    /*float: left;
    clear:left;*/
}

.container label {
    /* margin-top: 20px;
     letter-spacing: 1px;*/
}

.login-submit {
    margin-top: 20px;
}

/***** locked screen *****/

body#user-screen-locked {
    background-color: black;
}

.locked-screen {
    background-color: white;
}

/***** locked screen warning box *****/

#alert-box {

    background-color: #D34C4A;
    color: #ffffff;
}

/***** edit user form *****/

.button-holder {
    float: left;
    clear: both;
    margin-top: 20px;
}

.button-holder input {
    clear: none;
    margin-right: 10px;
}

#account-enabled, #password-reset {
    clear: none;
    /* margin-top: 22px;*/
}

/***** add new user form *****/

#add-new-user input#submit {
    margin-top: 20px;
}

/***** profile form *****/

#profile-form-1, #change-password {
    float: left;
    clear: both;
}

#profile-form-1 {
    margin-bottom: 10px;
    margin-top: 10px;
}

/***** change password form *****/

#password-error {
    margin-top: 40px;
    float: left;
    clear: both;
}

ul#password-reset-error {
    margin-top: 20px;
    padding-left: 10px;
}

ul#password-reset-error li {
    margin-bottom: 10px;
}

form#password-reset input#submit {
    margin-top: 20px;
}

/****** footer ******/

.footer {
    clear: both;
    position: fixed;
    bottom: 0;
    z-index: 2;
    padding-top: 5px;
}

.footer .right {
    float: right;
}

/****** table ******/

table {
    border-collapse: collapse;
}

table caption {
    text-align: left;
}

table, th, td {
    border: 1px solid #c0c0c0;
}

tbody th a:hover {

    text-decoration: underline;
}

td {
    padding: 15px;
}

.td-width-1 {
    width: 300px;
}

td span.glyphicon {
    left: 50%;
}

/***** roles, permissions, users tables *****/

table#roles {
    float: left;
    margin-bottom: 40px;
}

table#users .grant-revoke-width {
    width: 9em;
    padding: 2px;
    font-size: 90%;
}

table#users .set-default-padding {
    padding: 6px;
}

div#test-table-body {

    height: 400px;
    overflow: scroll;
}

table#users input, table#users label {
    clear: none;
}

.leftspace {
    padding-left: 5px;
}

/***** users table *****/

table#users {
    clear: left;
    margin-bottom: 40px;
}

table#users th {
    color: #777777;
}

table#users tr:nth-child(1) th:nth-child(1) {
    background-color: #fff;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
}

span.input-group-addon input {
    height: 10px;
}

.input-group input {
    height: 31px;
}

/***** sops upload sop / form *****/

#sops-upload .tooltip, #sops-upload-form .tooltip {
    letter-spacing: 2px;
}

.add-additional-SOP-reviewer, .add-additional-SOP-approver, .remove-additional-SOP-reviewer, .remove-additional-SOP-approver,
.signatory-add-additional-SOP-reviewer, .signatory-add-additional-SOP-approver, .signatory-remove-additional-SOP-reviewer, .signatory-remove-additional-SOP-approver {
    font-size: 85%;
}

#add-additional-SOP-reviewer, #add-additional-SOP-approver {
    margin-bottom: 32px;
    position: relative;
    top: -15px;
}

/***** sops view *****/

#sop-greeting {
    width: 100%;
}

#sop-path p, #sop-greeting p {
    color: #999999;
}

/***** sops new validation exercise *****/

#sop-validation-questions a {
    letter-spacing: 0.1em;
}

#sops-validation-form label, #sops-validation-exercise-complete label, #sops-validation-form p, #sops-validation-exercise-complete p {
    color: #888;
    letter-spacing: 0.1em;
    font-weight: normal;
}

#sops-validation-form p.alert {
    color: #333;
    letter-spacing: 0.0em;
}

.sop-validation-question .question-panel {
    padding: 10px;
}

.radio-group-solution .radio-inline label {
    margin-right: 29px;
}

.add-validation-answer {

    padding-bottom: 30px;
}

.radio-group-solution {
    clear: both;
    margin-top: 0;
}

/***** sops new validation exercise solutions *****/

h4.validation-exercise-question, h5.validation-exercise-answer {
    color: #999;
    letter-spacing: 1px;
}

h5.validation-exercise-answer {
    color: #a0a0a0;
}

h3.validation-exercise-solution {
    margin-bottom: 0;
    color: #555;
    font-size: 115%;
}

h4.question-solution {
    letter-spacing: 0.1em;
    color: #666;
    margin-top: 24px;
}

fieldset#sop-validation-solutions input {
    color: #888;
}

fieldset#sop-validation-solutions input:hover {
    color: #222;
}

.submit-panel {
    padding: 10px;
}

/***** sops new validation exercise answers *****/

fieldset#sop-validation-exercise-answers input {
    color: #333;
}

/***** user menu *****/

/***** user sops completed training table *****/
table#user-completed-training.table tbody tr th {
    border: none;
}

table.table-my-sops th:first-child {
    width: 9em;
}

table.table-my-sops th:nth-child(2) {
    width: 35em;
}

table.table-my-sops-forms td {
    padding: 5px;
}

/***** my SOPs table *****/

#table-my-sops-master a.pdf-link {

    padding-left: 10px;
}

#table-my-sops-master ul.table-my-sops-forms {
    padding-left: 10px;
    list-style-type: none;
}

/***** sops menu *****/

.accordion-heading a {
    color: #444;
}

#nav .ul-spacer {
    margin-bottom: 20px;
}

#nav div > ul > li {
    margin-right: 130px;
}

#nav ul.dropdown-menu {
    padding: 5px 10px 5px 0;
}

#nav ul.dropdown-menu li a {
    margin-top: 10px;
    margin-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
    display: block;
}

#nav ul#content-areas li div.accordion-heading + ul {
    margin-top: 15px;
}

#nav li#navSectionTwo .accordion-heading .badge, #nav li#navSectionOne .accordion-heading .badge {
    float: right;
    background-color: #656565;
    position: relative;
    top: -19px;
}

#nav ul.nav-secondary {
    padding-bottom: 10px;
    padding-top: 5px;
}

.nav > li > div > a {
    display: block;
    padding: 5px 15px;
    position: relative;
    border-radius: 4px;
    color: #428BCA;
    text-decoration: none;
}

.nav > li > div > a:hover {
    background-color: #EEEEEE;
    text-decoration: none;
}

#hide-sop-menu-button {
    position: relative;
    top: -10px;
}

/***** sops implemented *****/

input#form-review-date-data.form-control, input#form-review-date-clinical.form-control, input#form-review-date-general.form-control {
    width: 8em;
}

/***** manager *****/

/***** manager assign sop *****/
#training-assign-select-user h2, #training-assign-select-training h2 {
    padding: 0px;
    margin: 0px;
    font-size: 180%;
}

.assign-sop-remove-confirm {

    /*do not use - controls pop up dialog message*/
}

.assign-sop-refresher-confirm {

    /*do not use - controls pop up dialog message*/
}

form#assign-sop-form span.input-group-addon input {
    height: 15px;
    width: 15px;
}

div#assign-sop-tab-content div.panel-default {
    border-top: none;
}

table#table-assigned-training.smat-table th, table#table-assigned-training.smat-table td {
    border: 1px solid #ddd;
}

#manager-staff-bulk-edit-list table th {
    background-color: #f8f8f8;
}

table th {
    background-color: #f8f8f8;
    font-weight: normal;
}

div#sop-bulk-list-one table.smat-table th, div#sop-bulk-list-two table.smat-table th, div#sop-bulk-list-three table.smat-table th {
    border: 1px solid #ddd;
}

div#sop-bulk-list-one table.smat-table td, div#sop-bulk-list-two table.smat-table td, div#sop-bulk-list-three table.smat-table td {
    border: 1px solid #ddd;
}

table#table-assign-sop-completed-training.smat-table th, table#table-assign-sop-completed-training.smat-table td {
    border: 1px solid #ddd;
}

div#sop-bulk-list-one div.panel-default, div#sop-bulk-list-two div.panel-default, div#sop-bulk-list-three div.panel-default,
div#edit-bulk-list-1 div.panel-default, div#edit-bulk-list-2 div.panel-default, div#edit-bulk-list-3 div.panel-default {
    border-top: none;
}

div#edit-bulk-list-1 div.panel-default table td, div#edit-bulk-list-2 div.panel-default table td, div#edit-bulk-list-3 div.panel-default table td {
    border: 1px solid #ddd;
}

table#table-assign-sop, table#table-assign-sop thead tr th, table#table-assign-sop tbody tr, table#table-assign-sop tbody tr td {
    border: none;
}

table#table-assign-sop {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

table#table-completed-training.table thead tr th {
    border: none;
}

table#table-completed-training.table thead tr th {
    border: none;
}

table#table-system-assign-status, table#table-system-assign-status tr, table#table-system-assign-status tr td {
    margin: 0px;
    padding: 0px;
    border: none;
}

table#table-manage-system-training tr .sop_number {
    width: 12em;
}

table#table-manage-system-training tr .sop_name {
    width: 40em;
}

table#table-manage-system-training tr .system_assigns {
    width: 14em;
}

#table-system-assign-status #table-system-assign-status-edit form {

    padding-right: 20px;
    float: right;
}

/***** manager-assign-sop-all-staff *****/

#bulk-assign-sop-checkbox {
    width: 9em;
}

ul#assign-sop-staff-list {
    float: left;
    padding-left: 0;
    margin-top: 20px;
}

ul#assign-sop-staff-list li {
    margin-bottom: 10px;
    list-style-type: none;
}

#assign-sop-all-users {
    clear: left;
    float: left;
}

/***** bulk assign sop list ******/

table.table thead.bulk-assign-list-header {
    padding-bottom: 10px;
}

table.table thead.bulk-assign-list-header tr th {
    border: none;

}

/***** manager-staff-training *****/

#manager-staff-training .panel-heading h3 {
    margin: 5px 0 5px 0;
}

/***** manager staff edit *****/

#manager-staff-edit {
    /*width: 80%;*/
}

/***** table-manager-outstanding-sops *****/

table#table-manager-outstanding-sops {
    margin-bottom: 0px;
}

/***** admin *****/

table#table-approver-list.smat-table th, table#table-approver-list.smat-table td {
    border: 1px solid #ddd;
}

/***** sop signatory *****/

/**** holding queue ****/

table#table-validation-exercise-holding-queue th, table#table-validation-exercise-holding-queue td {
    border: 1px solid #ddd;
}

/***** reports *****/

/***** report sop *****/
.report-user-select-box {

    /*height:15em;*/
}

select#leftValues option, select#rightValues option {
    color: #666;
    letter-spacing: 1px;
}

.report-date-time {
    font-size: 90%;
    letter-spacing: 1px;
    text-align: right;
}

#report-header-width {
    padding: 20px 200px;
}

.header-plain {
    background-color: #fff;
    color: #000;
}

.page-header-plain a {
    color: #000;
}

.header-plain a:hover {
    color: #000;
    text-decoration: underline;
}

/***** report table 2 *****/

table#table-report-2 td {
    border: 1px solid #e0e0e0;
    vertical-align: middle;
    color: #888;

}

/***** report table 3 *****/

table#table-report-3 td {

    vertical-align: middle;
    color: #888;

}

tr#table-header th {

}

/***** report table header *****/

table.table-report-header {
    width: 100%;
    border: none;
}

table.table-report-header td {

    padding-left: 10px;
    border: none;
}

table#sop-report-table {

    margin-bottom: 0px;
    padding-bottom: 0px;

}

/***** audit crud log *****/

#table-report-crud-log,
#table-report-access-log, #table-archived-sops, #table-archived-sops-main, #table-archived-sops-signatories, #table-archived-sops-forms
#table-archived-sops-notes {

    table-layout: fixed;
    word-wrap: break-word;
}

#table-report-crud-log table, #table-report-crud-log th, #table-report-crud-log td,
#table-report-crud-log-detailed th, #table-report-crud-log-detailed td, #table-report-crud-log-detailed table,
#table-report-crud-log-detailed th, #table-report-access-log, #table-report-access-log th, #table-report-access-log td,
#table-report-email-log, #table-report-email-log th, #table-report-email-log td, #table-archived-sops, #table-archived-sops th,
#table-archived-sops td, #table-archived-sops-main, #table-archived-sops-main th, #table-archived-sops-main td,
#table-archived-sops-signatories, #table-archived-sops-signatories th, #table-archived-sops-signatories td,
#table-archived-sops-forms, #table-archived-sops-forms th, #table-archived-sops-forms td, #table-archived-sops-notes,
#table-archived-sops-notes th, #table-archived-sops-notes td {

    border-style: solid;
    border-width: 1px;
    border-color: #c0c0c0;
}

#table-report-crud-log tr th:first-child, #table-report-crud-log tr td:first-child {

    width: 4em;
}

#table-report-crud-log tr th:nth-child(2), #table-report-crud-log tr td:nth-child(2) {

    width: 4em;
}

#table-report-crud-log tr th:nth-child(3), #table-report-crud-log tr td:nth-child(3) {

    width: 4em;
}

#table-report-crud-log tr th:nth-child(4), #table-report-crud-log tr td:nth-child(4) {

    width: 8em;
}

#table-report-crud-log tr th:nth-child(5), #table-report-crud-log tr td:nth-child(5) {

    width: 7em;
}

#table-report-crud-log tr th:nth-child(6), #table-report-crud-log tr td:nth-child(6) {

    width: 29em;
}

#table-report-crud-log tr th:nth-child(7), #table-report-crud-log tr td:nth-child(7) {

    width: 10em;
}

#table-report-crud-log tr th:nth-child(8), #table-report-crud-log tr td:nth-child(8) {

    width: 5em;
}

#table-report-crud-log tr th:nth-child(9), #table-report-crud-log tr td:nth-child(9) {

    width: 5em;
}

/***** report user sop training *****/

#report-user-sop-training div.report-user-select-box SELECT, #report-user-sop-training div.report-sop-select-box SELECT,
div.report-user-select-box INPUT[type="text"], div.report-sop-select-box INPUT[type="text"] {
    width: 30em;
    box-sizing: border-box;
}

#report-user-sop-training SECTION {
    padding: 8px;
    background-color: #f0f0f0;
    overflow: auto;
}

#report-user-sop-training SECTION > DIV {
    float: left;
    padding: 4px;
}

#report-user-sop-training SECTION > DIV + DIV {
    width: 40px;
    text-align: center;
}

/***** display results *****/

body#report-create-report h2 small {
    font-size: 50%;
    color: #000;
    margin-left: 20px;
}

.report-create-report-heading.panel-heading {

}

.report-create-report-heading.panel-heading h3 {
    margin: 0;
    font-size: 130%;
}

/***** SOP signatory report  *****/

table.signatory-approver-table, table.signatory-approver-table tbody tr, table.signatory-approver-table tbody tr td {

    border: none;
}

table.signatory-reviewer-table, table.signatory-reviewer-table tbody tr, table.signatory-reviewer-table tbody tr td {

    border: none;
}

/***** SOP upload report *****/
table.table-sop-upload-report {

    margin: 0px;
    margin-top: 50px;
}

table.table-form-upload-report {

    margin: 0px;
    margin-top: 10px;
    margin-bottom: 5px;
}

body#report-sop-upload h2.anchor{
    margin-top :0px;
}

/***** twitter bootstrap overrides *****/

ul.nav .navbar-btn {

    margin-top: 4px;
    margin-bottom: 4px;
}

.header-container .navbar {

    min-height: 0px;
    padding: 2px;
}

ul.nav .btn {

    padding: 6px 6px;
    font-size: 14px;

}

h1#system-name {

    font-size: 120%;
    margin: 12px 0px 0px 0px;
    padding: 0px;
}

h1#system-name a {

    color: #ffffff;
    margin: 0px;
}

.glyphicon {
    margin-right: 5px;
}

#manager-sop-assign-all-staff span.input-group-addon input {
    height: 15px;
    width: 15px;
}

.panel-heading {

    padding: 2px 15px;
}

.panel-heading h2 {

    margin: 0px;
    padding: 5px;
}

div.alert-danger.alert {

    background-color: rgba(255, 0, 0, 0.4);
    color: white;
    letter-spacing: 1px;
    width: 100%;
}

div.alert-success.alert {

    width: 100%;
}

/***** pdf report *****/

#pdf-report-wrapper {
    font-size: 80%;

}

form label {
    font-weight: normal;
    color: #777;
}

/****** SOP archive *****/

div#active-sop-heading .panel-heading h3 {

    font-size: 130%;
    padding: 0px;
    margin: 0px;
}

:target:before {
    content: "";
    display: block;
    height: 100px; /* fixed header height*/
    margin: -100px 0 0; /* negative fixed header height */
}

/***** print css *****/

@media print {

    div.footer {
        display: none;
    }

    div#report-footer-links {

        display: none;
    }

    .hide-on-print {
        display: none;
    }

    /*stop links expanding on print view*/
    a:link:after {
        display: none;
    }

    a:visited:after {
        display: none;
    }
}