@charset "UTF-8";

.sidebar-menu > li.active > a {
    pointer-events: none;
    cursor: default;
}

.modal .overlay {
    z-index: 1010;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 3px;
}

.modal .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.modal .overlay > .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    color: #000;
    font-size: 30px;
}

.content-wrapper, .right-side {
    min-height: 100vh;
}

table.file-list tbody i {
    margin-right: 3px;
}

/*
*  Course Selector
*/
#courseSel .modal-body {
    padding-bottom: 0;
}

#courseSel .table {
    margin-bottom: 0;
}

#courseSel td.size {
    white-space: nowrap;
}

/*
* Info Box
*/
#info-table {
    margin-bottom: 0;
}

#file-info .modal-footer button.btn {
    margin-bottom: 0;
}

.modal-danger a {
    color: white;
}

#file-info {
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

#file-info .modal-footer .confirm {
    color: #8c0900;
}

#file-info .confirm {
    margin-bottom: 0;
}

#info-table tbody {
    word-break: break-word;
}

#info-table tbody td {
    min-width: 100px;
}

.table-caption {
    margin-bottom: 0;
    font-weight: 600;
}

td.loading {
    text-align: center;
}

/*

File Upload

*/

#dropzone {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 100;
}

#dropzone h1.hint {
    text-align: center;
    vertical-align: middle;
    color: #A0A0A0;
    width: 80%;
    margin: 40px 10% 0 10%;
}

#fileupload table {
    margin-bottom: 10px;
}

.fileupload-progress.fade {
    display: none;
}

.fileupload-progress.fade.in {
    display: block;
}

.fileinput-button {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px !important;
    direction: ltr;
    cursor: pointer;
}

.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
    margin-bottom: 5px;
}

.progress-animated .progress-bar,
.progress-animated .bar {
    background: url("../img/progressbar.gif") !important;
    filter: none;
}

.progress {
    border: #C5C5C5 1px solid;
    margin-bottom: 0;
    border-radius: 4px;
}

.fileupload-process {
    float: right;
    display: none;
}

.fileupload-processing .fileupload-process,
.files .processing .preview {
    display: block;
    width: 32px;
    height: 32px;
    background: url("../img/loading.gif") center no-repeat;
    background-size: contain;
}

.files audio,
.files video {
    max-width: 300px;
}

#fileupload table tbody p {
    margin: 0;
}

#fileupload table tbody td {
    vertical-align: middle !important;
    padding: 3px;
}

@media (max-width: 767px) {
    .fileupload-buttonbar .toggle,
    .files .toggle,
    .files .btn span {
        display: none;
    }

    .files .name {
        width: 80px;
        word-wrap: break-word;
    }

    .files audio,
    .files video {
        max-width: 80px;
    }

    .files img,
    .files canvas {
        max-width: 100%;
    }
}

/* File box */
#boxFiles .button-container {
    margin-top: 10px;
}

#boxFiles .button-container i.fa {
    margin-right: 4px;
}

#boxFiles .button-container button:not(:first-child) {
    margin-left: 10px;
}

#boxFiles .button-container button.edit {
    display: none;
}

#boxFiles.editing .button-container button.edit {
    display: initial;
}

#boxFiles.editing tr.selected {
    background: #3c8dbc;
    color: white;
}

#boxFiles.editing button#refresh {
    display: none;
}

#boxFiles table.file-list tfoot .partial {
    display: none;
}

#boxFiles.filtering table.file-list tfoot .partial {
    display: inline;
}

#boxFiles {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
}

@media (max-width: 1215px) and (min-width: 768px) {
    .button-container button span {
        display: none;
    }
}

@media (max-width: 606px) {
    .button-container button span {
        display: none;
    }
}

/* copy alert */
#success-box {
    position: fixed;
    bottom: 0;
    left: 15px;
    right: 15px;
    background-color: rgba(0, 150, 81, 0.24) !important;
    border-color: rgba(0, 125, 83, 0.19);
    color: #004828 !important;
}

#success-box a {
    color: #004828 !important;
}



/* Log Search */
.log-search-container {
    margin: 0;
}

.log-search-container .search {
    position: relative;
    color: #000;
    font-size: 16px;
    width: 100%;
}

.log-search-container .search input {
    width: 100%;
    height: 32px;
    background: #fcfcfc;
    border: 1px solid #aaa;
    border-radius: 5px;
    padding-left: 26px;

}

.log-search-container .search .fa-search {
    position: absolute;
    top: 8px;
    left: 10px;
}

.no-break {
    white-space: nowrap;
}
section.content.container {
  width: 100%;
}


/* copy alert */
#success-box {
    position: fixed;
    bottom: 0;
    left: 15px;
    right: 15px;
    /* background-color: rgba(0, 150, 81, 0.24) !important; */
    /* border-color: rgba(0, 125, 83, 0.19); */
    /* color: #004828 !important; */
    width: 98%;
    z-index: 9999;
    color: #3c763d !important;
    background-color: #dff0d8 !important;
    border-color: rgba(0, 125, 83, 0.19) !important;
}

#success-box a {
    color: #004828 !important;
}