.page-header.navbar .page-logo .logo-default {
    margin: 12px 0 0;
}

.p-loading-container {
    background-color: rgba(0,0,0,0.2)!important;
    z-index: 100;
}

.padding-none {
    padding: 0;
}

.margin-none {
    margin: 0;
}

.semi-bold {
    font-weight: 600;
}

/**
*** Image Capture / Upload
**/

.collector-video, .collector-output {
    padding: 12px 6px;
    text-align: center;
}

input.file-input-camera {
    -webkit-appearance: textfield;
    position: relative;
    -webkit-box-sizing: border-box;
}

input.file-input-camera::-webkit-file-upload-button {
    width: 0;
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
    border: none;
}

/* "x::-webkit-file-upload-button" forces the rules to only apply to browsers that support this pseudo-element */
input.file-input-camera:after {
    content: 'Take Picture';
    display: inline-block;
    left: 100%;
    margin-left:3px;
    position: relative;
    -webkit-appearance: button;
    padding: 3px 8px 2px;
}

/**
*** Global Form
**/

.form-group.required .control-label:before {
    font-family: 'FontAwesome';
    content: "\f069";
    font-size: 50%;
    color: #a94442;
    margin-right: 2px;
    vertical-align: super;
}

.form-group.form-md-line-input {
    margin: 0 0 12px;
}

.select2 {
    width: 100%;
}

.auto-save-status {
    font-size: 11px;
    font-style: italic;
}

.auto-save-pending {
    color: #F3C200;
}

.auto-save-complete {
    color: #26C281;
}

#camera {
    display: inline-block;
    background-color: #eee;
    width: 250px;
    height: 300px;
    margin: 0.5em;
}

.pw-strength-indicator {
    padding-top: 12px;
}

.pw-strength-indicator .progress-bar, .pw-strength-indicator .progress {
    height: 18px!important;
}

.pw-strength-indicator .progress {
    text-indent: 0!important;
}

input[type=number].no-spin::-webkit-inner-spin-button,
input[type=number].no-spin::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.training-class-code {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

.responsive-video {
    max-width: 100%;
    height: auto;
}

label.md-label {
    color: #888;
    font-size: 13px;
    top: 0;
    opacity: 1;
}

.btn-radio {
    color: #999;
    background-color: #fefefe;
    border-color: #666;
}
.btn-radio:focus,
.btn-radio.focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40;
}
.btn-radio:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
.btn-radio:active,
.btn-radio.active,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #3fd5c0;
    border-color: #1bbc9b;
}
.btn-radio.disabled {
    opacity: 0.9!important;
}

.btn-group.display-only label.btn {
    pointer-events: none!important;
}

.btn-group.display-only {
    cursor: not-allowed!important;
}


/**
*** Custom circle button sizes
**/

.btn-circle-micro {
    width: 19px!important;
    height: 19px!important;
    text-align: center!important;
    padding: 1px 0!important;
    font-size: 11px!important;
    line-height: 0.1!important;
    border-radius: 30px!important;
}

.btn-circle-sm {
    width: 35px;
    height: 35px;
    text-align: center;
    padding: 2px 0;
    font-size: 20px;
    line-height: 1.65;
    border-radius: 30px;
}

.btn-circle-lg {
    width: 79px;
    height: 79px;
    text-align: center;
    padding: 13px 0;
    font-size: 30px;
    line-height: 2.00;
    border-radius: 70px;
}

/**
*** Data tables child details button
 */

tr button.details-button span:after {
    font-family: 'FontAwesome';
    content: "\f067";
    font-size: 80%;
    margin-left: 2px;
}

tr.details button.details-button span:after {
    font-family: 'FontAwesome';
    content: "\f068";
    font-size: 80%;
    margin-right: 2px;
}

tr.details button.details-button {
    background-color: rgba(91,192,222,0.6);
}

.portlet.light .dataTables_wrapper .dt-buttons {
    margin-top: 8px!important;
}

/**
*** Training Status Colors
 */

.training-status {
    display: inline-block;
    padding: 3px;
    border-radius: 3px;
}
.training-status-t {
    color: #AE44AD;
}

.training-status-a {
    color: #26C281;
}

.training-status-c {
    background-color: #32C5D2;
    color: #FFFFFF;
}

.training-status-s {
    background-color: #C5B96B;
    color: #FFFFFF;
}

.training-status-p {
    color: #F3C200;
}

.training-status-r {
    background-color: #578EBE;
    color: #FFFFFF;
}

.score_label {
    font-weight: 600;;
    color: #26C281;
}