/* here you can put your own css to customize and override the theme */

.tabbable-custom>.nav-tabs {
    border-bottom: 1px solid #ddd;
}

/* make the php error messages appear above the absolute positioned menu*/
table.xdebug-error {position:absolute; z-index: 999999;border:2px solid black;}

/* audit sections/questions */
ul.questions, ul.trainingitems {
    list-style-type: none;
    padding:0;
    margin:0;
}
ul.questions>li, ul.trainingitems>li {
    border: 1px solid #dddddd;
    margin: 10px;
    background-color: #eeeeee;
    padding: 5px;
}

ul.questionseditable>li, ul.trainingitems>li {
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab;
}

ul.questionseditable>li:active, ul.trainingitemseditable>li:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

ul.steps {
    list-style-type: none;
    padding:0;
    margin:0;
}
ul.steps>li {
    border: 1px solid #dddddd;
    margin: 10px;
    background-color: #eeeeee;
    padding: 5px;
}

ul.stepseditable>li {
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

ul.stepseditable>li:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

a.nolink { color: black; }

.center {text-align:center;}

.ui-widget-content {
    color: #333333;
    background-color: white;
    border: 1px solid #e5e5e5;
}

.dropdown-user-impersonate .dropdown-toggle {background-color: #ff514f !important;}

.xpage-sidebar .page-sidebar-menu li.divider div {background-color: #8c94a0; border-top: 1px solid #8e97a3;}

ul.tagit {background: #FFF !important; margin-bottom:0px !important;}
span.tagit-label, li.tagit-new input, ul.ui-menu li.ui-menu-item {color:#333333 !important; font-weight:normal !important; font-family: "Open Sans", sans-serif; !important; }
li.tagit-new input {background:#FFF !important;}
ul.ui-menu li.ui-menu-item a.ui-state-focus {font-weight:bold; border:1px solid #DDD !important; color:#333333 !important;}

.chosen-container-single .chosen-single {height:34px !important;}
.chosen-container .chosen-choices .search-field input {height:30px !important;}

/* 404/3 page option #1 */
.page-403, .page-404 { text-align: center; }
.page-403 .number, .page-404 .number { position: relative; top: 35px; display: inline-block; letter-spacing: -10px; margin-top: 0px; margin-bottom: 10px; line-height: 128px; font-size: 128px; font-weight: 300; color: #7bbbd6; text-align: right; }
.page-403 .details, .page-404 .details { margin-left: 40px; display: inline-block; padding-top: 0px; text-align: left; }
@media (max-width: 480px) { .page-403 .number .page-404 .number, .page-500 .number, .page-403 .details, .page-404 .details, .page-500 .details { text-align: center; margin-left: 0px; } }


.btn-xlarge {
    padding: 18px 28px;
    font-size: 22px;
    line-height: normal;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}



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

/* Base styles (regardless of theme) */

.bs-callout:first-child {
    margin-top: 0;
}
.bs-callout {
    margin: 20px 0;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #eee;
}
.bs-callout h4 {
    margin-top: 0;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code,
.bs-callout .highlight {
    background-color: #fff;
}

.bs-callout-hidden {
    opacity: 0.3;
}

.bs-callout-displaynone {
    display:none;
}

.nounderline{text-decoration: none}
.nounderline:hover{text-decoration: none}

/* 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: #E5F3E0;
    border-color: #d6e9c6;
}
.bs-callout-verified {
    background-color: #ffe6be;
    border-color: #ffcf83;
}
/*
list views for the app
*/

ul.basiclist {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.basiclist>li {
    margin-bottom: 30px;

}
h2.basiclist-title {
    margin: 0px;
    xfont-size: 90%;
}

div.basiclist-fauxicon {
    width: 80px;
    height: 80px;
    font-size: larger;
    text-align: center;
    color: white;
    padding-top: 20px;
}

div.basiclist-fauxicon>div {
    margin: 0 6px;
    xoverflow: hidden;
}

span.basiclist-attrlabelside {
    font-weight: bold;
    line-height: 25px;
}

span.basiclist-attrlabelbottom {
    font-weight: bold;
    padding-right: 5px;
}

.badge-danger{background-color:#b94a48;}

.printview-header {
    margin-bottom: 50px;
}

.printview-li {
    margin-left: 0px !important;
    margin-bottom: 20px !important;
    background-color: #FFF !important;
    border: 1px solid #CCC !important;
    padding: 20px !important;
}

.printview-answer-box {
    border: 1px solid #CCC;
    height: 200px;
    width: 100%;
}

.printview-notes-sep {
    height: 1px;
    border-bottom: 1px solid black;
    width: 100%;
}

.media-buttons>a {
    margin-bottom: 3px;
}

.printview-element-container {
    display: none;
}

.printview-answers {
    padding-right: 10px;
}

.printview-answers:before
{
    content: "\2610";
    margin-right:5px;
}

.printview-hint {
    font-size: 100%;
}
.printview-trainingrecord-usersname {
    display:none;
}
@media print {
    @page {
        size: landscape
    }

    .print-view-container {
        font-size: 80% !important;
        xmargin-top: -120px;
    }
    .table-scrollable{
        font-size:80% !important;
    }

    .table th {
        font-size: 100% !important;
    }

    .hide-headers {
        display:none;
    }

    .label {
        font-size:80% !important
    }

    a,
    a:visited {
        text-decoration: none !important;
    }
    a[href]:after {
        content: "" !important;
    }
    abbr[title]:after {
        content: "" !important;
    }
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    .schedule-report-printview {
        display: none;
    }
    .tabs-printview {
        display:none;
    }
    .printview-trainingrecord-usersname {
        display: block;
    }
    .col-md-8 {
        margin-top: -45px;
    }
    .hide-in-print {
        display:none;
    }
}

.question-nc-alert-container {
    padding:0 5px 0 10px;
    float: right;
    font-size: 12px;
}

.device-overview {
    margin-bottom: 30px;
}

.link-button {
    background: none;
    color: #428bca;
    border: none;
}

.link-button:hover {
    text-decoration: underline;
}

.link-button:focus {
    outline: 0;
}

.device-overview>div {
    margin-bottom: 5px;
}

.table .btn {
    margin-top: 2px;
}

.whyentry {
    margin-top: 10px;
}

.sub-menu>li>a {
    min-height: 40px;
    padding-top:10px !important;
}

@media (max-width: 991px)
{
    .cloreport-datebox-right {
        margin-top: 15px;
    }
}

.pool-item {
    margin-top: 10px;
    border: 1px solid #c9ddff;
    padding: 10px;
    width: 100%;
}

.pool-item:hover {
    background-color: #e2edff;
    cursor: pointer;
}

.fieldmessage-error {
    color: #a94442;
}

.photo-evidence-item {
    margin-bottom: 10px;
}

.photo-evidence-item>a>img {
    max-width: 50px;
    margin-right: 5px;
}

.versioning-steps-container {
    margin-bottom: 15px;
}

.versioning-steps-container>span {
    line-height: 30px;
    padding: 0 5px;
}

.versioning-steps-bubble {
    border: 1px solid #cccccc;
    border-radius: 20px !important;
    padding: 0 6px;
}

.versioning-steps-active {
    background-color: #428bca;
    color: #fff;
    border-color: #545454 !important;
}

.description-box{
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom:40px;
}

@media print {
    table {
        position: relative !important;
        page-break-inside:auto !important;
    }
    tr {
        position: relative !important;
        page-break-inside:avoid !important;
        page-break-after:auto !important;
    }
}

.tooltip-asterisk { color: #428bca; }
.tooltip-asterisk:hover { cursor: pointer; }

/* Training Item & Edit Training Record */

.training-heading {
    margin-bottom: 25px;
}

.training-table-top {
    border-top: 0.5px;
}

.training-table-bottom {
    margin-bottom: 45px !important;
}

.training-table-top-row {
    background-color: #eaeaea !important;
}

.training-table-title {
    display: inline-block;

    margin-top: 8px;
}

.training-table-unassign {
    margin-top: -25px;
    margin-bottom:40px;
}

.training-table-top-row td {
    vertical-align: middle !important;
    font-size: 14px;
    font-weight: 600;
}

.real-output-textarea {
    height: 100% !important;
    min-height: 34px
}

.file-icon {
    vertical-align: middle !important;
    width: 100px;
}

.file-icon i {
    color: #9e9e9e;
}

/* Dash */

.dash-nc-badge{
    height:60px;
    border-radius: 100px !important;
    margin: 0 auto 5px auto;
    color:#fff;
    text-align:center;
    font-size:20px;
}

.dash-nc-badge>div{
    padding-top: 8px;
    margin-bottom:0;
    font-size:16px;
    font-weight:bold;
}

.portlet-custom {
    border:1px solid #ddd !important;
    min-height:380px;
}

.dash-sop-trainingrequired-container {
    list-style: none;
    margin-left:0;
    margin-bottom:20px;
    padding-left:0;
}

.dash-sop-trainingrequired-container ul {
    list-style: inherit;
    margin-left:inherit;
    padding-left:inherit;
}

.dash-sop-trainingrequired-sopdescription {
    padding:5px 10px;
    background-color: rgba(227, 227, 227, 0.73);
    border:1px solid #ccc;
    color: #000;
    font-size:13px;
}

.dash-sop-trainingrequired-sopuser {
    padding:10px;
    border:1px solid #e8e8e8;
    border-top:0;
    background-color: #f9f9f9;
}

.dash-sop-trainingrequired-sopdescription>div {
    font-size: 13px;
}

.dash-no-data{
    text-align:center;
    height:300px;
    line-height:300px;
    font-size:30px;
    color: #393939;
}

.dash-sitepicker-container, .dash-daterangepicker-container{
    float:right;
}

.dash-daterangepicker-container{
    margin-left:20px;
}

.dash-pagetitle-container{
    float:left;
}

@media (max-width: 992px) {
    .dash-sitepicker-container, .dash-daterangepicker-container{
        float:none;
        margin-bottom:20px;
    }

    .dash-daterangepicker-container{
        margin-left:0;
    }

    .dash-pagetitle-container{
        float:none;
    }
}

.chart {
    line-height:300px;
    font-size:30px;
    text-align:center;
    color: #393939;
}

/* Incidents */

.question-group {
    margin-top: 50px;
    background-color: rgb(238, 238, 238);
    border: 1px solid rgb(229, 229, 229);
    padding: 10px;
}

.question-group h4 {
    text-transform: uppercase;
    font-weight: 500;
}

.section-top-spacing {
    margin-bottom: 30px;
}

.help-input-level {
    margin-top: 0;
}

.form-group-incident-form {
    margin-bottom: 25px;
}

.add-row{
    float:right;
}

.remove-row-btn {
    margin-top:-20px;
    color:#CC0400;
    cursor:pointer;
}

.tpl hr{
    border-bottom:1px dashed #575757;
}

.uploaded-file{

}

.remove-uploaded-file-btn{
    padding-left:5px;
    cursor: pointer;
    color:#CC0400;
}

.progress{
    margin-top:10px;
    margin-bottom:7px;
}

.progress > .progress-bar-warning{
    background-color: rgba(99, 176, 229, 0.6);
}

.input-group-addon{
    background-color: #757575;
    color: #e7e7e7;
}

.quick-access-container{
    position: fixed;
    right: 10px;
    top: 250px;
    z-index:999;
    text-align: right;
}

.quick-access-container div {
    cursor:pointer;
    margin-bottom: 5px;
}

.quick-access-bubble {
    padding-top:2px;
    height:25px;
    width:25px;
    border-radius:5px !important;
    background-color: rgb(229, 229, 229);
    color:#333;
    font-size:14px;
    border: 1px solid #cecece;
    display: inline-block;
    text-align: center;
}

@media (max-width: 992px) {
    .quick-access-container{
        right: 2px;
    }
    .quick-access-container span {
        display:none;
    }
}

/* End of incidents */

.qas p {
    margin:10px 0;
}