/* primary blue and red used for most domains, override in domain.css if required */
.legend i { color: #0c6db6; }
li [class^="icon-"], li [class*=" icon-"] {
    color: #0c6db6;
}
.accordion-group li.folder, .accordion-group li.folder i.icon-folder-open{
    color: #0c6db6;
}

.accordion-group li.link i{
    color: #0c6db6;
}

.red {
    color: #b31e3b;
}

.table-no-border tr td, .table-no-border tr th {
  border-width: 0;
}

/* primary blue used for most domains, override in domain.css if required */
.legend i { 
    color: #0c6db6; 
}

.text-left {
    text-align:left !important;
}

.text-right {
    text-align:right !important;
}

.margin-l-0 {
    margin-left:0;
}

.padding-l-0 {
    padding-left:0;
}

.padding-l-10 {
    padding-left:10px;
}

.width-100pc {
    width:100%;
}

.hide-me {
    display:none;
}

.no-pointer {
    pointer-events:none;
}

.modules_dropdown {
    width:100%;
}

/* The registration modal needs to expand downwards when necessary, to show any errors */
#regform-holder {
    max-height:none;
}

.registration-modal form {
    margin-bottom:0px;
}

.max-input {
    box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    -webkit-box-sizing:border-box; 
    width:100% !important;
    height:100% !important;
}


.bootbox-form select {
    width:100%;
}

/* 
    new css file added to all sites - for use where common items are added in after the main css files have been saved
    this avoids having to add a new style to several style sheets etc
*/

/* COURSE LIST PAGE */

/* Single unit course trees should be expanded by default */
ul.expand-tree li.folder ul.tree {
    display: block;
}

.navbar .nav {
    margin: 0;
}

/* Sidebar */

.sidebar-nav i {
    padding-right:4px;
}

.sidebar a {
    display:block;
    padding: 3px 15px;
}

.sidebar-tab .nav-header {
    text-shadow: none;
}

/**
 * Training
 */
#training-carousel .carousel-faux-control {
    background-color:#FCA206; 
    border:3px solid #ffffff;
    border-radius:23px;
        -webkit-border-radius:23px;
            -moz-border-radius:23px;
    color:#ffffff;
    display:none; 
    left:auto;
    font-size:63px;
    font-weight:100;
    height:40px;
    line-height:26px;
    position:absolute;
    text-align:center;
    text-decoration:none;
    top:230px; 
    right:15px;
    width:40px;
}

.slideshow-overview aside .well {
    padding:15px;
}

.slideshow-slides aside .well {
    padding:15px; 
    min-height:525px;
}

.slideshow-slides aside h3 {
    margin-top:0;
}

.slideshow-slides aside .info-hint {
    display:none;
}

.slideshow-slide .slide-heading {
    padding:5px; 
    text-align:center;
}

.slideshow-slide .training-image .animation_iframe {
    border:0;
    margin:0 auto; 
}

.slideshow-summary aside .well {
    padding:15px;
}

.super-test-mode {
    border:1px solid grey; 
    border-radius:3px;
    margin-top:20px; 
    padding:10px; 
    text-align:center; 
}


/** 
 * General Styles 
 */



#general-loader {
    background: url('/img/loading.gif') center no-repeat;
    display: none;
}

.centered {
    text-align: center;
}

.colourful-radio-green input[type="radio"]:checked + label {
    color: #4cff4c;
    font-weight: bold;
}

.colourful-radio-red  input[type="radio"]:checked + label {
    color: red;
    font-weight: bold;
}


/**
 * Company Details
 */

.companies-with-statuses  {
    max-height:400px;
    overflow-y:auto;
}

.company-details-modal .modal-body {
    max-height:none;
}



/**
 * System Alerts
 */
.message-area p.closeme {
    text-align:left;
}

.message-area p.message {
    background-color:#FCA206;
    color:#000;
    display:block;
    padding:5px;
}


/**
 * System Alerts Admin
 */

#messages-admin tr.system-alert td {
    vertical-align:middle;
}

#messages-admin tr.system-alert input.message {
    cursor:text;
}

#messages-admin table.messages {
    border:1px solid #ccc;
    width:100%;
}

#messages-admin table.messages tr {
    background-color: #fafafa;
    border-bottom:2px solid #ccc;
    font-weight:bold; 
}

#messages-admin table.messages tr.message-text {
    padding:5px;
}

#messages-admin table.messages tr.user-type,
#messages-admin table.messages tr.expires-on {
    width:100px;
}

#messages-admin table.messages tr.action {
    text-align:center;
    width:50px;
}

#messages-admin table.messages tr.action {
    width:30px;
}

#messages-admin tr.edit {
    border-top:1px solid #ccc;
    cursor:pointer;
}

#messages-admin .newmessage {
    height:20px;
    margin:0 !important;
    width:95%;
}

#messages-admin select {
    width:80px; 
    margin:10px 0 0 0;
}

#messages-admin input.message {
    height:20px; 
    margin:0 !important; 
    width:95%; 
}

#messages-admin .datepicker {
    background-color:white;
    cursor:pointer;
    margin-bottom:0px !important;
}



/**
 * Private Messages
*/

/**
 * Mailboxes
 */

.mailboxes-container li.mailboxes-private, 
.mailboxes-container li.mailboxes-group
{
    text-align:center; 
    text-transform:uppercase;
    width:50%; 
}
.mailboxes-container .ajax-mailbox {
    max-height:400px;
    overflow-y:scroll;
}
.mailboxes-container .mailbox .title-cell {
    width: 30%;
}
.mailboxes-container .mailbox .message:hover {
    cursor:pointer;
    background-color:#c9e7f1;
}

/**
 * Replies
 */

#pm-thread-container .pm-reply {
    display: none;
}

.message-form input, 
.message-form textarea, 
.message-form select {
    box-sizing: border-box;
    width:100%;
    height:100%;
}

.notification-counter {
    color: #fff;
    position: absolute;
    top: +4px;
    border-radius: 3px;
    padding: 1px 3px;
    font-size: 10px;
    font-family: 'Open Sans', Tahoma, sans-serif;
    display: none;
}

.message-container {
    margin-top:15px;
    margin-bottom:15px;
    padding: 10px;
}

.message-container .message-body {
    font-size:16px;
}

.message-container .message-body .message-date {
    color:white;
}

.pm-message-sent {
    position: relative;
    background: #bee0ed;
    border-radius: .4em;
}

.pm-message-sent:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-right-color: #bee0ed;
    border-left: 0;
    border-bottom: 0;
    margin-top: -10px;
    margin-left: -20px;
}

.pm-message-received {
    position: relative;
    background: #d7ebd8;
    border-radius: .4em;
}

.pm-message-received:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-left-color: #d7ebd8;
    border-right: 0;
    border-bottom: 0;
    margin-top: -10px;
    margin-right: -20px;
}


/* FILE UPLOADS */

.uploadPreview {
    width: 140px;
    height: 140px;
}
.uploadPreview,
.imagePreview {
    max-width: 100%;
    background-position: center center;
    background-image: url('/img/student-photo-not-uploaded.png');
    background-size: cover;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .3);
    display: inline-block;
}
@media only print {
    * {
        background-color: #fff;
        color: #000!important;
    }
    body {
        background: none;
        color: #000;
    }
    /* body:after {content:"Copyright Fitz-Coatings Ltd" */
    
    .accordion-body.in.collapse {
        display: block!important;
    }
    .noprint {
        display: none;
    }

    .printonly {
        display: block;
    }
}

@media screen {

    .printonly {
        display: none;
    }

}

/**
 * OoDemo
 */

#oodemo {
    display: none; 
    position: absolute; 
    z-index: 1000; 
    top: 0; 
    left: 0; 
    width: 45px; 
    height: 49px;
}
#oodemo_cursor {
    position: absolute; 
    right: 0; 
    bottom: 0; 
    width: 27px; 
    height: 49px; 
    background: right top no-repeat url('/img/oodemo_content_common.png');
}
#oodemo_content {
    display: none; 
    position: absolute; 
    bottom: 49px; 
    left: -92px; 
    width: 220px; 
    padding: 5px 10px; 
    color: #FFFFFF; 
    background: #f89406; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    -moz-border-radius: 10px; 
    border-radius: 10px;
}
#oodemo_overlay {
    display: none; 
    position: fixed; 
    z-index: 1001; 
    top: 0px; 
    left: 0px; 
    width: 100%; 
    height: 100%;
}
#oodemo_highlight {
    display: none; 
    position: absolute; 
    z-index: 999; 
    padding: 5px; 
    border: 5px solid #FFFF00;
}
#oodemo_cursor:after {
    content: '';
    width: 400px;
    height: 400px;
    left: -200px;
    top: -200px;
    border-radius: 50%;
    position: absolute;
    box-shadow: 0px 0px 0px 4000px rgba(255, 255, 255, 0.5), 0px 0px 5px inset;
}

/* SUPER USER */

#domuser select {
    width: 250px;
}
#siteuser select {
    width: 250px;
}


/** 
 * Find Duplicate Media 
 */

#repeated-media-list ul {
    list-style-type: none;
}

.assess.action-response {
    background-color: #ccc;
    color: red;
    display: none;
    font-weight: bold;
    margin-bottom: 5px;
    max-width: 300px;
    padding: 5px;
    text-align: center;
}



/**
 * Translate Questions
 */
 form#translate-question input[type="text"] {
    width:100%;
 }


/**
 * Translate phrases
 */

#select_lang_untranslated {
    width:100%;
}

.translate-phrases-container .edit-translated,
.translate-phrases-container .show-translated {
    margin-right:5px;
}

.translate-phrases-container form#phrase-update .alias-title {
    margin-right:10px;
    width:100%;
}

.translate-phrases-container form#phrase-update .select-language {
    width:100%;
}

.translate-phrases-container form#phrase-update #content {
    width:100%;
}

.translate-phrases-container table td.translate-word {
    width:60%;
}

.translate-phrases-container table td.translate-actions {
    width:40%;
}


/**
 * Add New Module 
 */

.add-new-module {
    margin-top: 10px;
}

/** 
 * Blacklisting GUI 
 */

.save-blacklist {
    margin-bottom: 30px;
}

li.blacklist {
    font-weight: bold
}
li.whitelist {
    font-weight: bold
}

/** 
 * Translator pages 
 */

.translator-tabs {
    margin-bottom: 0px;
}
.edit-translations-content {
    padding-left: 10px;
    padding-right: 10px;
}

/**  
 * Dev mode
 */

.devmode {
    font-weight: bold !important;
}


/* USER ADMIN */

#user-admin .info-box {
    background-color:red;
    color:white;
    display:block;
    font-weight:bold; 
    padding:20px;
}




/**
 * Theoretical Transition Page 
 */
.theoretical-has-moved .media {
    margin-bottom:20px;
}


#submit-transition-results .control-group {
    margin-top:0px;
    margin-bottom:0px;
}

/**
 * Transition Assessments
 */
#transition-assessments .transition-courses-table {
    padding:5px;
    text-align:center;
    width:100%;  
}

#transition-assessments .transition-courses-table td.first-row {
    padding:5px;
    vertical-align:text-top;
    width:20%;  
}

#transition-assessments .transition-courses-table td.second-row {
    padding:5px;
    width:20%;
}



.assess_editor a {
    border: 1px solid #dd4814;
    display:block;
    height:20px;
    padding-top:5px;
    text-align:center;
}





/**
 * Slide editor
 */
.slide-editor-slides .slide_thumb {
    float:right !important;
    height:55px;
    overflow:hidden;
    width:75px;  
}

.slide-editor-slides .unlink-slide {
    /*float:right !important;*/
    height:32px;
    overflow:hidden; 
    width:32px;  
}

li.slide_editor {
    height:20px
    padding-top:5px;
    text-align:center;
}

#clone_form .option-block {
    background-color:#ccc; 
    border-radius:10px;
    color:black; 
    padding:5px;
    margin-bottom:10px;
}

#slide_copy_form fieldset {
    width:100%;
}



/**
 * Unit Assessments
 */
#assessment-form .submit-container {
    background-color:transparent;
    border-top: 1px solid #e5e5e5;
    padding-top:17px; 
    margin-top:18px; 
    margin-bottom:18px; 
}

.well.incorrectly-answered {
    border: 1px solid #ef1a1a;
}


/**
 * Theoretical End of Unit / Final Assessment Pages
 */

.assessments-module-information {
    border-radius:5px;
    margin-right:20px;
    width:100%;
}

.assessments-links {
    padding:10px;
}

.assessments-links ul {
    list-style-type:none;
}

.assessments-links ul li {
    padding:5px 0px;
}

/*#theoretical-module-assessments .assessments-links {
    min-height:200px;
}*/

#theoretical-final-assessments .assessments-links { 
    min-height:100px;
}


.pkform .big_checkbox {
    margin-right: 5px;
}





#fileDeleteForm .delete-area {
    margin-top:10px;
}


#helpModal {
    width:700px;
}

#feedbackModal .feedback-comments {
    width:      100%; 
    max-width:  515px; 
    min-height: 200px;
}

#slidePreviewModal {
    width:1220px;
    margin-left:-610px;
    margin-top:0;

}

#slidePreviewModal .modal-body{
        max-height: initial;
}

#slidePreviewModal.modal.fade.in {
    top: 80px;
}

/**
 * Loaders
 */

/* The loader-container should have a fixed width in html so the loader is positioned centrally */
.loader-container {
    height:31px;
    position:relative;
    width:100%;
}

.loader {
    display:none; 
    position:absolute;
    text-align:center;
    width:100%; 
}



/**
 * Users Summary
 */
.paginated-list .user-details {
    float:left;
    line-height:14px;
}

.user-summary-heading-row {
    padding-left:15px; 
    padding-right:15px;
    min-height: 20px;
}

.user-summary-row {
    border-radius: 4px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 8px;
    padding-bottom: 8px;
    min-height: 20px;
    margin-bottom: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}


/**
 * Users Progress
 */
.user-progress .percent-progress {
    text-align:right;
}

.user-progress .progress span {
    background-color:#dd4814;
    display:block;
    height:18px;
}



/**
 * Students modal
 */

#students-modal .modal-body {
    width:auto;
}
#students-modal .msg {
    width:100%;
}
#students-modal .dropdown-menu {
    width:100%;
}
#students-modal .selected {
    background-color:lightgrey;
}
#students-modal ul.media-list:hover { 
    background-color: #0c6db6;
    color: white;
    cursor: pointer;
}
#students-modal ul.media-list:hover h4 { 
    color: white;
}
#students-modal .nav.nav-tabs>:first-child a {
    margin-left: 0;
}
#students-modal .dropdown-menu {
    display: block; 
    position: relative;
}
#students-modal .dropdown-menu li>a {
    white-space: normal; 
    line-height:26px;
}
#students-modal .dropdown-menu li:not(:last-child)>a {
    border-bottom: 1px solid #ccc;
}



#student-options-hidden .student-course-info {
    margin-top:5px; 
    margin-bottom:0px;
}
#student-options-hidden > .well > p {
    padding-top:15px;
}

/**
 * Student application form
 */
#student-application-form .submit {
    width:100%;
}
#student-application-form .datepicker {
    background-color:white; 
    cursor:pointer;
} 
#student-application-form .fill-trainer-co {
    width:90%;
}



/**
 * Student photoviewer
 */

.student-photoview table th, .student-photoview table td {
    border:none;
}

/* bs2 handles media elements different - so addin some BS3 */
.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}
.media-left, .media>.pull-left {
    padding-right: 10px;
}

.student-photoview .media {
    margin:0 15px;
}


.online-forms .passed-all-label {
    margin-right:4px;
}
.online-forms .passed-all-input {
    margin-right:4px;
}
.hide-previous-results {
    position:absolute; 
    right:10px;
    top:10px; 

}

.online-forms input[type="text"],
.online-forms input[type="number"],
.online-forms input[type="date"],
.online-forms input[type="email"] {
    margin-top: -4px;
    height: 1.2em;
    width: 90%;
}
.online-forms .controls,
.online-forms .control-label {
    padding-left: 1em;
}
ul.form_errors li {
    list-style: none;
}
ul.form_errors {
    margin-left: 0px;
}

.online-forms input[type="radio"],
.online-forms input[type="checkbox"],
.form-inline input[type="checkbox"] {
    margin: 7px 5px 0 -20px
}
.online-forms span input[type="radio"] {
    margin: inherit;
}
.online-forms label.radio-inline,
.online-forms label.checkbox-inline,
.form-inline  label.checkbox {
    padding-left:20px;
    margin-bottom:0;
    line-height:13px;
    margin-left:10px;
}

#confirm-course-form .form_errors {
    font-size: 20px;
}

/**
 * Form progress
 */
.progress-text .completed {
    color: #0c6db6;
    line-height:36px;
    font-size:20px;
}
.progress>.bar {
    width: 0%;
}




.student-admin-img {
    cursor: pointer;
    height: 25px;
    width: 25px;
}
.students-admin-span {
    padding:10px;
}

.disabled-datepicker {
    pointer-events:none;
}

.general-datepicker {
    background-color:white; cursor:pointer !important;
    cursor:pointer !important;
}

button.student-passport-photo {
    width:100% !important;
    max-width:180px !important;
    margin-left:0 !important;
}
.student-tab-content {
    overflow: hidden;
}

.student-summary-row {
    background-color: #f5f5f5;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 8px;
    padding-bottom: 8px;
    height: 20px;
    margin-bottom: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.student-group ul {
    list-style-type: none;
}
.student_group table {
    width: 100%;
}
.student-summary-heading-row {
    padding-left:15px; 
    padding-right:15px;
}

.student-summary-row.top-row {
    border-top:1px solid #999999;
}

.student-summary-row .icon-exclamation-sign {
    color: red;
}

.student-admin-tabs .icon-exclamation-sign {
    color: red;
}


/* Doesn't work in all browsers */
#student_photo img {
    image-orientation: from-image;
}
.summary-headers .filter-border-box {
    border:1px dotted; 
    border-radius:10px;
    padding-left: 4px; 
    padding-right: 4px; 
    height:70px;
    width:100%;
}
.summary-headers label.input,
.summary-headers label.radio {
    padding-left: 0px;
}
.summary-headers >.well {
    margin-left: 0px;
}

.student-photoview-table {
    font-size:14px; 
    max-width:none; 
    margin-bottom:0px; 
    table-layout:fixed; 
    word-wrap:break-word;
}

#trainer-instructions {
    display: none;
}
.ticket-selection {
    margin-bottom: 0px;
    width: auto;
}
.assessment-results-row label {
    display:inline;
}
.assessment-results-row input {
    margin-bottom:0px !important;
}



#student-theoretical-results-form .module-assessments td,
#student-theoretical-results-form .module-assessments th  {
    border:none;
}
#student-theoretical-results-form .final-score-status img {
    height:40px;
    margin-left:10px;
}
#student-theoretical-results-form .module-result input {
    font-size:20px;
    margin-top:0; 
    width:100%; 
}
#student-theoretical-results-form .unit-result img {
    height:20px;
}




#student-practical-results-form .module-assessments td,
#student-practical-results-form .module-assessments th  {
    border:none;
}


.online-forms table:empty {
    display: none;
    padding: 0;
}

#student-submit-feedback-form .ticket-level {
    margin-bottom:20px;
}   
#student-results-select-student-form .control-group {
    margin-top:0px; margin-bottom:0px;
}
#student-results-select-student-form .well {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 5px !important;
    padding-bottom: 15px !important;
}
#student-results-select-student-form .well legend {
    padding: 0;
}
#student-results-select-student-form .help-inline {
    position: absolute;
}
#student-results-select-student-form .student_select {
    min-height:235px;
}



input[type="checkbox"].big_checkbox {
    width: 20px;
    height: 20px;
    margin-bottom: 0px !important;
}
.results-title th {
    color:black; 
    font-weight:bold;
}
.results-title td {
    color:black; 
    font-weight:bold;
}
.results-title label {
    color:black; 
    font-weight:bold;
}
.results-extra-title th {
    color:black; 
    font-weight:bold;
}
.results-extra-title td {
    color:black; 
    font-weight:bold;
}
.results-extra-title label {
    color:black; 
    font-weight:bold;
}
.results-comment {
    width: calc(100% - 6px);
}
.student_form_unitref {
    width: 40px;
}
.student_form_tickbox {
    width: 80px;
}
.cb_module_name {
    margin-left: 5px;
}
.add-practical-option {
    cursor:pointer;
}
.add-practical-option:hover {
    color:#fca206;
}


ul li.ppt {
    background-image: url('/img/icons/film.png');
    background-repeat: no-repeat;
    background-position: 0px 3px;
    background-size: 24px;
    padding-left: 28px;
    line-height: 28px;
}
ul li.application-form {
    background-image: url('/img/icons/application_form.png');
    background-repeat: no-repeat;
    background-position: 0px 3px;
    background-size: 24px;
    padding-left: 28px;
    line-height: 28px;
}
ul li.pdf {
    background-image: url('/img/icons/pdf.png');
    background-repeat: no-repeat;
    background-position: 0px 3px;
    background-size: 24px;
    padding-left: 28px;
    line-height: 28px;
}
ul li.word-doc {
    background-image: url('/img/icons/word.png');
    background-repeat: no-repeat;
    background-position: 0px 3px;
    background-size: 24px;
    padding-left: 28px;
    line-height: 28px;
}



/* COURSELIST  */

.accordion-group.primary {
    background-color: rgba(245, 245, 245, 0.6);
    border:none;
    margin-bottom:0;
    border-radius: 0;
}
 
.blocklist .accordion-heading {
    background-color: transparent;
}
.blocklist .accordion-inner .link a:hover {
    background-color: #195dca !important;
    color: #ffffff !important;
    padding:0 5px;
}

.blocklist .accordion-inner {
    border: none;
    padding: 5px 15px;
}
.blocklist .accordion-inner ol.clist li{
    font-size: 14px;
    line-height:24px;
}

.blocklist .accordion-inner ul.clist li{
    font-size: 18px;
    line-height:20px;
}

.blocklist .accordion-inner ul.clist {
    list-style-type: none;
    padding: 0 0 0 20px;
    margin: 0px;
}
.blocklist .accordion-inner ul.clist li.folder li.link {
    padding-left: 5px;
    /*background-image: url(/img/icons/application_form.png);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    
    line-height: 28px;
    background-size: 24px;*/
}
.blocklist .accordion-inner ul.clist li.link a {
    font-size: 14px;
    text-decoration: none;
    color: #444;
}
.blocklist .icon-folder-close,
.blocklist .icon-folder-open,
.blocklist .icon-eye-open,
.blocklist .icon-th-list,
.blocklist .icon-check {
    margin-right:5px;
}


/**
 * Documentation
 */

.document-manager .handle {
    height:inherit;
}
.document-manager .accordion-group, .blocklist .accordion-group {
    min-height:40px;
    padding-left:20px;
    padding-right:20px;
}
.blocklist .accordion-heading a {
    font-size: 18px;
    text-decoration: none;
}
.document-manager .handle-disabled {
    pointer-events: none;
    -webkit-filter: grayscale(100%);
    /* The webkit filter might not work in older browsers but no matter, it's only a minor asthetic thing! */
    /* Chrome, Safari, Opera */
    filter: grayscale(100%);
}
.document-manager .text-editing {
    border: 1px solid red;
    font-style: italic;
    cursor: text;
}
.document-manager .assign-affiliate {
    padding-left:0px;
}
.document-manager .upsert-document,
.document-manager .delete-document {
    cursor: pointer;
}
.document-manager .upsert-document:hover,
.document-manager .delete-document:hover {
    color: #fca206;
}
.document-manager .edit-document-area {
    display: none;
    padding: 5px;
    margin-left: 0;
}
.document-manager .edit-document-area input, 
.document-manager .edit-document-area select {
    width: 100%;
}
.document-manager .text-edit {
    cursor: pointer;
}
.document-manager .text-edit:hover {
    color: #fca206;
}
.document-manager .delete-grouping {
    cursor: pointer;
}
.document-manager .delete-grouping:hover {
    color: #fca206;
}
.document-manager .add-grouping {
    cursor: pointer;
}
.document-manager .add-grouping:hover {
    color: #fca206;
}
.document-manager .add-group-area {
    display: none; 
    padding: 5px;
} 
.document-manager .add-section-area {
    display: none; 
    padding: 5px;
}
.document-manager .assign-affiliate {
    font-size: 17.5px;
    padding-top: 0px !important;
    vertical-align: baseline !important;
}
.document-manager .admin-features {
    background-color:lightblue !important;
    border-radius:5px; 
    border:1px dashed;
    padding-bottom:10px; 
    padding-top:10px;
}
.document-manager .add-section-area {
    margin-bottom:0px;
    padding-bottom:0px;
}
.document-manager .admin-features:hidden {
    padding:0px;
}


#handoutlist img.handle {
    cursor: move;
    position: relative;
    top: 2px;
    right: 10px;
}


/* Unit / Module Blacklist options */

.folder_bl {
    list-style-image: url('/img/icons/li_folder_cr.gif');
}
.unit_bl {
    list-style-image: none;
    list-style-type: none;
}


/* placeholder text is too dark */

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
    color: #aaa !important;
    font-style: italic;
}
textarea:-moz-placeholder,
input:-moz-placeholder {
    /* Firefox 18- */
    
    color: #aaa !important;
    font-style: italic;
}
textarea::-moz-placeholder,
input::-moz-placeholder {
    /* Firefox 19+ */
    
    color: #aaa !important;
    font-style: italic;
}
textarea:-ms-input-placeholder,
input:-ms-input-placeholder {
    color: #aaa !important;
    font-style: italic;
}
/* Is the clonedfrom field missing from a cloned unit folder? */

.clonedfrom_missing {
    font-weight: bold !important;
    color: #b94a48 !important;
}

/* HELPERS */

.helpericon {
    background: #000;
    border-radius: 50%;
    color: #fca206 !important;
    height: 1em;
    line-height: 1;
    width: 1em !important;
    padding: 0 !important;
}
.helpericon:hover {
    cursor: pointer;
}
.pointericon {
    cursor: url('/img/helper-cursor.png'), auto;
}
p.speech {
    position: relative;
    width: 200px;
    height: 100px;
    width: 200px !important;
    height: 100px !important;
    text-align: center;
    line-height: 100px;
    background-color: #fff;
    -moz-box-shadow: 2px 2px 4px #888;
    box-shadow: 2px 2px 4px #888;
}



/* ADDITIONAL TRAINING PAGE / LEAD TRAINERS PAGE */

#collapse-tmsc { 
    background: -webkit-linear-gradient(left, rgba(50,55,60,1) 40%,rgba(0,0,0,0) 100%), url('/img/Arcspray5.jpg') no-repeat top right; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(50,55,60,1) 40%,rgba(0,0,0,0) 100%), url('/img/Arcspray5.jpg') no-repeat top right; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(50,55,60,1) 40%,rgba(0,0,0,0) 100%), url('/img/Arcspray5.jpg') no-repeat top right; /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(50,55,60,1) 40%,rgba(0,0,0,0) 100%), url('/img/Arcspray5.jpg') no-repeat top right; /* Standard syntax */
}
#collapse-tfic { 
    background: -webkit-linear-gradient(left, rgba(50,55,60,1) 40%,rgba(0,0,0,0) 100%), url('/img/pfp1.jpg') no-repeat top right; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(50,55,60,1) 40%,rgba(0,0,0,0) 100%), url('/img/pfp1.jpg') no-repeat top right; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(50,55,60,1) 40%,rgba(0,0,0,0) 100%), url('/img/pfp1.jpg') no-repeat top right; /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(50,55,60,1) 40%,rgba(0,0,0,0) 100%), url('/img/pfp1.jpg') no-repeat top right; /* Standard syntax */
}
#collapse-csc { 
    background: -webkit-linear-gradient(left, rgba(50,55,60,1) 40%,rgba(0,0,0,0) 100%), url('/img/csc1.jpg') no-repeat top right; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(50,55,60,1) 40%,rgba(0,0,0,0) 100%), url('/img/csc1.jpg') no-repeat top right; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(50,55,60,1) 40%,rgba(0,0,0,0) 100%), url('/img/csc1.jpg') no-repeat top right; /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(50,55,60,1) 40%,rgba(0,0,0,0) 100%), url('/img/csc1.jpg') no-repeat top right; /* Standard syntax */
}
#collapse-ttc { 
    background: -webkit-linear-gradient(left, rgba(50,55,60,1) 40%,rgba(0,0,0,0) 100%), url('/img/ttt.jpg') no-repeat top right; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(50,55,60,1) 40%,rgba(0,0,0,0) 100%), url('/img/ttt.jpg') no-repeat top right; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(50,55,60,1) 40%,rgba(0,0,0,0) 100%), url('/img/ttt.jpg') no-repeat top right; /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(50,55,60,1) 40%,rgba(0,0,0,0) 100%), url('/img/ttt.jpg') no-repeat top right; /* Standard syntax */
}
#collapse-pws { 
    background: -webkit-linear-gradient(left, rgba(50,55,60,1) 40%,rgba(0,0,0,0) 100%), url('/img/pws1.jpg') no-repeat top right; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(50,55,60,1) 40%,rgba(0,0,0,0) 100%), url('/img/pws1.jpg') no-repeat top right; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(50,55,60,1) 40%,rgba(0,0,0,0) 100%), url('/img/pws1.jpg') no-repeat top right; /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(50,55,60,1) 40%,rgba(0,0,0,0) 100%), url('/img/pws1.jpg') no-repeat top right; /* Standard syntax */
}
#collapse-wj { 
    background: -webkit-linear-gradient(left, rgba(50,55,60,1) 40%,rgba(0,0,0,0) 100%), url('/img/wj1.jpg') no-repeat top right; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(50,55,60,1) 40%,rgba(0,0,0,0) 100%), url('/img/wj1.jpg') no-repeat top right; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(50,55,60,1) 40%,rgba(0,0,0,0) 100%), url('/img/wj1.jpg') no-repeat top right; /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(50,55,60,1) 40%,rgba(0,0,0,0) 100%), url('/img/wj1.jpg') no-repeat top right; /* Standard syntax */
}
#courselist a {
    font-size: 18px; 
    text-decoration: none;
}

#courselist li a {
    color:#FCA206;
    font-size: 16px; 
    text-decoration: none; 
}

#courselist li a:hover {
    color:#fff;
}

#courselist .accordion-group {
    padding:0;
}

#courselist .accordion-inner {
    min-height:300px;
}
.spacer {
    height:200px;
}


/**
 * Additional training
 */
#additional-training-courses ul.thumbnails {
    width:100%;
}
#additional-training-courses li {
    width:100%;
}
#additional-training-courses div.thumbnail {
    overflow:hidden; 
    position:relative;
}
#additional-training-courses div.thumbnail img {
    float:left; 
    height:200px; 
    margin-right:10px;
}
#additional-training-courses .start-additional-course {
    bottom:12px; 
    position:absolute; 
    right:4px;
}
#additional-training-courses .start-additional-course.label {
    line-height:24px;
}
#additional-training-courses .course-status {
    font-weight:normal;
    position:absolute; 
    top:4px; 
    right:4px; 
}
#additional-training-courses .accordion-group .course-status {
    font-weight:normal;
    position:absolute; 
    right:4px; 
    top:10px; 
}
#additional-training-courses .accordion-group a.accordion-toggle {
    position:relative;
}
#additional-training-courses .accordion-inner {
    min-height:300px;
}


/**
 * myActions / Alerts
 */
.actions-response-container {
    display:none; 
    right:10px;
    position: fixed;
    top: 110px;
    text-align: center;
    user-select:none;
    z-index: 200000; 
}
.actions-response-container .large-alert {
    font-size:20px;
    width:500px;
}
.actions-response-container .alert-success {
background-color: #f9fffa!important;
  border-color: #58b76b!important;
}
.actions-response-container .alert-success hr {
  border-top-color: #58b76b!important;
}
.actions-response-container .alert-info {
  background-color: #f8fcff!important;
  border-color: #5896b7!important;
}
.actions-response-container .alert-info hr {
  border-top-color: #5896b7!important;
}
.actions-response-container .alert-warning {
  background-color: #fffbeb!important;
  border-color: #f5c800!important;
}
.actions-response-container .alert-warning hr {
  border-top-color: #f5c800!important;
}
.actions-response-container .alert-danger {
  background-color: #fffaf9!important;
  border-color: #da5a40!important;
}
.actions-response-container .alert-danger hr {
  border-top-color: #da5a40!important;
}


.actions-response {
    background-color: #f5f3f1;
    border-radius: 6px;
    border: 1px solid #555555;
    border-left-width: 6px;
    color: inherit;
    display: block;
    float: right;
    font-size: 16px;
    height: auto;
    line-height: 1.2em;
    margin-bottom: 10px;
    padding: 5px 10px;
    position: relative;
    width: 300px;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.4);
        -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.4);
            box-shadow: 0 2px 4px rgba(0,0,0,0.4);
    z-index: 200000;
}
.actions-response .close {
    font-size: 60px;
    line-height: 60px;
}

.gump-error-message:after {
    content:"\000A";
    white-space: pre;
}


.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.ellipsis {
    white-space: nowrap;  
    overflow: hidden;  
    text-overflow: ellipsis;  
}
/* Sticky footer styles */

#wrapped {
    padding-bottom: 50px;
}
#footer {
    bottom: 0;
    position: fixed;
    display: none;
    left: 0;
    right: 0;
}
.training-inner h4 {
    margin:0;
}
.well {
    padding: 10px 5px;
    margin-bottom: 10px;
}

/* Remove padding when there's no content */
.actions-response-container:empty {
    /*display: none;
    padding: 0;*/
}
.actions-response:empty {
    display: none;
    padding: 0;
}


.analytics-form .student-sort {
    width:250px;
}
/* Analytics */
#analytics-form {
    margin-bottom: 0px;
}

/* Analytics Tables */
.google-visualization-table-tr-head {
    background-color: grey !important;
}
.google-visualization-table-table thead {
    color: black;
}
.google-visualization-table-table tbody {
    background-color: white;
    color: black;
}

#analytics-container .report_element {
    visibility: hidden;
}


/* Informs */

.inform_datepicker {
    cursor: pointer;
}


a.imageDownload:hover {
    text-decoration:none;
}


.panel {
  padding: 15px;
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-heading {
  padding: 10px 15px;
  margin: -15px -15px 15px;
  font-size: 17.5px;
  font-weight: 500;      
  background-color: #f5f5f5;
  border-bottom: 1px solid #dddddd;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
small.panel-heading-small {
    color:#ccced0;
    font-size:16px;
}
.panel-footer {
  padding: 10px 15px;
  margin: 15px -15px -15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel-primary {
  border-color: #2196F3
}
.panel-primary .panel-heading {
  color: #ffffff;
  background-color: #2196F3;
  border-color: #2196F3;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success .panel-heading {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-warning {
  border-color: #fbeed5;
}
.panel-warning .panel-heading {
    background-color: #fcf8e3;
    border-color: #fbeed5;
    color: #c09853;
}
.panel-danger {
    border-color: #eed3d7;
}
.panel-danger .panel-heading {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
}
.panel-info {
    border-color: #bce8f1;
}
.panel-info .panel-heading {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #3a87ad;
}


#student-practical-results-form .ul_radio {
    margin-left:10px;
}
#student-practical-results-form .ul_radio::before {
    content:'\2022';
}
#student-submit-feedback-form .student-action-well {
    min-height:110px;
    position:relative;
}
#student-submit-feedback-form .student-action-button {
    bottom:10px;
    display:block;
    left:5px;
    position:absolute; 
    right:5px;
}

/**
 * Student Overview Page
 */
.student-overview-photo {
    text-align:right;
}
.student-overview-photo img {
    height:180px;
}
#student-overview-page {
    margin-top:20px;
}
#student-overview-page .student-overview-subheader {
    background-color:#d3d3d3;
    padding:5px;
    width:100%; 
}
#student-overview-page .student-overview-bigbutton {
    font-size:20px; 
    margin-bottom:21px;
    padding:10px; 
    width:100%; 
}
#student-overview-page .btn {
    width:200px;
}
#student-overview-page .btn-block {
    width:100%;
}
#student-overview-page .student-progress .btn {
    float: left;
    margin-right: 20px;
}
#student-overview-page .student-progress .btn.pull-right {
    float: right;
    margin-right: 0;
}
#student-overview-page hr {
    border: 0;
    border-bottom: 3px solid #ddd;
    margin: 0 0 20px 0;
    padding-top: 10px;
}
#student-overview-page ul.leadlist li {
    font-size: 21px;
    font-weight: 300;
    line-height: 31.5px;
    margin-bottom: 21px;
}
#student-overview-page .panel-title {
    text-align:center;
}
#student-overview-page .student-overview-datepicker {
    background-color:white; 
    cursor:pointer;
}
#student-overview-page .student-overview-course p.lead {
    margin-bottom:5px;
}
@media (max-width: 480px) {
    .student-overview-photo {
        text-align:center;
        float:none;
    }
    .student-overview-photo img {}
}
#student-overview-page .ticket-selection {
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    width:100%;
}
#student-overview-page .student-barcode-form {
    margin:0;
}
#student-overview-page .latest-ticket-indicator {
    border-radius:5px;
    margin-bottom:5px; 
    padding:5px; 
    text-align:center; 
}
#student-overview-page table.student-trainer-details {
    margin-bottom:0px;
    max-width:none;
    table-layout:fixed; 
    word-wrap:break-word;
}

#student-overview-page .panel-body {
    color: black;
}
#student-overview-page .panel-body th {
    text-align:left 
}
#student-overview-page .panel h3 {
    line-height:22px;
}
#student-overview-page .panel {
    margin-bottom: 15px;
    /*box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}
.student-overview-navbar-top .student-overview-navbar-inner img {
    width:30%;
    top:10px;
    margin-left:auto;
    margin-right:auto;
    display:block;
}

/**
 * Student Progress
 */
.clearfix + .progress-section {
  margin-left: 0px;
}
#student-overview-page .panel {
    position:relative;
}
#student-overview-page .admin-only-panels .panel {
    min-height: 230px;
}

/**
 * Print Ticket
 * Helps align the print ticket button to the bottom of the panel
 */
#print-ticket .panel {
    justify-content: space-between;
    flex-direction: column;
    display: flex;
}

/
.panel-title .icon-info-sign {
    font-size:16px;
}


/**
 * Student Ticket Bar
 */

.student-ticket-bar {
    border-radius:6px;
    color:white; 
    display:block;
    font-size:30px;
    line-height:30px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
    padding-right:10px;
    position:relative;
    text-align:center;
}
.student-ticket-bar .request-ticket {
    width:100%;
}
.student-ticket-bar .request-ticket.disabled {
    pointer-events:none;
}

.student-ticket-bar .info {
    font-size:15px;
}
.student-ticket-bar .info ul {
    font-size:14px;
    list-style-type: none;
}
.student-ticket-bar .info ul li {
    line-height: 22px;
}
.student-ticket-bar .info-modules {
    background-color:white;
    border-radius:5px;
    padding:4px;
}


.general-popover {
    cursor:pointer;
}

.popover-title {
    color:#0c6db6!important; 
}
.popover-content {
    color:#0c6db6; 
    font-size:13px;
}
.student-ticket-bar .requested-ticket {
    background-color:white; 
    border-radius:10px;
    color:black;
    font-size:15px;
    height:40px; 
    margin-left:auto; 
    margin-right:auto;
    padding:8px;
    text-align:left;
}
.student-ticket-bar.ticket-issued {
    margin-bottom: 1px;
}
.student-ticket-bar .enabled-button {
    cursor:pointer;
}
.ticket-bar-explainer {
    font-size:16px;
    margin-bottom:0px;

}
.student-ticket-bar.gold    {background-color:#D4AF37;}
.student-ticket-bar.silver  {background-color:#aaa;}
.student-ticket-bar.bronze  {background-color:#a06a31;}
.student-ticket-bar.orange  {background-color:#ffa500;}
.student-ticket-bar.warning {background-color:#ffbaba; color:#d8000c;}


.clearboth {
    clear:both;
}

.nobullets {
    list-style-type: none;
    text-decoration: none;
}

.student-admin-infobox {
    border:1px solid #ddd;
    border-radius:10px;
    padding:5px; 
    margin-bottom:10px; 
    position:relative;
    /* class='span2 noprint'>" */
}

.student-admin-legenditem {
    width:15px; display:inline-block;
}

.icon-red {
    color:red;
}

.text-error-bold {
    color: #b94a48;
    font-weight: bold;
}

/* nav pills */
.nav-pills>li>a {
    background-color: #d3d3d3;
}

.nav-pills>li>a:hover {
    background-color: #c8c2ca;
}

.nav-pills>.active>a:hover {
    background-color: #8a8cca;
}


/* media queries */
@media (max-width: 979px){
    .navbar-inner {
        padding: 0 10px 0 10px;
        margin: 0 -20px 0 -20px;
    }
    .navbar .brand {
        padding-right: 0;
        padding-left: 0px;
        margin: 0 ;
        max-width: 150px;
        font-size: 16px;
    }
    .navbar .btn-group.pull-right{
        position:absolute;
        right:60px;
    }
}


/** 
 * Student practical / theoretical results summaries 
 */
.print-summary-button {
    position:relative;
    right:10px;
    top:5px; 
}
.student-results-summary-detailed .practical-results-title {
    background-color: #d3d3d3;
    border-top:    1px solid #1c1e22;
    border-bottom: 1px solid #1c1e22;
}
.student-results-summary-detailed .practical-results-row tr,
.student-results-summary-detailed .practical-results-row td {
    border-top:    none;
    border-bottom: none;
}
.student-results-summary-detailed td {
    padding:5px;
}

.student-training-summary {
    background-color:white;
    border-radius:10px;
    color:black;
    padding:10px;
}
.student-training-summary .module-score {
    background-color:#D3D3D3; 
    border-radius:5px; 
    padding:5px;
}
.student-training-summary .trainer-comment {
    font-style:italic;
    color:#0c6db6;
}



/**
 * Tools > Search Image Gallery 
 */
.mms-tag, .existing-tag {
    border-radius: 5px;
    color: white;
    font-size: 12px;
    padding: 2px 4px;
    margin: 5px;
    float: left;
}

.mms-tag {
    cursor: pointer;
}

#search-image-gallery .tools-clickable-thumb h3 {
    display:none;
}

#search-image-gallery .row-of-images {
    margin-top:10px;
}

#search-image-gallery .mms-tags {
    height:160px;
    overflow-y:auto;
}

.tools-clickable-thumb {
    cursor:pointer;
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    overflow: hidden;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}


/** Multi page form **/

.multi-page-form div.main {
    border-radius: 5px;
    border:2px solid #999900;
    width: 308px;
    margin-top: 35px;
    float:left;
    padding:0px 50px 20px;
}
.multi-page-form #error {
    display:block;
    margin-top: 10px;
    margin-bottom: 10px;
}
.multi-page-form #success{
    color:green;
    font-weight:bold;
}
.multi-page-form h2 {
    background-color: #FEFFED;
    border-radius: 5px 5px 0 0;
    margin: 0 -50px;
    padding: 32px;
    text-align: center;
}
.multi-page-form b {
    color: #555;
    display: block;
    font-size:18px;
}
.multi-page-form hr {
    border: 0;
    border-bottom: 1px solid #ccc;
    margin: 0 -50px;
    margin-bottom:25px;
}
.multi-page-form label{
    color: #464646;
    font-size: 14px;
    font-weight: bold;
}
.multi-page-form input[type=text],
.multi-page-form input[type=password],
.multi-page-form input[type=number],
.multi-page-form input[type=email] {
    width:96%;
    height:25px;
    padding:5px;
    margin-top:5px;
    margin-bottom:15px;
}
.multi-page-form select {
    margin-bottom: 15px;
    margin-top: 5px;
    width: 100%;
    height: 35px;
    font-size: 16px;
}


.no-float {
    float:none !important;
}

.bold {
    font-weight: bold !important;
}

li.legend {
    padding-left:28px; 
    margin-top:10px;
}
li.legend i {
    margin-left:-28px;
}

/* specific module styles for courselist bg */

#courselisting-2, #courselisting-19 {
    background: rgba(245, 245, 245, 0.5)  url('/img/pca1.jpg') no-repeat top right;
}
#courselisting-3, #courselisting-20 {
    background: rgba(245, 245, 245, 0.5)  url('/img/abc2.jpg') no-repeat top right;
}
#courselisting-4, #courselisting-21 {
    background: rgba(245, 245, 245, 0.5)  url('/img/ship-man.jpg') no-repeat top right;
}
#courselisting-5 {
    background: rgba(245, 245, 245, 0.5)  url('/img/inspector.jpg') no-repeat top right;
}
#courselisting-17{
    background: rgba(245, 245, 245, 0.5)  url('/img/40/module-1.jpg') no-repeat top right;
}
#courselisting-18{
    background: rgba(245, 245, 245, 0.5)  url('/img/42/module.jpg') no-repeat top right;
}
#courselisting-11, #courselisting-22 {
    background: rgba(245, 245, 245, 0.5)  url('/img/24/acs-pic.jpg') no-repeat top right;
}

#courselisting-25 {
    background: rgba(245, 245, 245, 0.5)  url('/img/inspector-2.jpg') no-repeat top right;
}

@media (max-width:979px){
    #courselisting-2, 
    #courselisting-3, 
    #courselisting-4, 
    #courselisting-5,
    #courselisting-6,
    #courselisting-7,
    #courselisting-8,
    #courselisting-9,
    #courselisting-11,
    #courselisting-12,
    #courselisting-13,
    #courselisting-14,
    #courselisting-15,
    #courselisting-16,
    #courselisting-17,
    #courselisting-18,
    #courselisting-19,
    #courselisting-20,
    #courselisting-21,
    #courselisting-22
    #courselisting-25{
        background: rgba(245, 245, 245, 0.5);
    }
}

.pad10 {padding:10px;}
.pad20 {padding:20px;}
.pad40 {padding:40px;}

.alert {
    text-shadow: none; 
}

/* modal override */
.modal{margin:-280px 0 0 -280px;}