/* Minification failed. Returning unminified contents.
(923,21): run-time error CSS1036: Expected expression, found '!important'
 */
@font-face {
    font-family: EDUKFSMeWeb-Regular;
    src: url('/Content/fonts/EDUKFSMeWeb-Regular.woff') format('woff'),
    url('/Content/fonts/EDUKFSMeWeb-Regular.ttf') format('truetype');
}

html, body {
    height: 100%;
    font-family: EDUKFSMeWeb-Regular; /* Use your font */
}

a {
    color: #116993;
    font-size: 1.1667em;
}

.form-control {
    color: #58595B;
    font-size: 1.1667em;
}

.info-box {
    color:white;
    background-color: #1B9AF2;
}

.info-box-icon {
    background-color: #1B9AF2;
}

.info-box-content {
    background-color: #1B9AF2;
}

.color-palette {
    height: 35px;
    line-height: 35px;
    text-align: center;
}

.color-palette-set {
    margin-bottom: 15px;
}

.color-palette span {
    display: none;
    font-size: 12px;
}

.color-palette:hover span {
    display: block;
}

.color-palette-box h4 {
    position: absolute;
    top: 100%;
    left: 25px;
    margin-top: -40px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    display: block;
    z-index: 7;
}

.login-main-footer {
    /*    -webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    
    position: absolute;
    bottom: 0px;*/
    z-index: 820;
    width: 100%;
}

.login-main-footer-text {
    width: 100%;
    text-align: center;
}

th, td {
    white-space: nowrap;
}

 div.datatable-wrapper {
    width: 100%;
    margin: 0 auto;
}

.hdr-center {
    text-align: center;
}

.operator-graph-modal .modal {
    position: absolute;
    top: auto;
    bottom: auto;
    right: auto;
    left: auto;
    z-index: 999999;
}

.operator-graph-modal .modal {
    background: transparent !important;
}

#full-page-overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 99999; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

#full-page-overlay-activity {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 99999; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

.login-logo-img {
    margin: 0 auto !important;
}

/*.login-box, .register-box {
    margin: 20px auto 0px 20px !important;
}*/

.login-box-body, .register-box-body {
    background-color: #D2EFFD !important;
}

.bg-green {
    background-color: #5CA604 !important;
}

.nav-tabs {
    border: none !important;
}
.nav-tabs-custom {
    box-shadow: none !important;
}
.tab-content1 {
    background-color: #D2EFFD !important;
}


#cam-container {
    margin: 0px auto;
    width: 100%;
    height: auto;
    border: 10px #333 solid;
}

#video-element {
    width: 100%;
    height: auto;
    background-color: #666;
}

#login-footer {
    margin-left: 0px !important;
    background-color: #116993;
    border-top: none !important;
    color:white;
}

.wrapper {
    height: 100%;
}

.wrapper-box {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    padding-bottom: 50px;
    margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
}

footer {
    height: 50px; /* .push must be the same height as .footer */
}

.question-total {
    color: #4FA600 !important;
}

.marker {
    width: 100%;
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
}

.mark-item, .sk-item {
    display: inline-block !important;
    width: 80%;
    padding: 7px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    vertical-align: middle;
}

.remove-mark-item, .sk-set-item {
    display: inline-block !important;
    width: 20%;
    text-align: center;
    padding: 7px !important;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    vertical-align: middle;
}

.annotation-ag {
    font-size: 0.85em;
    font-weight: bold;
    background-color: forestgreen;
    opacity: 0.7;
    border-radius: 10px;
    text-align: center;
    color: #fff;
    line-height: 20px;
}

.annotation-rvs {
    font-size: 0.85em;
    font-weight: bold;
    background-color: darkcyan;
    opacity: 0.7;
    border-radius: 10px;
    text-align: center;
    color: #fff;
    line-height: 20px;
}

.annotation-f {
    font-size: 0.85em;
    font-weight: bold;
    background-color: darkmagenta;
    opacity: 0.7;
    border-radius: 10px;
    text-align: center;
    color: #fff;
    line-height: 20px;
}

.annotation-c {
    font-size: 0.85em;
    font-weight: bold;
    background-color: goldenrod;
    opacity: 0.7;
    border-radius: 10px;
    text-align: center;
    color: #000;
    line-height: 20px;
}

/*.sk-item {
    display: inline-block !important;
    width: 65%;
    padding: 7px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    vertical-align: middle;
    border: 1px solid red;
}
*/
/*.sk-set-item {
    display: inline-block !important;
    width: 35%;
    text-align: center;
    padding: 7px !important;
    font-family:*/ /*'Source Sans Pro', */ /*'Helvetica Neue', Helvetica, Arial, sans-serif;
    vertical-align: middle;
}*/

.plv-label {
    margin-top: 15px;
}

.plv-level {
    color: #000 !important;    
}

#marker-dialog {
    display: none;
}

.toolbar-button {
    height: 50px;
    width: 50px !important;
    cursor: pointer;
    padding: 14px;
}

.toolbar-button1 {
    height: 50px;
    width: 50px;
    cursor: pointer;
    padding: 14px;
}

#toolbar-box-pdf {
    position: absolute;
    left: 50%;
    top: 5px;
    margin-left:-100px;
    width: 200px;
    z-index: 991;
    background: #DDDDDD
}

.toolbar-left {
    position: absolute;
    left: 8px;
    top: 8px;
    width: 50px;
    z-index: 991;
    background: #DDDDDD
}

.toolbar-left1 {
    position: absolute;
    left: 68px;
    top: 70px;
    width: 50px;
    z-index: 991;
    background: #DDDDDD
}

.toolbar-top-left {
    position: absolute;
    left: 128px;
    top: 8px;
    width: 638px;
    z-index: 991;
    background: #DDDDDD;
}

.toolbar-left-audio {
    position: absolute;
    left: 9px;
    top: 5px;
    width: 50px;
    z-index: 991;
    background: #DDDDDD
}

.toolbar-left1-audio {
    position: absolute;
    left: 68px;
    top: 5px;
    width: 50px;
    z-index: 991;
    background: #DDDDDD
}

.toolbar-box-archive {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 250px;
    z-index: 991;
}

.toolbar-toggle-left {
    position: absolute;
    left: 68px;
    top: 8px;
    width: 50px;
    z-index: 991;
    background: #DDDDDD;
}

.toolbar-right {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 50px;
    z-index: 991;
    background: #DDDDDD;
}

.toolbar-top-right {
    position: absolute;
    right: 128px;
    top: 8px;
    width: 638px;
    z-index: 991;
    background: #DDDDDD;
    border:0px solid red;
}

.toolbar-right1 {
    position: absolute;
    right: 68px;
    top: 70px;
    width: 50px;
    z-index: 991;
    background: #DDDDDD
}

.toolbar-right-audio {
    position: absolute;
    right: 9px;
    top: 5px;
    width: 50px;
    z-index: 991;
    background: #DDDDDD
}

.toolbar-right1-audio {
    position: absolute;
    right: 68px;
    top: 5px;
    width: 50px;
    z-index: 991;
    background: #DDDDDD
}

.toolbar-toggle-right {
    position: absolute;
    right: 68px;
    top: 8px;
    width: 50px;
    z-index: 991;
    background: #DDDDDD
}

#btnToggleToolbar.clicked {
    background: #4FA600 !important;
}

.toolbar-button.clicked {
    background: #4FA600 !important;
}

/*button:active {
    background: #4FA600 !important;
}
*/
/*button:focus {
    background: #4FA600 !important;
}*/

button.bg-orange:active {
    background: orange !important;
}

button.bg-orange:focus {
    background: orange !important;
}

input[type="radio"] {
    margin-top: -1px;
    vertical-align: middle;
}

#loader-container {
    position: absolute;
    bottom: 80px;
    right: 10px;
    padding: 10px;
    z-index: 999991;
    width: 100%;
    display: none;
}

.loader-text {
    margin-right: 10px;
    line-height: 50px;
    color: white;
}

.loader {
    border: 15px solid #fff;
    border-top: 15px solid #E64F29;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

#loader-container-activity {
    position: absolute;
    bottom: 80px;
    right: 10px;
    padding: 10px;
    z-index: 999991;
    width: 100%;
    display: none;
}

.loader-text-activity {
    margin-right: 10px;
    line-height: 50px;
    color: white;
}

.loader-activity {
    border: 15px solid #fff;
    border-top: 15px solid #E64F29;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

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

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

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.content-wrapper {
    height: 100% !important;
    background-color: #D2EFFD !important;
}

#sidebar-container {
    background: #222d32;
    height: 95%;
    padding: 2px;
}

#ul-marking-list {
    overflow: hidden;
    overflow-y: auto;
}

#sidebar-container a {
    color: #b8c7ce;
}

.selected-marker {
    border:2px solid red;
    border-radius: 50%;
}

.unselected-highlight {
    color: red;
}

.selected-highlight {
    color: #000000;
}

/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
    visibility: hidden;
    min-width: 800px; /* Set a default minimum width */
    margin-left: -400px; /* Divide value of min-width by 2 */
    background-color: #1a2226;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    padding: 16px;
    position: fixed;
    z-index: 999990;
    left: 50%;
    bottom: 30px;
}

    /* Show the snackbar when clicking on a button (class added with JavaScript) */
    #snackbar.show {
        visibility: visible; /* Show the snackbar */
        /* Add animation: Take 0.5 seconds to fade in and out the snackbar. 
However, delay the fade out process for 2.5 seconds */
        -webkit-animation: fadein 0.5s, fadeout 0.5s 4.5s;
        animation: fadein 0.5s, fadeout 0.5s 4.5s;
    }

    /* Show the snackbar when clicking on a button (class added with JavaScript) */
    #snackbar.showerror {
        background-color:red;
        color:white;
        visibility: visible; /* Show the snackbar */
        /* Add animation: Take 0.5 seconds to fade in and out the snackbar. 
However, delay the fade out process for 2.5 seconds */
        -webkit-animation: fadein 0.5s, fadeout 0.5s 4.5s;
        animation: fadein 0.5s, fadeout 0.5s 4.5s;
    }

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    } 
}

@-webkit-keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

#btnOpenBatch {
    padding:2px;
}

#batch-list  td {
    padding:5px;
}

.flag-image {
    display: none;
    position: absolute;
    left: 1px;
    top: 1px;
    right: 1px;
    bottom: 1px;
    border: 5px solid red;
}

.flag-image-text {
    position: absolute;
    bottom: 5px;
    color: red;
}

progress {
    display: block;
    width: auto;
    height: 36px;
    -webkit-appearance: none;
    border: none;
    margin-left: 37px;
    z-index:990 !important;
}   

/* All good till now. Now we'll style the background */
progress::-webkit-progress-bar {
    background: rgba(0,0,0,0);
    border-radius: 0px 2px 2px 0px;
}

/* Now the value part */
progress::-webkit-progress-value {
    background: rgba(0,0,0,0);
    border-radius: 0px 2px 2px 0px;
    border-right: 2px solid black;
}

#video-box1 {
    display: none;
    width: 340px;
    height: 300px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -170px;
    margin-top: -200px;
    padding: 10px;
    background-color: #ffffff;
    z-index: 999990;
    border: 1px solid #4FA600;
}

#batch-list td {
    line-height: 30px;
    padding: 5px 5px 5px 5px;
}

#tr-track {
    height: 70px;
}

#audio-player-container {
    position: relative;
    width: 100%;
    height: 52px;
    background: white;
    border: 1px solid #dbe3e8;
    border-radius: 10px;
    padding: 0px;
    z-index: 990;
}

#audio-player-timer {
    position: absolute;
    left: 0px;
    top: 30px;
    font-size: 0.70em;
    font-weight: normal;
    width: 50px;
    text-align: center;
    overflow: hidden;
    color: #ffffff;
}

#audio-track {
    position: absolute;
    left: 50px;
    top: 0px;
    height: 50px;
    outline: 0px solid green;
    margin: 0;
    padding: 0;
}

.canvas-audio-track {
    position: absolute;
    left: 50px;
    top: 0px;
    outline: 0px solid red;
    margin: 0;
    padding: 0;
    z-index: -1;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

#btn-audio-play {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 50px;
    height: 50px;
    color: white;
    border-radius: 10px 0px 0px 10px;
    padding: 0;
}

#audio-player-icon {
    margin-top:10px;
}

.marking-list {
    height: 100%;
    overflow: auto;
}

#settings-dialog {
    z-index: 999990;
}

#dialog-remove-mark {
    z-index: 999990;
}

#dialog-remove-mark-content {
    position: absolute;
    top: 150px;
}

#dialog-add-mark-content {
    position: absolute;
    top: 150px;
}

#current-list-tab, #history-tab {
    position: relative;
    padding: 10px;
    height: 100%;
}

.box-overlay, .box-overlay-bi, .box-overlay-p {
    position: absolute;
    background: rgba(255,255,255,0.7);
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 999;
    text-align: center;
    font-size: 1.8em;
    color: lightslategray;
    padding: 20px;
    display: none;
}

.progress {
    background-color: gainsboro;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#dt-tloh-thead, #dt-flagged-batch-tloh-thead, #dt-batches-done-tloh-thead, #dt-user-progress-tloh-thead,
#dt-batches-moderated-tloh-thead, #dt-overall-progress-tloh-thead {
    font-weight: bold;
}

#ul-menu-batch-actions.dropdown-menu {
    background-color: ghostwhite !important;
}

#table-batch-list, #table-batch-flow, #table-flagged-batch-list, #table-batches-done-list,
#table-user-progress, #table-batches-moderated-list, #table-overall-progress {
    cursor: pointer;
}

#table-batch-list tbody tr:hover, #table-batch-flow tbody tr:hover {
    background-color: lightgray;
}

/*.leaflet-control-zoom-in, .leaflet-control-zoom-out {
    background-color: #3c8dbc !important;
    color: white !important;
    height: 44px !important;
    width: 44px !important;
}

.leaflet-bar {
    border:none !important;
}*/

.leaflet-control-zoom {
    display: none;
}

.lbl-plv {
    margin-right: 10px !important;
}

.lbl-plv.active {
    color:white !important;
    background-color:forestgreen !important;
}

#iframe-pdf-viewer {
    /*position: absolute;
    left: 0px;
    top: 0px;*/
    width: 100%;
    height: 100%;
    z-index: 99999 !important;
    background-color: lightgray;
    border: 0px solid transparent;
}

#table-sbs-compare, #table-feedback {
    color: #b8c7ce;
}

#table-sbs-compare.table > thead > tr > th,
#table-feedback.table > thead > tr > th {
    border-bottom: 1px solid #b8c7ce !important;
}

#table-sbs-compare.table > tbody > tr > td,
#table-feedback.table > tbody > tr > td {
    border-bottom: 1px solid #b8c7ce !important;
}

.tr-diff {
    color: red;
}

.mark-item-header {
    padding: 5px 0px 5px 5px !important;
    vertical-align: !important;
}

.div-mark-item-header {
    display: inline-block !important;
    width: 80%;
    line-height: 25px;
    margin-top: 1px;
}

.div-mark-item-header-text {
    padding: 0;
    margin: 0;
    color: white;
}

.div-mark-item-total {
    display: inline-block !important;
    width: 20%;
    line-height: 25px;
    margin-top: -2px;
    text-align: center;
    vertical-align: middle;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.total-header {
    padding: 0;
    margin: 0;
    text-align: center;
}

.total-header-text {
    display: block;
    padding: 3px;
    margin: 0;
    color: #000 !important;
    width: 100%
}

.score-comment {
    resize: none;
    height: 70px;
    width: 770px;
}

.sk-dialog {
    width: 800px !important;
}

#sk-dialog.modal-dialog {
    width: 800px !important;
}

.div-comment-list {
    margin-top:20px;
    margin-bottom:0px;
}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
    color: white !important;
    text-decoration: none;
    background-color: green !important;
}

/*#table-flagged-batch-list td {
    max-width: 200px;
    min-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}*/

.short-text {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 150px;
}

.progress-description {
    font-weight:bold;
}

.sk-cc {
    display:none;
    color:orange;
}

.sub-total-header-text {
    color:white;
    font-weight:normal !important;
}

#span-marker-label {
    background-color:orange;
    color:black;
}

#batches-todo-new, #scripts-moderated-new, #scripts-flagged-new {
    display: none;
}

@keyframes blinking {
    to {
        visibility: hidden;
    }
}

@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

.blink {
    animation: blink-animation 1s steps(5, start) 3;
    -webkit-animation: blink-animation 1s steps(5, start) 3;
}

#image-index:hover {
    cursor:pointer;
}

.li-search-box {
    margin-right: 2px;
    margin-top: 8px;
}

.li-button-search {
    margin-right: 10px;
}

#table-archive-results thead tr {
    background-color: #ccc;
}

#table-archive-results tbody tr:hover {
    cursor:pointer;
}

.div-long-text {
    cursor:pointer;
}

/* Skin changes */
.skin-blue .main-header .navbar {
    background-color: #116993;
}

.content-wrapper, .right-side {
    background-color: #C0D1E5;
}

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: #08223F;
}

.skin-blue .sidebar-menu > li.header {
    background-color: #011E26;
    color: #b8c7ce;
}

.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a {
    background-color: #011E32;
}

.skin-blue .treeview-menu > li > a {
    background-color: #011E3C;
}

.skin-blue .main-header .logo {
    background-color: #C0D1E5;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: #011E26;
}

.skin-blue .main-header li.user-header {
    background-color: #116993;
}

.skin-blue .sidebar-menu > li > .treeview-menu {
    background-color: #116993;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #116993;
    border-color: #116993;
}

table.dataTable tbody tr {
    cursor:pointer;
}

table.dataTable tbody tr.selected {
    color: #000000 !important;
    background-color: #C0D1E5 !important;
}

.toolbar-button2 {
    margin: 2px 0px;
    display: block;
    background-color: #116993;
    color: white;
    font-size:0.8em;
}

    .toolbar-button2:hover {
        background-color: #1B9AF2;
        color: white;
    }

    .toolbar-button2:active {
        background-color: #74DDFF;
        color: black;
    }

.toolbar-button2:visited {
    background-color: #00a65a;
    color: white;
}

.login-page, .register-page {
    background-color: #116993;
}

.test-progress {
    display: block;
    width: auto;
    height: 20px;
    -webkit-appearance: none;
    border: none;
}

.progress-bar-green, .progress-bar-success {
    background-color: #1B9AF2;
}

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: #116993;
}

.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a {
    background-color: #116993;
}

.skin-blue .treeview-menu > li > a {
    background-color: #116993;
    color: #b8c7ce;
}

.skin-blue .treeview-menu > li > a:hover {
    background-color: #116993;
    color: white;
}

table.dataTable tbody tr.selected, .modal-content {
    background-color: #D2EFFD !important;
}

.text-success {
    color: #1B9AF2 !important;
}

.modal-header, .modal-footer {
    border:none !important;
}

::-moz-selection {
    background-color: #116993 !important;
    color: #fff !important;
}

::selection {
    background-color: #116993 !important;
    color: #fff !important;
}

#div-info {
    display: none;
    margin: 2px;
    text-align: right
}

.div-tooltip {
    position: absolute;
    background-color: #116993;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    z-index: 999999;
    top: 0px;
    left: 0px;
    display: none;
}