/*
 * CSS file for Media Manager
 */


/**
* fix header for AANA THEME */

#wb-mm-loading-container{
  width: 100%;
  height: 100%;
  margin: auto;
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 999;
background-color: rgba(255,255,255,0.7);
}

#wb-mm-loading-container .sr-only{
    text-align: center;
    position: relative;
    display: none;
}

/* LOADER 1 */

#wb-mm-loading-container:before, #wb-mm-loading-container:after{
  content: "";
  position: absolute;
  top: 50%;
  left: 45%;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  border: 10px solid transparent;
  border-top-color: #3498db;
}

#wb-mm-loading-container:before{
  z-index: 100;
  animation: spin 1s infinite;
}

#wb-mm-loading-container:after{
  border: 10px solid #ccc;
}

@keyframes spin{
  0%{
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100%{
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


.navbar,
ul.nav.navbar-nav {
    display: inline-block;
}

nav.navbar.navbar-default{
    position: relative;
    float: none;
    display: block;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    padding: 0;
}

ul.nav.navbar-nav {
    display: inline-block;
}
.navbar-nav > li {
    position: relative;
    display: block;
    float: left;
}
.navbar-aana .navbar-nav>li>a{
    position: relative;
    display: block;
}


/**
* END OF fix header for AANA THEME */

.wb-mm-form-title {
    padding-top: 0;
}

.wb-mm-form-desc{
    font-weight: 700;
    font-size: 11pt;
}

.wb-mm-section-title {
    padding-top: 0;
}

.wb-mm-section-desc {
    font-weight: 300;
    font-size: 10pt;
}
/**
fine uploader */
.d-flex.d-none{
    display:none !important;
}
.wb-sc-file-uploader.wb-sc-file-uploader-image {
    min-height: 159px;
    padding: 20px;
    border-radius: 0;
    border: 4px dashed #cccccc;
    width: 200px;
}

.wb-mm-form-fine-upload .qq-uploader {
    max-height: 100%;
    overflow-y: auto;
    width: 100%;
    border-radius: 0;
    background-color: transparent;
    border: none !important;
    padding: 0 !important;
    min-height: 0 !important;
}

.wb-sc-file-uploader-text, .wb-sc-file-uploader-text-or {
    max-width: 166px;
    text-align: center;
    color: #5e5e5e;
    font-weight: 300;
    line-height: 29px;
    display: none;
    font-size: 10pt;
}
small.wb-sc-file-uploader-text-or {
    font-size: 10pt;
}

.wb-sc-file-uploader span.wb-mm-no-file-chosen {
    position: relative;
    margin-left: 10px;
}

.wb-sc-file-uploader.wb-sc-file-uploader-image .wb-sc-file-uploader-text-or,
.wb-sc-file-uploader.wb-sc-file-uploader-image .wb-sc-file-uploader-text{
    display: block;
}

.wb-mm-choose-file-btn {
    background-color: #593488;
    border-color: #593488;
    border-radius: 0;
    box-shadow: none;
    font-weight: 200;
    padding-left: 2rem;
    padding-right: 2rem;
    margin-bottom: 0;
    width: 152px;
    color: #ffffff;
}


.wb-mm-form-fine-upload .qq-uploader .qq-upload-list{
    max-height: 100%;
    overflow-y: auto;
    box-shadow: none;
}
.wb-mm-form-fine-upload .qq-uploader .qq-upload-list li {
    background-color: #ffffff;
    overflow: hidden;
    padding:0;
}

.wb-mm-form-fine-upload .qq-uploader .qq-upload-list li.qq-upload-success {
    background-color: transparent;
    border: none;
    padding:0;
}
.wb-mm-form-fine-upload .qq-uploader .qq-upload-list li.qq-upload-success .wb-mm-video-processing-icon-area {
    -ms-flex: 0 0 16.66667%;
    max-width: 100px;
    padding-right: 0;
    flex: 0 0 16.66667%;

}
.wb-mm-form-fine-upload .qq-uploader .qq-upload-list li .wb-mm-video-processing-message-area {

    -ms-flex: 0 0 90%;
    flex: 0 0 80%;
    max-width: 80%;

}

.wb-mm-form-fine-upload .qq-uploader .qq-upload-list li i.fas.fa-spinner.wb-mm-company-video-processing-loading {
    color: #1bada8;
    font-size: 34pt;
    margin-top: 26px;
    margin-left: 10px;
}
.wb-mm-form-fine-upload .qq-uploader .qq-upload-list li .wb-mm-video-processing-area .row{
    margin:auto;
}
.wb-mm-form-fine-upload .qq-uploader .qq-upload-list li .qq-upload-cancel {
    background-color: transparent;
    color: #593488;
}
.wb-mm-form-fine-upload .qq-uploader .wb-mm-company-video-processing-message{
    height: auto;
}
.wb-mm-form-fine-upload .qq-uploader .qq-upload-list .wb-mm-danger-btn {
    background-color: transparent;
    box-shadow: none;
    color: #593488;
    text-shadow: none;
    border: 1px solid #593488;
    border-radius: 0;
    margin-top: 23px;
}
.wb-mm-form-fine-upload .qq-uploader .qq-upload-list li .wb-mm-video-upload-bg,
.wb-mm-form-fine-upload .qq-uploader .qq-upload-list li .wb-mm-video-uploading-area{
    border-radius: 0 !important;
}
.wb-mm-form-fine-upload .qq-uploader .qq-upload-list li .wb-mm-video-upload-rate{
    margin-top: 15px;
}
.wb-mm-form-fine-upload .qq-uploader .qq-upload-list li .qq-thumbnail-selector{
    margin-right: auto;
}

.wb-sc-photos-upload.wb-admin-form-fine-upload.wb-mm-form-fine-upload .wb-mm-link {

    background-color: transparent;
    border: none;
    color: #593488;
    box-shadow: none;
    text-shadow: none;
    border-bottom: 1px solid #593488;
    font-size: 14px;
    padding: 0;
    margin: auto;
}

.btn.btn-primary.btn-submit{
    background-color:#593488;
    border: none;
    border-radius: 0;
    color:#ffffff;
}
.btn.btn-primary.mm-btn-primary{
    background-color:#593488;
    border: 1px solid #593488 !important;
    border-radius: 0;
    color:#ffffff;

}

.wb-sc-file-uploader.wb-sc-file-uploader-image .wb-mm-no-file-chosen,
.wb-mm-fineuploader-note,
.wb-mm-form-fine-upload .qq-uploader .qq-upload-button,
.wb-mm-form-fine-upload .qq-uploader .qq-upload-dnd-text,
.wb-mm-form-fine-upload .qq-uploader .qq-upload-spinner-selector,
.wb-mm-form-fine-upload .qq-uploader i.far.fa-file-video,
.wb-mm-form-fine-upload .qq-uploader .qq-total-progress-bar-container-selector,
.wb-admin-form-fine-upload-video.wb-mm-form-fine-upload li > .qq-upload-delete-selector{
    display:none !important;
}
/**
enf of fine uploader css */

/**
table styling */
div.dataTables_wrapper input[type="search"]{
    padding: 0px 10px;
}
/* Start Quiz Reorder Styles */

.wb-mm-question-sortable-handle {
    flex-basis: 100%;
    border-bottom: 1px solid #5a5858;
}

.wb-mm-dad-icon {
    cursor: move;
    display: flex;
    padding-left: 5px;
    padding-right: 10px;
}

.wb-mm-dependent-child,
input.wb-mm-dependent-child
{
    display:none;
}

/** MDAL */
.modal.wb-mm-form-element{
    height: auto !important;
    background-color: rgba(0,0,0,0.1) !important;
    border: none;
}

.modal.wb-mm-form-element .btn-form-submit[type="submit"]{
    display:none !important;
}

.modal.wb-mm-form-element .wb-loading{
    position:fixed;
    background-color: rgba(0,0,0,0.7);
    top:0;
    left: 0;
    width:100%;
    height:100%;
    z-index: 9;
}
.modal.wb-mm-form-element .wb-loading .fa{
    position: absolute;
    width: 70px;
    height: 70px;
    top: -50%;
    left: -50%;
    right: -50%;
    bottom: -50%;
    margin: auto;
    font-size: 70px;
    z-index: 9;
    color: #ffffff;
}
.wb-mm-lbl-note label,
.wb-mm-lbl-note .wb-mm-form-note{
    width:auto !important;
    display:inline-block !important;
}

.wb-mm-lbl-note .wb-mm-form-note{
    font-size: 12px;
    margin-left: 6px;
}

.wb-mm-lbl-note-bold .wb-mm-form-note,
.wb-mm-lbl-span-bold span{
    font-weight:bold;
}

.wb-mm-lbl-note-light .wb-mm-form-note{
    opacity:0.7;
}

.wb-mm-lbl-note-green .wb-mm-form-note.text-muted{
    color:#292 !important;
}

/**
error */
.wb-ent-widget-div.input-error input{
    border: 1px solid red;
}
.wb-ent-widget-div.input-error label.wb-mm-form-label{
    color:#ff0000;
}
.wb-attachment-file-container {
    position: relative;
}
/*
.wb-attachment-file-container a.wb-remove-uploaded-file {
    position: absolute;
    top: -20px;
    right: -20px;
    background-color: red;
    width: 45px;
    text-align: center;
    height: 45px;
    color: #fff;
    border-radius: 100%;
    line-height: 45px;
    box-shadow: none !important;
}
.wb-attachment-file.wb-attachment-file-icon {
    font-size: 50px;
    display: block;
}*/


/** overwrite theme style */

@media (min-width: 1200px){
    .hidden-lg {
        display: none!important;
    }
}
@media (min-width: 768px){

    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .navbar-collapse.collapse {
        display: block!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important;
        position: relative;
    }

}

.modal.wb-mm-form-element .modal-dialog{
    top:0;
    margin-top:auto !important;
}

/** added for course materials */
button.btn.btn-danger.wb-mm-duplicator-remover {
    border: 1px solid #883434;
    background-color:transparent;
    color: #883434;
    border-radius: 0;
}
button.btn.btn-light {
    background-color: transparent;
    border: 1px solid #593488;
    border-radius: 0;
    color:#593488;
    min-width: 180px;
}
.btn.btn-primary.wb-mm-file-btn {
    min-width: 180px;
}
.wb_lms_course_material_title-wrapper.wb-mm-dynamic-fld-wrapper {
    display: inline-block;
    width: 55%;
}
.d-inline-block.wb-duplicate-remove-wrapper #wb-mm-lms-aana-course-materials-remove-btn {
    top: 12px;
    position: relative;
}
.wb-video-holder.wb-admin-form-fine-upload-video-preview {
    padding-top: 0;
}
.wb-sc-video-content.wb-admin-form-fine-upload-video-preview{
    max-width:300px;
}
.wb-video-holder.wb-admin-form-fine-upload-video-preview .video-js {
    position: relative;
    top: auto;
    bottom: auto;
    right: auto;
    left: auto;
    height: 0;
    width: 100%;
    padding-bottom: 56%;
    overflow: hidden;
}

/*
.wb-attachment-file-container.wb-mm-uploaded-file{
    display:inline-block;
    border:1px solid #e4e4e4;
}
.wb-attachment-file {
    max-width: 300px;
}
*/
/** media manager updates */
#TB_title {
    height: 62px;
    background-color: #0d67a2;
    color:#fff;
}
.tb-close-icon{
    color:#ffffff;
}

/* Upload fail updates */
.qq-upload-list li.qq-upload-fail {
    background-color: #F5D7D7;
    color: #424242;
    border-bottom: 0px solid #DECACA !important;
    border-top: 0px solid #FCE6E6 !important;
    margin-top: 10px;
}
.wb-hidden-input {
    left: -2000px;
    z-index: -1111;
}