body{overflow-y: hidden;} @media only screen and (max-width: 768px) { body{overflow-y: auto;} } .content-header {padding: 0px;} /* Upload Image Styles */ .div-action { margin-top:20px; } .div-action a { padding:10px 15px; background: #3c8dbc; color: white; border-radius:3px; font-size: 18px; vertical-align: middle; margin-left: 15px;} .div-action a:hover { opacity: 0.8; } .upload-image-container {padding: 60px;} .studnav .form-group button {margin-top:24px;} .upload-drop-zone { height: 200px; border-width: 2px; margin-bottom: 20px; } .upload-drop-zone { font-size: 21px; color: #ccc; border-style: dashed; border-color: #ccc; line-height: 200px; text-align: center } .upload-drop-zone.drop { color: white; border-color: white; background-color:#3c8dbc; } .upload-image-container .container {width: auto !important;} .btn:focus, .btn:active, button:focus, button:active { outline: none !important; box-shadow: none !important; } #image-gallery .modal-footer{ display: block; } #image-gallery .modal-body {background-color: black;} #image-gallery .modal-body img {width: auto; height:500px; margin: auto; float: none;} /*.modal-footer button:hover {background-color: #f39c12;}*/ /* .content-wrapper {overflow: hidden;} */ .wrapper { overflow: initial !important;} .thumb{ margin-top: 15px; margin-bottom: 15px; } .items {margin: auto;} .items .img-thumbnail {height: 250px !important; width: 300px; border: 0px !important; object-fit: cover;object-position: center;} .items .item {width: 29%; margin: 2%; float: left;} .upload-area{ width: 100%; height: 200px; border: 2px solid lightgray; border-radius: 3px; margin: 0 auto; text-align: center; overflow: auto; } .upload-area:hover{ cursor: pointer; } .upload-area i { position: absolute;top: 20%;color: #00a65a;font-size: 50px;left: 50%;transform: translateX(-50%);} .upload-area h1{ transform: translateX(-50%); text-align: center; font-weight: normal; font-family: sans-serif; font-size: 26px; top: 38%; line-height: 32px; color: darkslategray; position: absolute;left: 50%;} .input.file label{ display: none; } #js-upload-form button[type=submit] { pointer-events: none; opacity: 0.5;} #dropzone { position: relative; border: 2px solid #ecf0f5; border-radius: 10px; color: #000; font: bold 24px/200px arial; height: 350px; margin: 30px auto; text-align: center; width: 100%; background-color: #ecf0f5; } #dropzone.hover { border: 4px solid green; color: green; } #dropzone.dropped { background: #222; border: 5px solid #444; } #dropzone div { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 9; } #dropzone img { border-radius: 5px; vertical-align: middle; max-width: 95%; max-height: 95%; position: absolute; top: 50%; transform: translateX(-50%)translateY(-50%); } #dropzone #image_file { cursor: pointer; position: absolute; opacity: 0; top: 0; right: 0; bottom: 0; left: 0; width: 100%; z-index: 99; } .dropzone {min-height: 100px !important; padding: 10px 10px !important;} .image-delete {text-align: right; position: relative;} .image-delete .del-confirmation {position: absolute; width: 170px; right: 0px; background-color: #ecf0f5; padding: 10px; border-radius: 8px; top: -100px; text-align: center;} .image-delete .del-confirmation button {margin:0px 5px;} .image-delete .del-confirmation .arrow-down { font-size: 20px; position: absolute; top: 65px; right: 30px; color: #ecf0f5;} @media only screen and (max-width: 1200px) { .items .item {width: 46%;} } @media only screen and (max-width: 868px) { .items .item {width: 100%;} } @media only screen and (max-width: 768px) { .upload-image-container {padding: 40px 20px;} } .swal2-title {font-size: 30px !important;} #swal2-content {font-size: 18px !important;} .swal2-actions button {font-size: 18px !important;} /*table header sticky fixes on iPad*/ #table-scroll table > caption { position: absolute; top: -45px; left: 150px; } /*Main Header*/ .main-header .navbar .navbar-custom-menu .drawing-link {padding: 0; cursor: pointer;} .main-header .navbar .navbar-custom-menu .drawing-link img {width: 22px; margin: 13px 10px 15px 10px;} /* Standard Screen Styles */ .custom-container { width: 910px; position: relative;} .custom-container.modal-open { pointer-events: none; width: 100%; } .custom-container.full-width {width: 100%;} .standard-style .form-items {list-style: none; padding: 15px; padding-bottom: 40px; padding-right: 0px;} .standard-style .form-items label {position:relative;} .standard-style .form-items label span.custom-control-description {background-color: transparent !important; color: #333!important; margin-right: 0px !important; margin-right: 10px !important; padding-left: 0px;padding:10px 0px; font-size: 18px; color:white;border-radius: 5px; font-weight: 600;} .standard-style .form-items li {align-items: center;} .standard-style .custom-col {width: auto; float: left; position: relative;} .standard-style .form-items li.full-width div.col-md-12 div.custom-col {width: 80%;} .standard-style .list-style-2 .col-md-6:last-child .custom-col {width: 100%; padding-right: 15px;} .standard-style .list-style-2 .col-md-5:last-child .custom-col {width: 100%; padding-right: 15px;} .standard-style .text-display {list-style: none; padding-left: 0px;} .standard-style .text-display li {display: inline-block; background-color: #f39c12; min-width: 140px; text-align: center; padding: 10px 10px; border-radius: 5px; margin-right: 10px; margin-bottom: 10px;} .standard-style .text-display li p {font-size: 17px; font-weight: 600; color: white; margin-bottom: 0px;} /* Standard style for Filter Block */ .standard-style .form-items li#filter-block i {display:block; background: #333; color: white; width: 40px; height: 40px; border-radius: 50%; text-align: center; vertical-align: middle; font-size: 30px; position: relative; } .standard-style .form-items li#filter-block i:first-child {margin-top: 160px !important; margin: auto;} .standard-style .form-items li#filter-block i:last-child {margin-top: 50px !important; margin: auto;} .standard-style .form-items li#filter-block i:before {position: absolute; top: 50%; left: 50%; transform: translateX(-50%)translateY(-50%); } .standard-style .form-items li#filter-block i:hover {background-color: #f39c12; cursor: pointer;} .standard-style .form-items li#filter-block .col-md-6:last-child .custom-col:first-child { width: 150px; display: inline-block; margin-right: 9px;} .standard-style .form-items li#filter-block .col-md-6:last-child .custom-col:last-child { display: inline-block; vertical-align: top;} .standard-style .form-items li#filter-block select.selectedTextbook {height: 485px !important;} .standard-style .form-items li#filter-block select.selectedStudent {height: 485px !important;} .standard-style .form-items li#filter-block select.unselectedTextbook {height: 370px;} .standard-style .form-items li.textbook-filter-block i#passTextbook { margin-top: 35px !important; display:block; background: #333; color: white; width: 40px; height: 40px; border-radius: 50%; margin: auto; vertical-align: middle; font-size: 30px; position: relative; } .standard-style .form-items li.textbook-filter-block i#passTextbook:before {position: absolute; top: 50%; left: 50%; transform: translateX(-50%)translateY(-50%); } .standard-style .form-items li.textbook-filter-block i#passTextbook:hover {background-color: #f39c12; cursor: pointer;} .standard-style .form-items li.textbook-filter-block .col-md-6:last-child .custom-col:first-child { width: 150px; display: inline-block; margin-right: 9px;} .standard-style .form-items li.textbook-filter-block .col-md-6:last-child .custom-col:last-child { display: inline-block; vertical-align: top;} .standard-style .form-items li.textbook-filter-block select.selectedTextbook {height: 485px !important;} .standard-style .form-items li.textbook-filter-block select.selectedStudent {height: 485px !important;} .standard-style .form-items li.textbook-filter-block select.unselectedTextbook {height: 180px; width: 550px; } .standard-style .form-items li.textbook-filter-block .custom-col.textbook-filter { margin-left: 162px; } .standard-style .form-items li.textbook-filter-block .custom-col.textbook-filter table{ margin-top: 35px; } .standard-style .form-items li.textbook-filter-block .custom-col.textbook-filter table p { font-size: 26px; margin-bottom: 0px; } .standard-style .form-items li.textbook-filter-block .custom-col.textbook-filter table p i:hover { color:#f39c12; cursor: pointer; } .standard-style .form-items li.textbook-filter-block .custom-col.textbook-filter table select { min-width: 85px !important; margin-right: 0px !important; margin-right: 0px !important; width: 100%; float: left;} /* Standard style for all fields types */ .standard-style li .radio {height: 35px;} .standard-style textarea { width: 250px !important;} .standard-style span.select2-selection {min-width: 250px !important; padding: 4px 8px; font-size: 18px; border-radius: 5px;} .standard-style #table-wrapper span.select2-selection {padding: 2px;} .standard-style span.select2-selection li {font-size: 15px;} .standard-style .select2-container--default .select2-selection--multiple { width: 268px; max-height: 90px; overflow-y: auto;} .standard-style .select2-container--default .select2-selection--single { height: 45px; min-width: 268px !important; padding: 12px; font-size: 18px; border-radius: 5px;} /* .standard-style .select2-container--default .select2-selection--single .select2-selection__clear {display: none;} */ .standard-style .select2-container--default .select2-selection--single .select2-selection__arrow {top: 50%; transform: translateY(-50%);} .standard-style .form-items label.main-label { vertical-align: top; width:150px; background-color:#f39c12; padding:10px 0px; font-size: 17px; color:white;border-radius: 5px; text-align: center; margin-right: 14px; margin-bottom: 10px; font-weight: 600;} .standard-style .form-items label input[type=radio] {margin-top: 6px;} .standard-style .student-image-wrapper { width: 250px; height: auto; margin-left: 2px;} .standard-style .student-image-wrapper img {width: 200px; border: 0px !important; object-fit: cover; object-position: center;} .standard-style input[type = text], .standard-style input[type = number], .standard-style select, .standard-style input[type = email], .standard-style input[type = password], .standard-style textarea { overflow: auto; height: 45px; min-width: 268px !important; padding: 8px; font-size: 18px; border-radius: 5px;} .standard-style select {height: auto; width: 250px; margin-left: 2px;} .standard-style .label-left {font-size: 17px; font-weight: bold;} .standard-style .label-left input[type=checkbox] {margin-top: 7px; margin-right: 5px;} .standard-style .list-style-2 .custom-control-description {margin-left: 23px;} .standard-style .list-style-2 .radio {margin-right: 30px; margin-left: 20px;} .standard-style .list-style-2 input[type=radio].radio-no-label { margin-right: 30px; margin-left: 20px; vertical-align: middle; height: 40px;} .standard-style.full-width-col input, .standard-style.full-width-col select, .standard-style.full-width-col textarea{ width: 325px !important; } .standard-style.full-width-col .select2-container--default .select2-selection--single { width: 325px !important; } @media only screen and (max-width: 991px){ .standard-style.full-width-col .custom-col { width: auto; } } .standard-style .modal-header { border-bottom-color: #a9a9a9; border-bottom: 2px solid; } .standard-style #make-class select { height: 315px; } .standard-style .modal-content .make-class span.select2-selection { padding: 12px !important; } .standard-style .modal-content .make-class span.select2-selection--multiple { padding-top: 3px !important; padding-bottom: 3px !important; } .standard-style .modal-content .form-items { padding-bottom: 0px; } .standard-style .modal-header .choosenStudent { font-size: 21px; text-align: center; margin-top: 20px; } .standard-style .modal-content p.class-name { margin-top: 20px; font-size: 18px; } #edit-class td.students a { padding: 0px; } #edit-class #cancel-btn { position: absolute; right: -240px; } .standard-style.class #table-wrapper table { width: auto !important; margin: 0px 0px !important; } .standard-style.class #table-wrapper table .edit_link { font-size:24px; } /* Standard Tables styles */ .standard-style table th {text-align: center;} .standard-style table td {text-align: center; vertical-align: middle !important;} .standard-style #table-wrapper { position:relative; margin-bottom: 20px;} /* .standard-style #table-scroll { max-height: 500px; overflow:auto; margin-top:20px; } */ .standard-style #table-wrapper table { width:100%; margin: 0px auto !important; } .table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td { border: 1px solid #bbbbbb !important; } .standard-style #table-wrapper .select2-container .select2-search--inline .select2-search__field {margin-top: 9px; width:auto;} /* .standard-style .select2-container .select2-search--inline .select2-search__field { padding: 2px; } */ .standard-style .link-table {padding: 1%; vertical-align: bottom !important; position: relative;} .standard-style .link-table a {height: 100%; display: block; position: absolute; top: 0; bottom: 0; right: 0; left: 0;} .standard-style .link-table a:focus p {color:black !important;} .standard-style .link-table a div {position: relative; display: block; height: 100%;} .standard-style .link-table a div p {position: absolute; top: 50%; left: 50%; transform: translateX(-50%)translateY(-50%); color: #424241;} /* Standard Buttons Style */ .standard-style li#action-block {margin-top:20px; list-style: none;} .standard-style li#action-block label.main-label {visibility: hidden;} .standard-style #edit-class button[type=submit] {position: relative !important;} .standard-style .users button[type=submit]:hover { background-color: #f39c12; color: white; border-color: white;} .standard-style button[type=submit], .standard-style button[type=button] {width: auto;} .standard-style #edit_pass {margin: 6px 0px; font-size: 30px;} .standard-style #edit_pass:hover {opacity: 0.8; cursor: pointer;} .standard-style .video-js .vjs-picture-in-picture-control { width: 4em; } .standard-style .video-js .vjs-big-play-button { width: 3em; } .standard-style .video-js .vjs-control { width: 3em; } @media only screen and (max-width: 425px) { /*--video js--*/ .video-js .vjs-progress-control {display:none !important;} } .standard-style .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding: 0px; } /* Responsive Styles */ @media only screen and (max-width: 1135px) { /* .custom-container {width:100%;} */ /* .standard-style .custom-col {width: 100%; padding-right: 20px;} */ /* .standard-style .select2-container--default .select2-selection--multiple {width:100%;} */ .standard-style textarea {width: 100% !important;} .custom-container .users button[type=submit] { left: auto; bottom: 2%;} } @media only screen and (max-width: 991px) { .custom-container { width: 100%; } .standard-style select { min-width: 100% !important; } .standard-style #filter-block select { width: 100%;} .standard-style .custom-col {width: 55%; padding-right: 0px;} .standard-style #filter-block .custom-col {width: 100%;} .standard-style .select2-container--default .select2-selection--multiple { width: 100%; } .standard-style input[type = email] { width: 96%; } .standard-style .filter-col-2 { margin-top: 52px; } .standard-style .select2-container--default .select2-selection--single { margin-bottom: 10px; } .standard-style .list-style-2 .col-md-6:last-child .custom-col { width: 55%; } .standard-style .custom-col.radio-btn-col { width: auto; } } @media only screen and (max-width: 768px) { .main-header {position: fixed !important; width: 100%;} .main-sidebar {position: fixed;} .content-wrapper {height: 100% !important; margin-top: 50px;} } @media only screen and (max-width: 767px) { .content-wrapper {margin-top: 100px;} .standard-style .custom-col {width: 65%;} .standard-style .list-style-2 .col-md-6:last-child .custom-col { width: 65%; } .standard-style span.select2-selection { min-width: 100% !important; } } @media only screen and (max-width: 1135px) { .standard-style .form-items li:nth-child(6) .row div:last-child input[type = email] {width: 100%;} .standard-style .form-items li#action-block .col-md-6:last-child .custom-col:first-child { width: 100%; display: block; text-align: center;padding-right: 20px;} .standard-style .form-items li#action-block .col-md-6:last-child .custom-col:last-child { display: block; width: 100%; padding-right: 20px;} .standard-style .form-items li#action-block i:first-child {display: inline-block; margin-top: 0px !important; margin: 15px 25px;} .standard-style .form-items li#action-block i:last-child { display: inline-block; margin-top: 0px !important; margin: 15px 25px;} } .standard-style2 .select2-container {width: 100% !important;} .standard-style2 #table-wrapper .select2-container {max-width: 285px;} .standard-style2.standard-style .list-style-2 .radio {margin-right: 0px; width: 45px; } .standard-style2.standard-style .table-bordered>thead>tr>th, .standard-style2 .table-bordered>tbody>tr>th, .standard-style2 .table-bordered>tfoot>tr>th, .standard-style2 .table-bordered>thead>tr>td, .standard-style2 .table-bordered>tbody>tr>td, .standard-style2 .table-bordered>tfoot>tr>td { border: 0px !important; } .standard-style2.standard-style .table-bordered td {padding: 0px !important;} .standard-style2.standard-style .table-bordered {border:0px;} .standard-style2.standard-style .table-bordered td:last-child a {background-color: #cecece; height: 100%; border-radius: 5px; display: block; padding: 10px 0px; margin: 0px 7px; color: #333; width: 30px;} .standard-style2.standard-style .table-bordered td:last-child a:hover {background-color: #f39c12;} .standard-style2.standard-style .table-striped>tbody>tr:nth-of-type(odd) {background-color:transparent;} .standard-style2.standard-style #table-wrapper .select2-container--default .select2-selection--single {border-radius: 0px;} .standard-style2.standard-style #table-wrapper span.select2-selection {border-radius: 0px;} .standard-style2.standard-style #table-wrapper .select2-container--default .select2-selection--single {height: 42px; font-size: 16px;padding: 10px; } .standard-style2.standard-style #table-wrapper input[type = text], .standard-style2.standard-style #table-wrapper select, .standard-style2.standard-style #table-wrapper input[type = email], .standard-style2.standard-style #table-wrapper input[type = password], .standard-style2.standard-style #table-wrapper textarea {height: 42px; border-radius: 0px; width: 100%; min-width: auto !important;} .standard-style2 button.save-target {margin-right: 50px;} .set-study-range table tr:nth-child(even) td {background-color: #ecf0f5;} .set-study-range table tr:nth-child(odd) td {background-color: white;} .set-study-range #select-all { float: left; } .set-study-range #deselect-all { float: left; } .set-study-range #change_study_range_btn { float: right; } .set-study-range #action-block { margin-top: 20px; } .standard-style #table-wrapper tr.hidden_row {display: none;} .stnv-sticky { border-collapse: separate !important; } thead tr th.stnv-sticky-columns { background-color:#ecf0f5; position: sticky; position: -webkit-sticky; top: 0px !important; vertical-align: middle;} tbody tr td.stnv-sticky-columns { position: sticky; position: -webkit-sticky; left: 0; } tbody tr td.stnv-sticky-columns { position: sticky; position: -webkit-sticky; left: 0; } .stnv-sticky-columns .study-cycle-title { font-size: 12px;} .ajaxThrobber { display: none; height: 100%; align-items: center; justify-content: center; position: fixed; width: 100%; z-index: 9999; text-align: center; background: rgba(236, 240, 245, .5);} .ajaxThrobber i { color: #f39c12; font-size: 120px; -webkit-animation: spin 1.5s linear infinite; /* Safari */ animation: spin 2s linear infinite; vertical-align: middle;} .small-throbber i { color: #f39c12; font-size: 28px; -webkit-animation: spin 1.5s linear infinite; /* Safari */ animation: spin 2s linear infinite; vertical-align: middle;} /* Safari */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } span.centerName {position: absolute; top: 50%; left: 55px; font-weight: 600; color: white; font-size: 21px; transform: translateY(-50%); } .user-panel>.info { top: 50%; transform: translateY(-50%);} .navbar-nav>.user-menu .user-image {background: white;} .navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {background: white;} li.user-header .nickname {font-size: 14px !important; margin-top: -12px !important;} .set-target.standard-style2.standard-style .select2-container--default .select2-selection--multiple {width:auto;} .set-target.standard-style .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding: 0px 5px; } .brief #table-wrapper table {margin-left: 0px !important;} .brief li .radio {margin-left: 20px; display: inline-block;} .brief li .input.number {display: inline-block; margin-left: 20px;} .brief input.inputNumberType { min-width: 90px!important; width: 90px;} .brief .custom-control-description {display: contents !important;} .brief_student_profile { width: 80px;} .brief_student_profile.brief_page { width: 60px;} .brief .brief2_student_profile { width: 100%; } .brief_student_avatar {width: 50px;} .inf {background-color: transparent !important; border:0px !important;} .inf .ldiv {display: none;} .inf .rdiv {float: left !important; text-align: left !important;} .inf .mdiv {display: none;} .inf a.helpBtn {display: none;} .inf input.reset {width: 20px !important;} .brief h4#number-of-records { display: inline-block; margin-right: 100px} .brief button#clear-filters { display: inline-block; padding-bottom: 0px;} .brief th { vertical-align: middle !important;} .brief td {background: white; vertical-align: middle !important;} .brief td a:hover {color: black !important;} .brief td a:focus { color:black !important; } .brief td a p:hover {color: black !important;} .brief td.link-table:hover a {color: black !important;} .brief td.link-table:hover a {color: white !important;} .brief td.link-table:hover a p.record_icon {color: #3c8dbc !important;} .brief th a#select-all {color: #00a65a; font-size: 30px;} .brief td.actions { text-align: left; } .brief td.actions a { color:black; } .brief td.actions a:hover { color:#3c8dbc !important; } .brief td.action-log { text-align: left; } .brief td.action-log p.message-body { background-color: #ecf0f5; border-radius: 5px; padding: 5px !important; max-width: 200px; overflow: hidden; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 4; display: -webkit-box;} .brief td.action-log p.message-body img.emojione {width:18px; height:18px;} /* .brief #table-wrapper {overflow-x: auto;} */ /* .brief .record_icon {font-size: 28px;} */ div.popUpFilter {min-width: 200px; top: 8px; left: 50%; transform: translateX(-50%); } div.popUpFilter .div_checklist { height:inherit; max-height: 200px; } .brief table th:nth-child(14) div.popUpFilter {transform: translateX(-50%)translateY(70%);} .brief #line-message {float: right;} .brief td p { margin: 0.5em 0px; } /* .dropdown-menu li>span { display: block; padding: 1px 10px; clear: both; } */ /* Missions List */ .standard-style .missions-student-details .main-label { vertical-align: top; background-color:#f39c12; padding:10px 0px; font-size: 17px; color:white;border-radius: 5px; text-align: center; margin-right: 14px; margin-bottom: 10px; font-weight: 600;} .change-student-study-range .select-all-btn {width: auto !important; display: block;margin: auto; margin-top: 10px;} .change-student-study-range .deselect-all-btn {width: auto !important; display: block;margin: auto; margin-top: 10px;} .change-student-study-range .notebook_icon { color: #3c8dbc; font-size: 28px; position: relative; } .change-student-study-range .notebook_icon:hover { cursor: pointer; outline: none; text-decoration: none; color: #72afd2; } .change-student-study-range .notebook_icon:active { outline: none; text-decoration: none; color: #72afd2; } .change-student-study-range .notebook_icon:focus { outline: none; text-decoration: none; color: #72afd2; } th .note { font-size: 10px; margin-top: 10px; padding: 1px; } #delete-mission table .Present{ background-color: #FC7D48; color: #fff; } #delete-mission table .Review{ background-color: #00C8F8; color: #fff; } #delete-mission table .Forgettable{ background-color: #72BB53; color: #fff; } /* Create New Mission */ #units-table td.unit_name{ text-align: left; } #units-table th{ position: sticky; } #units-table_info{ display: none; } #units-table tr.skipped { background-color: lightgray; color: #000000; } #units-table tr.out_of_range { background-color: gray; color: #ffffff; } /* Select Questions */ h4.questions-details{ display: block; position: relative; border-bottom: 3px solid #000; margin: 0px 15px; padding-bottom: 5px; } input.question_id{ display: none; } #units-table_wrapper #units-table_length, #units-table_wrapper .dataTables_filter{ display: none; } #action-block .create-mission a, #action-block .delete-mission a { color: #fff; } .change-student-study-range table tr td:nth-child(2) {text-align: left;} .unit-space {margin: 0px 20px; font-size: 24px;} .set-target table td {vertical-align: top !important;} /* Set study range Styles */ /* .set-study-range #table-wrapper {min-width: 910px;} */ /*.set-study-range #table-scroll table {margin-top: -140px !important;}*/ @media only screen and (max-width: 968px) { .set-study-range #table-scroll table {margin-top: 0px !important;} } .set-study-range table th {vertical-align: middle !important;} .set-study-range table th hr {border-top: 1px solid #bbbbbb; margin:10px -10px 10px -10px;} .set-study-range table tr td:nth-child(2) {min-width: 250px; text-align: left;} .set-study-range table tr td:nth-child(3) {min-width: 150px;} .set-study-range table .checkbox-td-area {min-width: 180px;} .set-study-range table .selected-target1 { border-top-width:2px !important; border-top-color:#ff0000 !important; border-left-width:2px !important; border-left-color:#ff0000 !important; border-right-width:2px !important; border-right-color:#ff0000 !important;} .set-study-range table .selected-target2 { border-left-width:2px !important; border-left-color:#ff0000 !important; border-right-width:2px !important; border-right-color:#ff0000 !important;} .set-study-range table .selected-target3 { border-left-width:2px !important; border-left-color:#ff0000 !important; border-right-width:2px !important; border-right-color:#ff0000 !important; border-bottom-width:2px !important; border-bottom-color:#ff0000 !important; } .set-target .form-items label span.custom-control-description {position: absolute; min-width: 500px; top: 50%; transform: translateY(-50%);} .select-study-range .form-items label span.custom-control-description {position: absolute; min-width: 500px; top: 50%; transform: translateY(-50%);} .select-study-range table th:nth-child(1) div.popUpFilter {transform: translateX(-30%);} /* Video Release CSS */ .unit_name_select { width: 100% !important; } #stnvVideoRelease label.unit-selected, #stnvVideoRelease label.textbook-selected{ width: 45%;} #stnvVideoRelease label.textbook-selected { margin-left:-15px; } #stnvVideoRelease #unit_name_select option[color="1"], #stnvVideoRelease #unit_name_select option[color="true"] { background-color: #f39c12; color: #ffffff; } #stnvVideoRelease #unit_name_select option[color="gray"] { background-color: gray; color: white; } #stnvVideoRelease .answer-images { display: inline-block; margin-bottom: 20px; margin-top: -20px; } #stnvVideoRelease .notebook-images { display: inline-block; margin-bottom: 20px; margin-top: -20px; margin-left: 15px; } #stnvVideoRelease .search-videos { display: block;} #stnvVideoRelease .video-progress { margin-bottom: 60px; } .videos-table .video-js { font-size: 12px; } .videos-table-units .video-unit-toggle-disp {display:table-row} .videos-table-units .video-unit-toggle-hide {display:none} /* Study Record Summary Screen */ .record-summary #action-block {margin-top: 20px;} .record-summary table td:nth-child(2) {text-align: left;} /* Study Record Detail Screen */ .record-detail .image-col{border-radius: 5px;width:100%; height:100px; } .record-detail .col-sm-8 {padding-right: 0px !important; } .record-detail i.fa-circle-o {color:#00ccff;} .record-detail .fa-times {color: #8b0000;} .record-detail #action-block {margin-top: 20px;} .record-detail #action-block #answerDate {display: inline-block !important; width: auto;vertical-align: bottom;} /* .record-detail #action-block button {margin-left: 10px;} */ /* .record-detail .items .item {width: 100%; margin: auto;} */ .record-detail .items .item {width: 50%; margin: 0px;} .record-detail .items .thumbnail {padding: 0px !important; margin-bottom: 0px;} .record-detail .items .img-thumbnail {height: 200px !important;} /* .record-detail #lightgallery .item:first-child {display: block !important;} */ .summary.item-list-pictures { margin-bottom: 20px; position: relative; } .summary.item-list-pictures .summary-images { height: 280px; display: flex; align-items: center; background-color: #ffffff; border-radius: 20px; overflow: hidden; border: 1px solid #e0e0e0; } .summary.item-list-pictures .summary-images .image-wrapper { margin: 0 auto; } .summary.item-list-pictures .summary-images .image-wrapper img { padding: 0; } .summary.item-list-pictures .swiper-wrapper { align-items: center; } .summary.item-list-pictures .swiper-wrapper a { display: block; border: 0; text-align: center; } .summary.item-list-pictures .swiper-wrapper a figcaption { position: absolute; bottom: 0; right: 0; left: 0; font-size: 14px; color: #000000; height: 40px; background-color: #ffffff; } .summary.item-list-pictures .swiper-wrapper a figcaption p { font-size: 12px; } .summary.item-list-pictures.sm .summary-images { height: 140px; } .summary.item-list-pictures.md .summary-images { height: 200px; } @media only screen and (max-width: 991px) { .summary.item-list-pictures.sm .summary-images { height: 140px; } .summary.item-list-pictures .summary-images { height: 220px; } } .table-dynamic-result { margin: 0 !important; } .table-dynamic-result table { border-collapse: separate; margin: 0; overflow-y: auto; } .table-dynamic-result table.table-striped>tbody>tr:nth-of-type(odd) td { background-color: #f9f9f9; } .table-dynamic-result thead { position: sticky; top: 0; z-index: 1; } .table-dynamic-result table.table-hover>tbody>tr:hover td { background-color: #f5f5f5; } .table-dynamic-result th { background-color: #e5e5e5; border-bottom: 0 !important; line-height: 1 !important; } .table-dynamic-result th span { font-size: 11px; } .table-dynamic-result td { background-color: #ffffff; } .table-dynamic-result th, .table-dynamic-result td { border: 1px solid #e5e5e5; vertical-align: middle !important; } .table-dynamic-result .icon { width: 20px; height: 16px; background-position: center; background-size: contain; margin: 0 auto; background-repeat: no-repeat; } .table-dynamic-result .wrong-icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDMyOS4yNjkzMyAzMjkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0iI2Y0NDMzNiI+PHBhdGggZD0ibTIxLjMzOTg0NCAzMjkuMzk4NDM4Yy01LjQ2MDkzOCAwLTEwLjkyNTc4Mi0yLjA4OTg0NC0xNS4wODIwMzItNi4yNS04LjM0Mzc1LTguMzM5ODQ0LTguMzQzNzUtMjEuODI0MjE5IDAtMzAuMTY0MDYzbDI4Ni41ODk4NDQtMjg2LjU5Mzc1YzguMzM5ODQ0LTguMzM5ODQ0IDIxLjgyNDIxOS04LjMzOTg0NCAzMC4xNjQwNjMgMCA4LjM0Mzc1IDguMzM5ODQ0IDguMzQzNzUgMjEuODI0MjE5IDAgMzAuMTY0MDYzbC0yODYuNTg5ODQ0IDI4Ni41OTM3NWMtNC4xODM1OTQgNC4xNzk2ODctOS42MjEwOTQgNi4yNS0xNS4wODIwMzEgNi4yNXptMCAwIiBmaWxsPSIjZjQ0MzM2IiBkYXRhLW9yaWdpbmFsPSIjZjQ0MzM2IiBzdHlsZT0iIiBjbGFzcz0iIj48L3BhdGg+PHBhdGggZD0ibTMwNy45Mjk2ODggMzI5LjM5ODQzOGMtNS40NjA5MzggMC0xMC45MjE4NzYtMi4wODk4NDQtMTUuMDgyMDMyLTYuMjVsLTI4Ni41ODk4NDQtMjg2LjU5Mzc1Yy04LjM0Mzc1LTguMzM5ODQ0LTguMzQzNzUtMjEuODI0MjE5IDAtMzAuMTY0MDYzIDguMzM5ODQ0LTguMzM5ODQ0IDIxLjgyMDMxMy04LjMzOTg0NCAzMC4xNjQwNjMgMGwyODYuNTg5ODQ0IDI4Ni41OTM3NWM4LjM0Mzc1IDguMzM5ODQ0IDguMzQzNzUgMjEuODI0MjE5IDAgMzAuMTY0MDYzLTQuMTYwMTU3IDQuMTc5Njg3LTkuNjIxMDk0IDYuMjUtMTUuMDgyMDMxIDYuMjV6bTAgMCIgZmlsbD0iI2Y0NDMzNiIgZGF0YS1vcmlnaW5hbD0iI2Y0NDMzNiIgc3R5bGU9IiIgY2xhc3M9IiI+PC9wYXRoPjwvZz48L2c+PC9zdmc+); } .table-dynamic-result .correct-icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDM0MS4zMzMgMzQxLjMzMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cgk8Zz4KCQk8cGF0aCBkPSJNMTcwLjY2NywwQzc2LjQxLDAsMCw3Ni40MSwwLDE3MC42NjdzNzYuNDEsMTcwLjY2NywxNzAuNjY3LDE3MC42NjdzMTcwLjY2Ny03Ni40MSwxNzAuNjY3LTE3MC42NjdTMjY0LjkyMywwLDE3MC42NjcsMHogICAgIE0xNzAuNjY3LDI5OC42NjdjLTcwLjY5MiwwLTEyOC01Ny4zMDgtMTI4LTEyOHM1Ny4zMDgtMTI4LDEyOC0xMjhzMTI4LDU3LjMwOCwxMjgsMTI4UzI0MS4zNTksMjk4LjY2NywxNzAuNjY3LDI5OC42Njd6IiBmaWxsPSIjNjI5YzQ0IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIiBjbGFzcz0iIj48L3BhdGg+Cgk8L2c+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPC9nPjwvc3ZnPg==); } .table-dynamic-result .partly-correct-icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDM4NCAzODQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnIHRyYW5zZm9ybT0ibWF0cml4KC0xLC0xLjIyNDY0Njc5OTE0NzM1M2UtMTYsMS4yMjQ2NDY3OTkxNDczNTNlLTE2LC0xLDM4NCwzODMuOTk5MDA4MTc4NzEwOTQpIj4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxnPgoJCTxwYXRoIGQ9Ik0wLDIxLjMzM2wxOTIsMzQxLjMzM0wzODQsMjEuMzMzSDB6IE03Miw2NGgyNDBMMTkyLDI3Ny4zMzNMNzIsNjR6IiBmaWxsPSIjZmZhODM0IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIiBjbGFzcz0iIj48L3BhdGg+Cgk8L2c+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPC9nPjwvc3ZnPg==); } .table-dynamic-result .tobe-check-icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMiA1MTEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZD0ibTQwNS4zMzIwMzEgMjU2LjQ4NDM3NWMtMTEuNzk2ODc1IDAtMjEuMzMyMDMxIDkuNTU4NTk0LTIxLjMzMjAzMSAyMS4zMzIwMzF2MTcwLjY2Nzk2OWMwIDExLjc1MzkwNi05LjU1ODU5NCAyMS4zMzIwMzEtMjEuMzMyMDMxIDIxLjMzMjAzMWgtMjk4LjY2Nzk2OWMtMTEuNzc3MzQ0IDAtMjEuMzMyMDMxLTkuNTc4MTI1LTIxLjMzMjAzMS0yMS4zMzIwMzF2LTI5OC42Njc5NjljMC0xMS43NTM5MDYgOS41NTQ2ODctMjEuMzMyMDMxIDIxLjMzMjAzMS0yMS4zMzIwMzFoMTcwLjY2Nzk2OWMxMS43OTY4NzUgMCAyMS4zMzIwMzEtOS41NTg1OTQgMjEuMzMyMDMxLTIxLjMzMjAzMSAwLTExLjc3NzM0NC05LjUzNTE1Ni0yMS4zMzU5MzgtMjEuMzMyMDMxLTIxLjMzNTkzOGgtMTcwLjY2Nzk2OWMtMzUuMjg1MTU2IDAtNjQgMjguNzE0ODQ0LTY0IDY0djI5OC42Njc5NjljMCAzNS4yODUxNTYgMjguNzE0ODQ0IDY0IDY0IDY0aDI5OC42Njc5NjljMzUuMjg1MTU2IDAgNjQtMjguNzE0ODQ0IDY0LTY0di0xNzAuNjY3OTY5YzAtMTEuNzk2ODc1LTkuNTM5MDYzLTIxLjMzMjAzMS0yMS4zMzU5MzgtMjEuMzMyMDMxem0wIDAiIGZpbGw9IiMxNDY0ZjYiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiPjwvcGF0aD48cGF0aCB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGQ9Im0yMDAuMDE5NTMxIDIzNy4wNTA3ODFjLTEuNDkyMTg3IDEuNDkyMTg4LTIuNDk2MDkzIDMuMzkwNjI1LTIuOTIxODc1IDUuNDM3NWwtMTUuMDgyMDMxIDc1LjQzNzVjLS43MDMxMjUgMy40OTYwOTQuNDA2MjUgNy4xMDE1NjMgMi45MjE4NzUgOS42NDA2MjUgMi4wMjczNDQgMi4wMjczNDQgNC43NTc4MTIgMy4xMTMyODIgNy41NTQ2ODggMy4xMTMyODIuNjc5Njg3IDAgMS4zODY3MTgtLjA2MjUgMi4wODk4NDMtLjIxMDkzOGw3NS40MTQwNjMtMTUuMDgyMDMxYzIuMDg5ODQ0LS40Mjk2ODggMy45ODgyODEtMS40Mjk2ODggNS40NjA5MzctMi45MjU3ODFsMTY4Ljc4OTA2My0xNjguNzg5MDYzLTc1LjQxNDA2My03NS40MTAxNTZ6bTAgMCIgZmlsbD0iIzE0NjRmNiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiI+PC9wYXRoPjxwYXRoIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZD0ibTQ5Ni4zODI4MTIgMTYuMTAxNTYyYy0yMC43OTY4NzQtMjAuODAwNzgxLTU0LjYzMjgxMi0yMC44MDA3ODEtNzUuNDE0MDYyIDBsLTI5LjUyMzQzOCAyOS41MjM0MzggNzUuNDE0MDYzIDc1LjQxNDA2MiAyOS41MjM0MzctMjkuNTI3MzQzYzEwLjA3MDMxMy0xMC4wNDY4NzUgMTUuNjE3MTg4LTIzLjQ0NTMxMyAxNS42MTcxODgtMzcuNjk1MzEzcy01LjU0Njg3NS0yNy42NDg0MzctMTUuNjE3MTg4LTM3LjcxNDg0NHptMCAwIiBmaWxsPSIjMTQ2NGY2IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIj48L3BhdGg+PC9nPjwvc3ZnPg==); } /*for normal units*/ .table-dynamic-result .column-question { min-width: 75px; width: 75px; left: 0px; } .table-dynamic-result .column-section { min-width: 62px; width: 62px; left: 75px; } .table-dynamic-result .column-first { min-width: 100px; width: 100px; left: 137px; border-right: 5px solid #bbbbbb; } .table-dynamic-result .column-first span, .table-dynamic-result .can-toggle span, .table-dynamic-result .column-last span { margin-top: 6px; display: block; } .table-dynamic-result .column-toggle { min-width: 42px; width: 42px; left: 237px; } .table-dynamic-result th.column-toggle, .table-dynamic-result td.column-toggle { border: 0; } .table-dynamic-result .can-toggle { min-width: 100px; width: 100px; display: none; } .table-dynamic-result .column-last { min-width: 100px; width: 100px; right: 140px; border-left: 5px solid #bbbbbb; } .table-dynamic-result .column-recent { min-width: 140px; width: 140px; right: 0; } .table-dynamic-result .column-recent-answer { min-width: 40px; width: 40px; right: 100px; } .table-dynamic-result .column-recent-datetime { min-width: 52px; width: 52px; right: 48px; } .table-dynamic-result .column-recent-session { min-width: 48px; width: 48px; right: 0; } /*for comprehension units*/ .table-dynamic-result .survey, .table-dynamic-result tr:hover .survey { background-color: #a3a3a3 !important; } .table-dynamic-result .column-question-comp { min-width: 75px; width: 75px; left: 0px; } .table-dynamic-result .column-first-comp { min-width: 100px; width: 100px; left: 75px; border-right: 5px solid #bbbbbb; } .table-dynamic-result .column-toggle-comp { min-width: 42px; width: 42px; left: 175px; } .table-dynamic-result th.column-toggle-comp, .table-dynamic-result td.column-toggle-comp { border: 0; } .table-dynamic-result .can-toggle-comp { min-width: 100px; width: 100px; display: none; } .table-dynamic-result .column-last-comp { min-width: 100px; width: 100px; right: 140px; border-left: 5px solid #bbbbbb; } .table-dynamic-result .column-recent-comp { min-width: 140px; width: 140px; right: 0; } .table-dynamic-result .column-recent-answer-comp { min-width: 40px; width: 40px; right: 100px; } .table-dynamic-result .column-recent-datetime-comp { min-width: 52px; width: 52px; right: 48px; } .table-dynamic-result .column-recent-session-comp { min-width: 48px; width: 48px; right: 0; } .table-dynamic-result .stnv-col-sticky { position: sticky !important; position: -webkit-sticky !important; } @media only screen and (max-width: 767px) { .table-dynamic-result .stnv-col-sticky { position: static !important; } } /* Comprehension Test Result Icon Information*/ .result-icon-info { display: inline-block;} .result-icon-info .icon { width: 20px; height: 16px; background-position: center; background-size: contain; margin: 0 auto; background-repeat: no-repeat; display: inline-block;} .result-icon-info .wrong-icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDMyOS4yNjkzMyAzMjkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0iI2Y0NDMzNiI+PHBhdGggZD0ibTIxLjMzOTg0NCAzMjkuMzk4NDM4Yy01LjQ2MDkzOCAwLTEwLjkyNTc4Mi0yLjA4OTg0NC0xNS4wODIwMzItNi4yNS04LjM0Mzc1LTguMzM5ODQ0LTguMzQzNzUtMjEuODI0MjE5IDAtMzAuMTY0MDYzbDI4Ni41ODk4NDQtMjg2LjU5Mzc1YzguMzM5ODQ0LTguMzM5ODQ0IDIxLjgyNDIxOS04LjMzOTg0NCAzMC4xNjQwNjMgMCA4LjM0Mzc1IDguMzM5ODQ0IDguMzQzNzUgMjEuODI0MjE5IDAgMzAuMTY0MDYzbC0yODYuNTg5ODQ0IDI4Ni41OTM3NWMtNC4xODM1OTQgNC4xNzk2ODctOS42MjEwOTQgNi4yNS0xNS4wODIwMzEgNi4yNXptMCAwIiBmaWxsPSIjZjQ0MzM2IiBkYXRhLW9yaWdpbmFsPSIjZjQ0MzM2IiBzdHlsZT0iIiBjbGFzcz0iIj48L3BhdGg+PHBhdGggZD0ibTMwNy45Mjk2ODggMzI5LjM5ODQzOGMtNS40NjA5MzggMC0xMC45MjE4NzYtMi4wODk4NDQtMTUuMDgyMDMyLTYuMjVsLTI4Ni41ODk4NDQtMjg2LjU5Mzc1Yy04LjM0Mzc1LTguMzM5ODQ0LTguMzQzNzUtMjEuODI0MjE5IDAtMzAuMTY0MDYzIDguMzM5ODQ0LTguMzM5ODQ0IDIxLjgyMDMxMy04LjMzOTg0NCAzMC4xNjQwNjMgMGwyODYuNTg5ODQ0IDI4Ni41OTM3NWM4LjM0Mzc1IDguMzM5ODQ0IDguMzQzNzUgMjEuODI0MjE5IDAgMzAuMTY0MDYzLTQuMTYwMTU3IDQuMTc5Njg3LTkuNjIxMDk0IDYuMjUtMTUuMDgyMDMxIDYuMjV6bTAgMCIgZmlsbD0iI2Y0NDMzNiIgZGF0YS1vcmlnaW5hbD0iI2Y0NDMzNiIgc3R5bGU9IiIgY2xhc3M9IiI+PC9wYXRoPjwvZz48L2c+PC9zdmc+); } .result-icon-info .correct-icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDM0MS4zMzMgMzQxLjMzMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cgk8Zz4KCQk8cGF0aCBkPSJNMTcwLjY2NywwQzc2LjQxLDAsMCw3Ni40MSwwLDE3MC42NjdzNzYuNDEsMTcwLjY2NywxNzAuNjY3LDE3MC42NjdzMTcwLjY2Ny03Ni40MSwxNzAuNjY3LTE3MC42NjdTMjY0LjkyMywwLDE3MC42NjcsMHogICAgIE0xNzAuNjY3LDI5OC42NjdjLTcwLjY5MiwwLTEyOC01Ny4zMDgtMTI4LTEyOHM1Ny4zMDgtMTI4LDEyOC0xMjhzMTI4LDU3LjMwOCwxMjgsMTI4UzI0MS4zNTksMjk4LjY2NywxNzAuNjY3LDI5OC42Njd6IiBmaWxsPSIjNjI5YzQ0IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIiBjbGFzcz0iIj48L3BhdGg+Cgk8L2c+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPC9nPjwvc3ZnPg==); } .result-icon-info .partly-correct-icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDM4NCAzODQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnIHRyYW5zZm9ybT0ibWF0cml4KC0xLC0xLjIyNDY0Njc5OTE0NzM1M2UtMTYsMS4yMjQ2NDY3OTkxNDczNTNlLTE2LC0xLDM4NCwzODMuOTk5MDA4MTc4NzEwOTQpIj4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxnPgoJCTxwYXRoIGQ9Ik0wLDIxLjMzM2wxOTIsMzQxLjMzM0wzODQsMjEuMzMzSDB6IE03Miw2NGgyNDBMMTkyLDI3Ny4zMzNMNzIsNjR6IiBmaWxsPSIjZmZhODM0IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIiBjbGFzcz0iIj48L3BhdGg+Cgk8L2c+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPC9nPjwvc3ZnPg==); } .result-icon-info .tobe-check-icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMiA1MTEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZD0ibTQwNS4zMzIwMzEgMjU2LjQ4NDM3NWMtMTEuNzk2ODc1IDAtMjEuMzMyMDMxIDkuNTU4NTk0LTIxLjMzMjAzMSAyMS4zMzIwMzF2MTcwLjY2Nzk2OWMwIDExLjc1MzkwNi05LjU1ODU5NCAyMS4zMzIwMzEtMjEuMzMyMDMxIDIxLjMzMjAzMWgtMjk4LjY2Nzk2OWMtMTEuNzc3MzQ0IDAtMjEuMzMyMDMxLTkuNTc4MTI1LTIxLjMzMjAzMS0yMS4zMzIwMzF2LTI5OC42Njc5NjljMC0xMS43NTM5MDYgOS41NTQ2ODctMjEuMzMyMDMxIDIxLjMzMjAzMS0yMS4zMzIwMzFoMTcwLjY2Nzk2OWMxMS43OTY4NzUgMCAyMS4zMzIwMzEtOS41NTg1OTQgMjEuMzMyMDMxLTIxLjMzMjAzMSAwLTExLjc3NzM0NC05LjUzNTE1Ni0yMS4zMzU5MzgtMjEuMzMyMDMxLTIxLjMzNTkzOGgtMTcwLjY2Nzk2OWMtMzUuMjg1MTU2IDAtNjQgMjguNzE0ODQ0LTY0IDY0djI5OC42Njc5NjljMCAzNS4yODUxNTYgMjguNzE0ODQ0IDY0IDY0IDY0aDI5OC42Njc5NjljMzUuMjg1MTU2IDAgNjQtMjguNzE0ODQ0IDY0LTY0di0xNzAuNjY3OTY5YzAtMTEuNzk2ODc1LTkuNTM5MDYzLTIxLjMzMjAzMS0yMS4zMzU5MzgtMjEuMzMyMDMxem0wIDAiIGZpbGw9IiMxNDY0ZjYiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiPjwvcGF0aD48cGF0aCB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGQ9Im0yMDAuMDE5NTMxIDIzNy4wNTA3ODFjLTEuNDkyMTg3IDEuNDkyMTg4LTIuNDk2MDkzIDMuMzkwNjI1LTIuOTIxODc1IDUuNDM3NWwtMTUuMDgyMDMxIDc1LjQzNzVjLS43MDMxMjUgMy40OTYwOTQuNDA2MjUgNy4xMDE1NjMgMi45MjE4NzUgOS42NDA2MjUgMi4wMjczNDQgMi4wMjczNDQgNC43NTc4MTIgMy4xMTMyODIgNy41NTQ2ODggMy4xMTMyODIuNjc5Njg3IDAgMS4zODY3MTgtLjA2MjUgMi4wODk4NDMtLjIxMDkzOGw3NS40MTQwNjMtMTUuMDgyMDMxYzIuMDg5ODQ0LS40Mjk2ODggMy45ODgyODEtMS40Mjk2ODggNS40NjA5MzctMi45MjU3ODFsMTY4Ljc4OTA2My0xNjguNzg5MDYzLTc1LjQxNDA2My03NS40MTAxNTZ6bTAgMCIgZmlsbD0iIzE0NjRmNiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiI+PC9wYXRoPjxwYXRoIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZD0ibTQ5Ni4zODI4MTIgMTYuMTAxNTYyYy0yMC43OTY4NzQtMjAuODAwNzgxLTU0LjYzMjgxMi0yMC44MDA3ODEtNzUuNDE0MDYyIDBsLTI5LjUyMzQzOCAyOS41MjM0MzggNzUuNDE0MDYzIDc1LjQxNDA2MiAyOS41MjM0MzctMjkuNTI3MzQzYzEwLjA3MDMxMy0xMC4wNDY4NzUgMTUuNjE3MTg4LTIzLjQ0NTMxMyAxNS42MTcxODgtMzcuNjk1MzEzcy01LjU0Njg3NS0yNy42NDg0MzctMTUuNjE3MTg4LTM3LjcxNDg0NHptMCAwIiBmaWxsPSIjMTQ2NGY2IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIj48L3BhdGg+PC9nPjwvc3ZnPg==); } .result-icon-info .survey-icon { background-color: #a3a3a3;} /* Line Message */ .standard-style .line-message.form-items {padding-bottom: 0px !important;} table.line-message tbody td:last-child {width: 200px !important;} table.line-message tbody td:last-child input {width: 300px; font-size: 14px;} .line-message #groupMessage {width: 100% !important; height: 130px;} /* .line-message #table-scroll {overflow-y: scroll; height: 300px;} */ /* .user-list a.user_link {color: #000;} */ .user-list a.user_link:hover { color: black !important;} .user-list a.pdf-link {color: #000; font-size: 19px;} .user-list a.pdf-link.has-pdf {color: #9c0f0f;} .user-list a.pdf-link.no-link{pointer-events: none;} .navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default { color: #f39c12 !important; font-weight: 800; border-radius: 5px; } .navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default:hover { background-color: #f39c12; color: white !important; border: 1px solid #f39c12;} .navbar-nav>.notifications-menu>.dropdown-menu {width: 400px !important; } .navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a {white-space: normal !important; display: flex;} .navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a .notification-text-block {width: 100%} .navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a .notification-text-block .notification-text1 {display: flex; justify-content: space-between;} .navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a .notification-text-block .notification-text2 {display: flex;} .navbar-nav>.notifications-menu>.dropdown-menu>li.header {text-align: center;} .navbar-nav>.notifications-menu>.dropdown-menu>li.footer {display: flex; justify-content: space-around; text-align: center; height: 40px;} .no-image-err { font-size: 18px; margin-top: 8px; } .answer-images .lg-toolbar .lg-close { display: none; } .select2-container--default .select2-selection--single .select2-selection__rendered { text-align: left; } /* Video Progress Screen Styles */ .video-progress table th:last-child { text-align: left !important; } .video-progress table tr td:first-child { width: 400px; } .video-progress table tr td:first-child .textbook-name { text-align: left; min-width: 400px; margin-bottom: 0px; } .video-progress table tr td:first-child .textbook-name i { margin-right: 10px; } .video-progress table tr td:nth-child(2) { width: 50px; } .video-progress table tr td { background-color: #a9a9a9 !important; } .video-progress table tr td a { color: #333; } .video-progress table tr td a:hover {color:#3c8dbc;} .video-progress table tr td:first-child { background-color: #ecf0f5 !important; } .video-progress table tr td:nth-child(2) { background-color: #ecf0f5 !important; } .video-progress table tr td .video-icon { margin-bottom: 0px; } .video-progress table tr td .video-icon i{ font-size: 20px; } .video-progress table tbody tr td.green-bg { background-color: #00a65a !important; } .video-progress table tbody tr td.gray-bg { background-color: #ecf0f5 !important; } .video-progress table tbody tr td.blue-bg { background-color: #0ab5ff !important; } .video-progress table tbody tr td.white-bg { background-color: white !important; } .video-progress.students table tr td:nth-child(2) { background-color: #ecf0f5 !important; } .video-progress.students table tr td:nth-child(3) { background-color: #ecf0f5 !important; } .video-progress.students table tr td:nth-child(4) { background-color: #ecf0f5 !important; } .welcome-text-wrapper {text-align: center;} .welcome-text-wrapper .welcome-text { font-size: 60px; letter-spacing: 8px; color: #3e3a39; } .welcome-text-wrapper .icon-wrapper { margin-top: 30px; } .welcome-text-wrapper .icon-wrapper img { width: 16%; } .welcome-text-wrapper .welcome-subtext { margin-top: 35px; } .student_study_status_table table { height:1px; } .student-study-status #table-wrapper { margin-top: 30px; } .student-study-status td p { margin-bottom: 0px; } .student-study-status td.student-status-td { padding: 0px; text-align: left; } .student-study-status td.student-status-td .student-status-td-wrapper { width: 720px; height:100%;} .student-study-status .student_status_row { height:55px; } .student-study-status .student_status_div { width: 1px; display: inline-block; height: 100%; float:left;} .student-study-status .student_status_div:last-child { margin-right: -1px !important; } .student-study-status .student_status_div.white { background-color:white; } .student-study-status .student_status_div.crimson { background-color:#dc143c; } .student-study-status .student_status_div.darked { background-color:#8b0000; } .student-study-status .student_status_div.navy { background-color:#000080; } .student-study-status .student_status_div.darkcyan { background-color:#008b8b; } .student-study-status .student_status_div.olive { background-color:#808000; } .student-study-status .student_status_div.deeppink { background-color:#ff1493; } .student-study-status .student_status_div.darkviolet { background-color:#9400d3; } .student-study-status .student_status_div.darkgreen { background-color:#006400; } .student-study-status .student_status_div.darkorange { background-color:#ff8c00; } .student-study-status .student_status_div.skyblue { background-color:#87ceeb; } .student-study-status .student_status_div.gold { background-color:#ffd700; } .student-study-status .student_status_div.aqua { background-color:#00ffff; } .student-study-status .student_status_div.lavender { background-color:#e6e6fa; } .student-study-status .student_status_div.lightgreen { background-color:#90ee90; } .student-study-status .student_status_div.gray { background-color:#808080; } .student-study-status .color-identification ul{ list-style: none; padding-left: 0px; } .student-study-status .color-identification li{ display: inline-block; margin-bottom: 8px; width: 134px; text-align: center; } .student-study-status .color-identification li div{ color:white; padding: 4px; border-radius: 5px; margin-right: 5px;} .student-study-status .color-identification li div.sci.white { color:#333; background-color:white; } .student-study-status .color-identification li div.sci.crimson { background-color:#dc143c; } .student-study-status .color-identification li div.sci.darked { background-color:#8b0000; } .student-study-status .color-identification li div.sci.navy { background-color:#000080; } .student-study-status .color-identification li div.sci.darkcyan { background-color:#008b8b; } .student-study-status .color-identification li div.sci.olive { background-color:#808000; } .student-study-status .color-identification li div.sci.deeppink { background-color:#ff1493; } .student-study-status .color-identification li div.sci.darkviolet { background-color:#9400d3; } .student-study-status .color-identification li div.sci.darkgreen { background-color:#006400; } .student-study-status .color-identification li div.sci.darkorange { background-color:#ff8c00; } .student-study-status .color-identification li div.sci.skyblue { background-color:#87ceeb; } .student-study-status .color-identification li div.sci.gold { background-color:#ffd700; } .student-study-status .color-identification li div.sci.aqua { color:#333; background-color:#00ffff; } .student-study-status .color-identification li div.sci.lavender { color:#333; background-color:#e6e6fa; } .student-study-status .color-identification li div.sci.lightgreen { background-color:#90ee90; } .student-study-status .color-identification li div.sci.gray { background-color:#808080; } .student-study-status .color-identification li div.sci:hover span { display: none; } .student-study-status .color-identification li div.sci.white:hover:before { content: "White" } .student-study-status .color-identification li div.sci.crimson:hover:before { content: "Crimson" } .student-study-status .color-identification li div.sci.darked:hover:before { content: "Darked" } .student-study-status .color-identification li div.sci.navy:hover:before { content: "Navy" } .student-study-status .color-identification li div.sci.darkcyan:hover:before { content: "Darkcyan" } .student-study-status .color-identification li div.sci.olive:hover:before { content: "Olive" } .student-study-status .color-identification li div.sci.deeppink:hover:before { content: "Deeppink" } .student-study-status .color-identification li div.sci.darkviolet:hover:before { content: "Darkviolet" } .student-study-status .color-identification li div.sci.darkgreen:hover:before { content: "Darkgreen" } .student-study-status .color-identification li div.sci.darkorange:hover:before { content: "Darkorange" } .student-study-status .color-identification li div.sci.skyblue:hover:before { content: "Skyblue" } .student-study-status .color-identification li div.sci.gold:hover:before { content: "Gold" } .student-study-status .color-identification li div.sci.aqua:hover:before { content: "Aqua" } .student-study-status .color-identification li div.sci.lavender:hover:before { content: "Lavender" } .student-study-status .color-identification li div.sci.lightgreen:hover:before { content: "Lightgreen" } .student-study-status .color-identification li div.sci.gray:hover:before { content: "Gray" } .swal2-title { font-size: 21px !important; } .swal2-styled.swal2-confirm { font-size: 20px; background-color: #f39c12 !important; } .swal2-styled.swal2-cancel { background-color: transparent !important; border: 2px solid #f39c12 !important; border-radius: .25em; color: #f39c12 !important; } body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { padding-right: 0px !important; } .brief tr { border-top:2px solid #333; border-bottom:2px solid #333; } .brief table>thead>tr>th { font-size: 12px; border-left:1px solid #bbbbbb !important; border-right: 1px solid #bbbbbb !important; border-top:1px solid #bbbbbb !important; border-bottom:1px solid #333 !important; } .brief table>tbody>tr>td { border-left:1px solid #bbbbbb !important; border-right: 1px solid #bbbbbb !important; border-top:1px solid #333 !important; border-bottom:1px solid #333 !important;} .brief td .message_icon { color:#333; font-size: 28px; position: relative;} .brief td .message_icon .notif { position: absolute; top: 0px; right: 0px; color: #ffffff; font-size: 13px; font-weight: bold; background-color: #f39c12; border-radius: 50%; width: 17px; height: 17px; } .brief td .message_icon:hover { color:#f39c12 !important; } .brief td .notebook_icon {color:#333; font-size: 28px; position: relative;} .brief td .notebook_icon:hover { color:#f39c12 !important; } .brief td .td-wrapper { margin: auto; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .brief td .progress-div { cursor: pointer; display: inline-table; border-left:1px solid #bbbbbb; width: 35px; height: 100%; float:left; } .brief td .progress-div:first-child { border:0px; border-left: 0px;} .brief td .progress-div.skyblue-bg { background-color: #0ab5ff !important; } .brief td .progress-div.light-skyeblue-bg { background-color: #ade6ff !important; } .brief td .progress-div.gray-bg { background-color: #808080 !important; height:20px; } .brief td .progress-div.white-bg { background-color: white !important; height:20px;} .brief td .progress-div.light-yellow-bg { background-color: #ffd966 !important; } .brief td .progress-div.light-yellow-bg { background-color: #ffd966 !important; } .brief td .progress-div.dark-yellow-bg { background-color: #FFFF00 !important; } .brief td .progress-div a { color:#333 !important; font-size: 14px; display: block; width: 100%; height: 100%; } .brief td.progress-td { padding: 0px !important; } .brief td.progress-td .row { margin: 0px; } .brief td.progress-td .row .col-sm-1 { width:50px; border-right: 2px solid #bbbbbb; } .brief td.progress-td .row .col-sm-11 { padding-left: 0px; } .brief .progress-td .progress-td-row-wrapper { border-bottom: 1px solid #bbbbbb; display: flex; } .brief .progress-td .progress-td-row-wrapper.ideal-progress-row-wrapper { border-bottom: 0px; } /* .brief .progress-td .student-progress-row-wrapper { border-bottom: 2px solid #bbbbbb; } .brief .progress-td .school-progress-row-wrapper { border-bottom: 2px solid #bbbbbb; } */ .brief .progress-td .progress-row-container:first-child { border-right: 1px solid #bbbbbb; width: 50px; float: left; } .brief .progress-td .progress-row-container:last-child {padding-left: 0px; float: left; } .brief select[name="student_textbook_level"] { max-width:65px !important; min-width:65px !important; font-size:10px !important; margin:0px auto !important; } .fa-2x { font-size: 1.5em; } /* Chat Box Style */ .app { position: relative; overflow: hidden; top: 19px; height: calc(100% - 38px); margin: auto; padding: 0; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .06), 0 2px 5px 0 rgba(0, 0, 0, .2); } .app { top: 0; height: 100%; } .app-one { background-color: #fff; height: 100%; overflow: hidden; margin: 0; padding: 0; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .06), 0 2px 5px 0 rgba(0, 0, 0, .2); } .heading { padding: 10px 16px 10px 15px; margin: 0; height: 60px; width: 100%; background-color: #222d32; z-index: 1000; } .heading-avatar { padding: 0; cursor: pointer; display: inline-block; } .heading-avatar-icon img { border-radius: 50%; height: 40px; width: 40px; } .heading-name { padding: 0 !important; cursor: pointer; display: inline-block; } .heading-name-meta { font-weight: 700; font-size: 100%; padding: 5px; padding-bottom: 0; text-align: left; text-overflow: ellipsis; white-space: nowrap; color: white; display: block; } .heading-online { display: none; padding: 0 5px; font-size: 12px; color: #93918f; } .heading-compose { padding: 0; } .heading-compose i { text-align: center; padding: 5px; color: #93918f; cursor: pointer; } .heading-dot { padding: 0; margin-left: 10px; display: none; } .heading-dot i { text-align: right; padding: 5px; color: #93918f; cursor: pointer; } .no-chat-history-note { margin-top: 100px; display: block; text-align: center; font-size: 28px; font-weight: bold; color: #f39c12; } /*New Message*/ .message { position: relative; padding:40px 0px !important; margin: 0 !important; background-size: cover; overflow-y: auto; border: 1px solid #f7f7f7; height: calc(100% - 120px); } .message { height: calc(100% - 185px); } .message-previous { position: absolute; top: 0;margin : 0 !important; padding: 0 !important; height: auto; width: 100%; } .message-previous .throbber { width: 25px; display: block; margin: auto; } .previous { font-size: 15px; text-align: center; padding: 10px !important; cursor: pointer; } .previous a { text-decoration: none; font-weight: 700; color: #f39c12; } .message-body { margin: 0 !important; padding: 0 !important; width: auto; height: auto; } .message-body:first-child { margin-top:20px !important;} .message-main-receiver { padding: 3px 20px !important; max-width: 60%; } .message-main-sender { padding: 3px 20px !important; margin-left: 40% !important; max-width: 60%; } .message-text { margin: 0 !important; word-wrap:break-word; font-weight: 200; font-size: 14px; padding-bottom: 0 !important; } .message-text img.emojione {width:18px; height:18px} .message-time { margin: 0 !important; margin-left: 35px !important; font-size: 12px; text-align: right; float:right; } .receiver { margin-bottom: 10px; width: 100%; padding: 4px 10px 7px !important; border-radius: 10px 10px 10px 0; background: #efefef; border: 1px solid #222d32; font-size: 12px; text-shadow: 0 1px 1px rgba(0, 0, 0, .2); word-wrap: break-word; display: inline-block; -webkit-box-shadow: 11px 10px 34px -13px rgba(0,0,0,0.75); -moz-box-shadow: 11px 10px 34px -13px rgba(0,0,0,0.75); box-shadow: 11px 10px 34px -13px rgba(0,0,0,0.75); } .receiver.student{ background: #222d32; color:white; } .receiver .author { font-style: italic; margin-bottom: 5px;} .sender { position:relative; float: right; width: 100%; background: #efefef; border:1px solid #f39c12; margin-bottom: 10px; border-radius: 10px 10px 0 10px; padding: 4px 10px 7px !important; font-size: 12px; text-shadow: 0 1px 1px rgba(0, 0, 0, .2); display: inline-block; word-wrap: break-word;-webkit-box-shadow: 11px 10px 34px -13px rgba(0,0,0,0.75); -moz-box-shadow: 11px 10px 34px -13px rgba(0,0,0,0.75); box-shadow: 11px 10px 34px -13px rgba(0,0,0,0.75); } .sender .message-time { color:#333; } .message-status { font-size: 12px; display: table; } /*Reply*/ .reply { height: 60px; width: 100%; background-color: #f5f1ee; padding: 10px 5px 10px 5px !important; margin: 0 !important; z-index: 1000; } /* .reply-emojis { padding: 5px !important; } */ .reply-emojis i { text-align: center; padding: 5px 5px 5px 5px !important; color: #93918f; cursor: pointer; } .reply-recording { padding: 5px !important; } .reply-recording i { text-align: center; padding: 5px !important; color: #93918f; cursor: pointer; } .reply-send { margin-top: 1px; color:white; cursor: pointer; padding: 5px !important; text-align: center; border: 1px solid #e08e0b; border-radius: 2px; background-color: #e08e0b; } .reply-send i {color: #e08e0b; cursor: pointer; padding: 1px !important; text-align: center; font-size: 23px!important; margin: auto; } .reply-send span { font-size: 18px; font-weight:bold; } .reply-send img { width: 25px; } .reply-send:hover { background-color:white; color: #e08e0b; } .reply-send:hover i { color:#e08e0b; } .reply-main { padding: 2px 5px !important; } .reply-main textarea { width: 100%; resize: none; overflow: hidden; padding: 5px !important; outline: none; border: none; text-indent: 5px; box-shadow: none; height: 100%; font-size: 16px; } .reply-main textarea:focus { outline: none; border: none; text-indent: 5px; box-shadow: none; } span.message-action {font-size: 16px; float: left; } span.message-action i#edit, span.message-action i#delete { float:left; margin-right: 5px; cursor: pointer; transition: all 0.2s ease; } span.message-action i#edit:hover, span.message-action i#delete:hover { font-size: 18px; color: #e08e0b; } span.message-action .small-throbber i { margin-bottom: 20px; } [data-toggle~="collapse"] { cursor: pointer; } span.message-action .message-del {position: absolute; width: 170px; left: -90px; background-color: #ecf0f5; padding: 10px; border-radius: 8px; bottom: 30px;text-align: center; z-index: 22;} span.message-action .message-del button {margin:0px 5px;} span.message-action .message-del .arrow-down { font-size: 20px; position: absolute; bottom: -10px; right: 58px; color: #ecf0f5;} span.message-action .message-del img.throbber { height:16px; } .reply-main .emojionearea .emojionearea-editor { min-height: 5em; } /* @media screen and (max-width: 700px) { */ .app { top: 0; height: 100%; } .heading { height: 70px; background-color: #222d32; pointer-events: none; } .fa-2x { font-size: 2.3em !important; } .heading-avatar { padding: 0 !important; background-color: white; border-radius: 50%; } .heading-avatar-icon img { height: 50px; width: 50px; } .heading-compose { padding: 5px !important; } .heading-compose i { color: #fff; cursor: pointer; } .heading-dot { padding: 5px !important; margin-left: 10px !important; } .heading-dot i { color: #fff; cursor: pointer; } /*Conversation*/ .conversation { padding: 0 !important; margin: 0 !important; height: 100%; /*width: 100%;*/ border-left: 1px solid rgba(0, 0, 0, .08); /*overflow-y: auto;*/ } /* .message { height: calc(100% - 185px); } */ .reply { height: 100%; } .reply-emojis { padding: 5px 0 !important; } .reply-emojis i { padding: 5px 2px !important; font-size: 1.8em !important; } .reply-main { padding: 2px 8px !important; } .reply-main textarea { padding: 8px !important; font-size: 18px; } .reply-recording { padding: 5px 0 !important; } .reply-recording i { padding: 5px 0 !important; font-size: 1.8em !important; } .reply-send { padding: 9px 0 !important; } /* } */ .checkbox-td-area { position: relative; } .checkbox-td-area div.checkbox{ position: absolute; height: 100%; width: 100%; top: 50%; left: 0px; right: 0px; margin: 0px; /* bottom: 0; */ transform: translateY(-50%); } div.checkbox label { /* position : relative; */ display : block; display: block; padding: 0px; height: 100%; font-family: FontAwesome; } td div.checkbox label input[type=checkbox] { /* position : absolute; */ opacity : 0 ; } div.checkbox label span { height: inherit; display: flex; align-items: center; justify-content: center; height: inherit; color: #333333; font-size:15px; } div.checkbox label input[type=checkbox] + span { background-color:white; } div.checkbox label input[type=checkbox] + span:before { content:"\f096"; } div.checkbox label input[type=checkbox]:checked + span { background-color: #7ad7ff; } div.checkbox label input[type=checkbox]:checked + span:before { content:"\f14a"; } .jexcel_content table.jexcel td.jexcel_selectall button { padding: 10px 13px; font-size: 20px; } /* .jexcel_content table.jexcel td.jexcel_row{ display: none; } */ #textBookImage { position: relative; border: 2px solid #ecf0f5; border-radius: 10px; color: #000; font: bold 24px/200px arial; height: 350px; margin: 30px auto; text-align: center; width: 100%; background-color: #ecf0f5; } #textBookImage.hover { border: 4px solid green; color: green; } #textBookImage.dropped { background: #222; border: 5px solid #444; } #textBookImage div { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 9; } #textBookImage img { border-radius: 5px; vertical-align: middle; max-width: 95%; max-height: 95%; position: absolute; top: 50%; transform: translateX(-50%)translateY(-50%); } #textBookImage #image_file { cursor: pointer; position: absolute; opacity: 0; top: 0; right: 0; bottom: 0; left: 0; width: 100%; z-index: 99; } .jexcel > tbody > tr[data-copystatus="1"] { background-color: #fed7aa; } .jexcel > tbody > tr[data-copystatus="1"] .copy-text { display: flex; align-items: center; justify-content: center; } .jexcel > tbody > tr[data-copystatus="1"] .copy-text strong { color: #dc2626; margin-left: 6px; font-size: 18px; } .jexcel > tbody > tr[data-copystatus="1"] .copy-message { font-size: 12px; color: #dc2626; line-height: 1.5; font-weight: 600; } .jexcel > tbody > tr > td.readonly { color: rgba(0,0,0,1) !important; } .jexcel > tbody > tr > td a.unit-page { font-size:24px; } .jexcel > tbody > tr > td a.textbook-files-page { font-size:24px; } .jexcel > tbody > tr > td a.comprehension-page { font-size:24px; position: relative; } .jexcel > tbody > tr > td a.comprehension-page .fa-file-text { font-size: 20px; } .jexcel > tbody > tr > td a.comprehension-page .fa-plus-circle { font-size: 16px; position: absolute; top: 0; right: -7px; background: #ffffff; border-radius: 100%; } .jexcel > tbody > tr > td a.choose-quiz { cursor: pointer; font-size:24px; margin-left:20px;} .jexcel > tbody > tr > td a.deck-study-settings { cursor: pointer; font-size:24px; margin-left:20px;} .jexcel > tbody > tr > td a.duplicate-unit { cursor: pointer; font-size:24px;} .jexcel > tbody > tr > td a.duplicate-textbook { cursor: pointer; font-size:24px;} .jexcel > tbody > tr > td a.re-order { font-size:24px; } /* .jexcel #textBookImage { height: 80px; margin: 0px; } */ .jexcel #image { position: relative; } .jexcel #image img { object-fit: contain; margin-bottom: 10px; } .jexcel #image.focus { border: 2px solid #f39c12; } .jexcel #image input[type=file] { cursor: pointer; position: absolute; opacity: 0; top: 0; right: 0; bottom: 0; left: 0; width: 100%; z-index: 99; } .jexcel #image span.jupload { width: 100%; height: 50px !important; background-size: contain; display: block; overflow: hidden; min-height: 50px; margin: auto; } .jexcel #image div.jupload { top: 0px !important; position: absolute; min-width: 200px; width: 300px; min-height: 180px; } .jexcel #image div.jupload img { width: 100% !important; height: auto !important; } .jexcel #image .image-action { display: flex; justify-content: space-evenly; position: relative; z-index: 999; } .jexcel #image .image-action a { padding: 5px; color: white; border-radius: 5px; font-size: 15px; } .jexcel #image .image-action a:hover { opacity: 0.8; } .jexcel #image .image-action a.upload { background-color: #00a65a; } .jexcel #image .image-action a.download { background-color: #3c8dbc; } .jexcel #image .image-action a.remove { background-color: #ff0000; } .jexcel #image .image-action a.reset { background-color: #ff0000; } .jexcel #image .image-action a.download img { display: none; } .jexcel #textbookName {line-height: 2em; text-align: left;} .jexcel #image a.choose-image { font-size: 18px; color: #3c8dbc; } .jexcel #image a.choose-image:hover { opacity: 0.8; } /*.jexcel #image .answer-image-action { display: flex; justify-content: center; }*/ /*.jexcel #image .answer-image-action a { font-size: 15px; color: #3c8dbc; margin: 0px 0px; }*/ /*.jexcel #image .answer-image-action a:hover { opacity: 0.8; }*/ /*.jexcel #image .answer-image-action a.answer-image-view:hover { cursor: pointer; }*/ #unit_table .jexcel > tbody.draggable > tr > td:first-child::after { content: '\f047'; width: 30px !important; color:#000000; font-size: 17px; right: -32px !important; background-color: #b7b7b7 !important; font-family: 'FontAwesome'; display: flex; justify-content: center; align-items: center; } #unit_table .jexcel > tbody.draggable > tr > td:nth-child(4) { padding-left: 30px; } #question_table .jexcel > tbody.draggable > tr > td:first-child::after { content: '\f047'; width: 30px !important; color:#000000; font-size: 17px; right: -32px !important; background-color: #b7b7b7 !important; font-family: 'FontAwesome'; display: flex; justify-content: center; align-items: center; } #question_table .jexcel > tbody.draggable > tr > td:nth-child(4) { padding-left: 30px; } /*#unit_table .jexcel #image img { display: block; margin: auto; max-width: 30px; }*/ /*#unit_table .jexcel #image img.image-upload-img { max-width: 40px; }*/ /*#unit_table .jexcel .image-wrapper { margin-bottom: 8px; }*/ #unit_table .jexcel #image a.image-picked-icon { color: #f39c12; font-size: 34px; } #unit_table .jexcel #image a.image-picked-icon:hover { opacity: 0.8; } #unit_table .jexcel #image a.image-upload-icon { color: #000000; font-size: 34px; } #unit_table .jexcel #image a.image-upload-icon:hover { opacity: 0.8; } /* #unit .div-action a { background-color: #00a65a; } */ /* #unit_table .jexcel #image .image-wrapper.empty-cell { pointer-events: none; display:none; } */ /*#unit_table .jexcel input[type="radio"][name*="lesson_flow"]:not(:checked) + label{color:#C0C0C0}*/ #unit_table .jexcel #questions .quiz-draft {color: #FF0000;} #unit_table .jexcel #questions .quiz-close {color: #FF0000;} #unit_table td.edited { background-color: rgb(251 113 133 / 40%); } #unit_table td.edited-quiz .choose-quiz, td.edited-settings .deck-study-settings { color: #d33f54; } #duplicate-unit-modal p#duplicate-unit-toggle-disable-message {font-size: 10px; color: #FF0000;} #duplicate-unit-modal #duplicate-unit-unit-row table tbody tr td:nth-child(4) {background-color: #e9fce9;} #duplicate-unit-modal #duplicate-unit-unit-row table tbody tr td:nth-child(5) {background-color: #e9fce9;} #duplicate-unit-modal #duplicate-unit-comprehension-row table tbody tr td:nth-child(3) {background-color: #e9fce9;} /*MODAL FULL SCREEN*/ .modal.full-screen { padding: 0 !important; } .modal.full-screen .modal-dialog { height: 100vh; width: calc(100% - 20px); margin: 10px auto; } .modal.full-screen .modal-content { height: 100%; } .modal.full-screen .modal-body { height: calc(100% - 30px); padding: 0 !important; } .modal.full-screen .modal-body > div { margin: auto; height: 100%; width: 100%; } .modal.full-screen.with-footer .modal-dialog { height: 100vh; width: calc(100% - 80px); margin: 10px auto; } .modal.full-screen.with-footer .modal-body { height: calc(100% - 115px); padding: 0 !important; } .modal.full-screen.with-footer .modal-body .cropper-container { width: 100%; } /*MODAL FULL HEIGHT*/ .modal.full-height { padding: 0 !important; } .modal.full-height .modal-dialog { height: 100vh; max-width: 600px; margin: 10px auto; } /*MODAL FULL WIDTH*/ .modal.full-width .modal-dialog { width: calc(100% - 20px); margin: 10px auto; } .modal.full-width-md .modal-dialog { width: calc(80% - 20px); margin: 10px auto; } @media only screen and (max-width: 767px) { .modal.full-width-md .modal-dialog { width: calc(100% - 20px); } } .gallery-modal { position: relative; max-width: 800px; max-height: 500px; height: 500px; width: 800px;} .gallery-modal .gallery-modal-container { width: 870px; top: 53%; left: 50%; position: fixed; transform: translateX(-50%)translateY(-50%); background-color: #f3f3f3; z-index: 1030; -webkit-box-shadow: 10px 10px 23px 0px rgba(130,130,130,1); -moz-box-shadow: 10px 10px 23px 0px rgba(130,130,130,1); box-shadow: 10px 10px 23px 0px rgba(130,130,130,1);} .gallery-modal .gallery-modal-container div img { max-width: 380px; width: 380px;} .gallery-modal .gallery-modal-container .close-gallery { position: absolute; right: 24px; top: 0px; color: #1d1d1b; font-size: 24px; z-index: 99;} .gallery-modal .gallery-modal-container .close-gallery:hover { opacity: 0.8; } .gallery-modal .gallery-modal-container .gallery-modal-wrapper { padding: 15px; height: 720px; overflow-y: scroll; position: relative; padding-top: 30px; } .gallery-modal .gallery-modal-container .gallery-modal-wrapper .model-info { position: fixed; top: 0px; padding: 10px 0px 0px 10px; left: 50%; transform: translateX(-52%); background-color: #f3f3f3; width: calc(100% - 40px); z-index: 9; } .gallery-modal .gallery-modal-container .gallery-modal-wrapper .model-info span { font-weight: bold; color: #f39c12; } .gallery-modal .gallery-modal-container .gallery-modal-wrapper .model-info .selected-image-number { background-color: #f39c12; color: white; border-radius: 50%; position: absolute; top: -5px; left: -10px; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; font-size: 14px; cursor: pointer; } .gallery-modal .gallery-modal-container .gallery-modal-wrapper .model-info .selected-image-filename { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-all; font-size: 12px; } .gallery-modal .gallery-modal-container .gallery-modal-wrapper #thumbnials { margin-top: 140px; display: flex; justify-content: flex-start; flex-wrap: wrap; } .gallery-modal .gallery-modal-container .gallery-modal-wrapper #thumbnials .answer-col { position:relative; margin: 20px 5px; -webkit-transition: transform .5s ease-in-out; -moz-transition: transform .5s ease-in-out; -ms-transition: transform .5s ease-in-out; } .gallery-modal .gallery-modal-container .gallery-modal-wrapper #thumbnials .answer-col button.select-image { visibility:hidden; position: absolute; left: 50%; transform: translateX(-50%)translateY(-50%); top: 43%; z-index: 9999; background-color: #f39c12; border: 1px solid #f39c12; color: white; font-size: 18px; padding: 7px 8px; border-radius: 5px; } .gallery-modal .gallery-modal-container .gallery-modal-wrapper #thumbnials .answer-col button.zoom-image { visibility:hidden; position: absolute; left: 50%; transform: translateX(-50%)translateY(-50%); top: 58%; z-index: 9999; background-color: #f39c12; border: 1px solid #f39c12; color: white; font-size: 18px; padding: 7px 8px; border-radius: 5px; } .gallery-modal .gallery-modal-container .gallery-modal-wrapper #thumbnials .answer-col button:hover { background-color: white; color:#f39c12; } .gallery-modal .gallery-modal-container .gallery-modal-wrapper #thumbnials .answer-col:hover { cursor: pointer; -moz-transform: scale(1.03); -webkit-transform: scale(1.03); -o-transform: scale(1.03); -ms-transform: scale(1.03); -webkit-transform: scale(1.03); transform: scale(1.03); -webkit-transition: transform .5s ease-in-out; -moz-transition: transform .5s ease-in-out; -ms-transition: transform .5s ease-in-out; } .gallery-modal .gallery-modal-container .gallery-modal-wrapper #thumbnials .answer-col:hover button.select-image { visibility:visible; } .gallery-modal .gallery-modal-container .gallery-modal-wrapper #thumbnials .answer-col:hover button.zoom-image { visibility:visible; } .gallery-modal .gallery-modal-container .gallery-modal-wrapper #thumbnials .answer-col .answer-items { border:2px solid transparent; pointer-events: none; } .gallery-modal .gallery-modal-container .gallery-modal-wrapper #thumbnials .answer-col .answer-items.gal-select { border:2px solid #f39c12; } .gallery-modal .gallery-modal-container .gallery-modal-wrapper #thumbnials .answer-col .image-number { background-color: #f39c12; color: white; border-radius: 50%; position: absolute; top: -25px; left: -10px; width: 35px; height: 35px; display: flex; justify-content: center; align-items: center;} .gallery-modal .gallery-modal-container .gallery-modal-wrapper #thumbnials .answer-col .user-file-name { position: absolute; top: -20px; left: 30px; border-radius: 3px; padding: 3px 5px;} .gallery-modal .gallery-modal-container .gallery-modal-wrapper #thumbnials .answer-col img { min-height: 536px; min-width: 380px; } .gallery-modal .gallery-modal-container .gallery-modal-wrapper #image-picker-slots .focus { border: 2px solid #f39c12; } .gallery-modal .gallery-modal-container .gallery-modal-wrapper #image-picker-slots span.image-picked-icon { color: #f39c12; font-size: 34px; position: relative; } .gallery-modal .gallery-modal-container .gallery-modal-wrapper #image-picker-slots span.image-picked-icon:hover { opacity: 0.8; } .gallery-modal .gallery-modal-container .gallery-modal-wrapper #image-picker-slots span.image-upload-icon { color: #000000; font-size: 34px; } .gallery-modal .gallery-modal-container .gallery-modal-wrapper #image-picker-slots span.image-upload-icon:hover { opacity: 0.8; } .gallery-modal .gallery-modal-container .gallery-modal-wrapper #image-picker-slots span img {width: 100%;} .gallery-modal .gallery-modal-container .gallery-modal-wrapper #image-picker-slots td {width: 60px; height: 70px; border: 1px solid #ccc; text-align: center} .gallery-modal .gallery-modal-container .gallery-modal-wrapper #image-picker-slots td.has-image { padding: 4px 12px 0 12px; } .gallery-modal .gallery-modal-container .gallery-modal-wrapper #image-picker-slots th {border: 1px solid #ccc; text-align: center} .gallery-modal .gallery-modal-container .gallery-modal-wrapper #image-picker-slots .image-picker-action { display: flex; justify-content: space-around; margin-left: -10px; width: calc(100% + 20px); } .gallery-modal .gallery-modal-container .gallery-modal-wrapper #image-picker-slots .image-picker-action a { font-size: 15px; color: #3c8dbc; margin: 0px 0px; cursor: pointer; } .gallery-modal .gallery-modal-container .gallery-modal-wrapper #image-picker-slots .image-picker-action a:hover { opacity: 0.8; } .reOrder-modal { position: relative; max-width: 800px; max-height: 500px; height: 500px; width: 800px; } .reOrder-modal .reOrder-modal-container { width: 430px; top: 50%; left: 50%; position: fixed; transform: translateX(-50%)translateY(-50%); background-color: #f3f3f3; z-index: 999; -webkit-box-shadow: 10px 10px 23px 0px rgba(130,130,130,1); -moz-box-shadow: 10px 10px 23px 0px rgba(130,130,130,1); box-shadow: 10px 10px 23px 0px rgba(130,130,130,1); border-radius: 15px; } .reOrder-modal .reOrder-modal-container div img { max-width: 100px;} .reOrder-modal .reOrder-modal-container .close-modal { position: absolute; right: -10px; top: -18px; color: #1d1d1b; font-size: 24px; } .reOrder-modal .reOrder-modal-container .close-modal:hover { opacity: 0.8; } .reOrder-modal .reOrder-modal-container .reOrder-modal-wrapper {padding: 15px; height: 200px; overflow-y: hidden; text-align: center; position: relative; } .reOrder-modal .reOrder-modal-container .reOrder-modal-wrapper p { margin-top: 30px !important; font-size: 15px; width: 300px; margin: auto; } .reOrder-modal .reOrder-modal-container .reOrder-modal-wrapper select { width: 300px; border-radius: 5px; padding: 9px; font-size: 18px; position: absolute; top: 65%; left: 50%; transform: translateX(-50%)translateY(-50%); } .quiz-modal { position: relative; max-width: 800px; max-height: 500px; height: 500px; width: 800px; } .quiz-modal .quiz-modal-container { width: 430px; top: 50%; left: 50%; position: fixed; transform: translateX(-50%)translateY(-50%); background-color: #f3f3f3; z-index: 999; -webkit-box-shadow: 10px 10px 23px 0px rgba(130,130,130,1); -moz-box-shadow: 10px 10px 23px 0px rgba(130,130,130,1); box-shadow: 10px 10px 23px 0px rgba(130,130,130,1); border-radius: 15px; } .quiz-modal .quiz-modal-container div img { max-width: 100px;} .quiz-modal .quiz-modal-container .close-modal { position: absolute; right: -10px; top: -18px; color: #1d1d1b; font-size: 24px; } .quiz-modal .quiz-modal-container .close-modal:hover { opacity: 0.8; } .quiz-modal .quiz-modal-container .quiz-modal-wrapper {padding: 15px; height: 300px; overflow-y: hidden; text-align: center; position: relative; } .quiz-modal .quiz-modal-container .quiz-modal-wrapper p { margin-top: 30px !important; font-size: 15px; width: 300px; margin: auto; } .quiz-modal .quiz-modal-container .quiz-modal-wrapper select { width: 300px; border-radius: 5px; padding: 9px; font-size: 18px; position: absolute; top: 65%; left: 50%; transform: translateX(-50%)translateY(-50%); } .answer-container .answer-wrapper { display: flex; flex-wrap: wrap; justify-content: flex-start; } .answer-container .answer-wrapper .answer-item-image { width: 150px; position: relative; margin: 10px; padding: 15px; border: 1px solid #d2d2d2; } .answer-container .answer-wrapper .answer-item-image img { width: 100%; margin-bottom: 40px; } .answer-container .answer-wrapper .answer-item-image #image_file { display:none; } .answer-container .answer-wrapper .answer-item-image .image-container { position: absolute; bottom: 0; left: 0; right: 0; padding: 10px; width: 100%; } .answer-container .answer-wrapper .answer-item-image .editable-container { margin-bottom: 220px; } .answer-container .answer-wrapper .answer-item-image .editable-name { font-size: 12px; top: -2px; left: -10px; width: calc(100% + 20px); position: relative; text-align: center; z-index: 1; word-break: break-all; } .answer-container .answer-wrapper .answer-item-image .editable-name:focus-visible { border: 1px solid #c7c7c7; background-color: #ffffff; padding: 4px; outline: none; } .answer-container .answer-wrapper .answer-item-image .image-number { background-color: #f39c12; color: white; border-radius: 50%; position: absolute; top: -15px; left: -15px; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; } .answer-container .answer-wrapper .answer-item-image .answer-image-action { margin-top: 10px; display: flex; justify-content: space-between; position: absolute; bottom: 0; left: 0; right: 0; padding: 10px; width: 100%; } .answer-container .answer-wrapper .answer-item-image .answer-image-action a { padding: 5px 10px; color: white; border-radius: 5px; font-size: 15px; } .answer-container .answer-wrapper .answer-item-image .answer-image-action a.upload { background-color: #00a65a; } .answer-container .answer-wrapper .answer-item-image .answer-image-action a.download { background-color: #3c8dbc; } .answer-container .answer-wrapper .answer-item-image .answer-image-action a.trash { background-color: #ff0000; } .answer-container .answer-wrapper .answer-item-image .answer-image-action a.undo { background-color: #f39c12; } .answer-container .answer-wrapper .answer-item-image .answer-image-action a:hover { opacity: 0.8; } .answer-container .answer-wrapper .answer-item-image .image-wrapper { cursor: pointer; min-height: 120px; text-align: center; } /*.answer-container .answer-wrapper .answer-item-image .image-wrapper::before { content: attr(data-sub-html); font-size: 12px; top: 5px; left: 5px; right: 5px; position: absolute; display: inline-block; word-break: break-all;}*/ .answer-container .answer-wrapper .answer-item-image .image-wrapper .image-icon { font-size: 50px; color: #f39c12; } .answer-container .answer-wrapper .answer-item-image .image-wrapper:hover .image-icon { opacity: 0.8; } .answer-container .answer-wrapper .answer-item-image.empty-cell .image-wrapper { pointer-events: none; min-height: 170px; text-align: center; } .answer-container .answer-wrapper .answer-item-image .image-wrapper.empty-wrapper{ min-height: 190px; vertical-align: middle; } .answer-container .answer-wrapper .answer-item-image .image-wrapper.empty-wrapper img { width: 85px; } .answer-container .answer-wrapper .answer-item-image.gal-select { border:2px solid #f39c12; } .breadcrumbs { display: flex; list-style: none; padding: 0px; margin-top: 10px; } .breadcrumbs li { margin-right: 15px; } .breadcrumbs li:last-child { opacity: 0.8; pointer-events: none; } .breadcrumbs li:last-child a { color:black; } .stand-out-sup .wrapper { display: inline-block; padding: 2px 15px; margin-bottom: 15px; border: 1px solid #e6e6e6; background-color: #ffffff; border-radius: 10px; box-shadow: azure; -webkit-box-shadow: 0 10px 6px -6px #777; -moz-box-shadow: 0 10px 6px -6px #777; box-shadow: 0 10px 4px -6px #777; } .stand-out-sup .wrapper h4 { color:#333; } span.unit-title { font-size: 17px; border-bottom: 4px solid #f39c12; padding: 0px 15px; } .skip-flg { text-align: right !important; } .skip-flg .field-wrapper { margin-bottom: 10px; display: flex; align-items: center; justify-content: flex-end; } .skip-flg .field-wrapper select { min-width: 80px !important; width: 100px; margin-left: 10px; font-weight: normal; font-size: 15px; padding: 3px; } .level-modal { position: relative; max-width: 800px; max-height: 500px; height: 500px; width: 800px; } .level-modal .level-modal-container { width: 320px; top: 50%; left: 50%; position: fixed; transform: translateX(-50%)translateY(-50%); background-color: #f3f3f3; z-index: 999; -webkit-box-shadow: 10px 10px 23px 0px rgba(130,130,130,1); -moz-box-shadow: 10px 10px 23px 0px rgba(130,130,130,1); box-shadow: 10px 10px 23px 0px rgba(130,130,130,1); border-radius: 15px; } .level-modal .level-modal-container div img { max-width: 100px;} .level-modal .level-modal-container .close-modal { position: absolute; right: -10px; top: -18px; color: #1d1d1b; font-size: 24px; } .level-modal .level-modal-container .close-modal:hover { opacity: 0.8; } .level-modal .level-modal-container .level-modal-wrapper {padding: 20px; overflow-y: hidden; text-align: center; position: relative; } .level-modal .level-modal-container .level-modal-wrapper .field-wrapper { margin-bottom: 10px; } /* .package-modal .package-modal-container .package-modal-wrapper p { margin-top: 30px !important; font-size: 15px; width: 300px; margin: auto; } */ .level-modal .level-modal-container .level-modal-wrapper select { display: inline-block; height: 45px;margin-left: 10px; width: 180px; border-radius: 5px; padding: 9px; font-size: 18px; } .custom-container.package-container { width:1012px; } .custom-container.package-container.full-width {width: 100%;} .custom-container.package-container .form-items select{ margin-bottom: 10px; margin-right: 10px; min-width: 260px !important;} .custom-container.package-container .form-items .row{ display: flex; justify-content: left; align-items: end; } .custom-container.package-container table tbody tr td { background-color: white; } .new-unit-modal { position: relative; max-width: 800px; max-height: 500px; height: 500px; width: 800px; } .new-unit-modal .new-unit-modal-container { width: 640px; top: 50%; left: 50%; position: fixed; transform: translateX(-50%)translateY(-50%); background-color: #f3f3f3; z-index: 999; -webkit-box-shadow: 10px 10px 23px 0px rgba(130,130,130,1); -moz-box-shadow: 10px 10px 23px 0px rgba(130,130,130,1); box-shadow: 10px 10px 23px 0px rgba(130,130,130,1); border-radius: 15px; } .new-unit-modal .new-unit-modal-container div img { max-width: 100px;} .new-unit-modal .new-unit-modal-container .close-unit-fields { position: absolute; right: -10px; top: -18px; color: #1d1d1b; font-size: 24px; } .new-unit-modal .new-unit-modal-container .close-unit-fields:hover { opacity: 0.8; } .new-unit-modal .new-unit-modal-container .new-unit-modal-wrapper {padding: 10px; overflow-y: hidden; text-align: center; position: relative; } .new-unit-modal .new-unit-modal-container .new-unit-modal-wrapper .field-wrapper { margin-bottom: 10px; } /* .package-modal .package-modal-container .package-modal-wrapper p { margin-top: 30px !important; font-size: 15px; width: 300px; margin: auto; } */ .new-unit-modal .new-unit-modal-container .new-unit-modal-wrapper select { display: inline-block; height: 45px;margin-left: 10px; width: 180px; border-radius: 5px; padding: 9px; font-size: 18px; } .new-unit-modal .new-unit-modal-container .new-unit-modal-wrapper select.number-of-units { position: absolute; width: 80px !important; min-width: 80px !important; top: 15px; right: 35px; padding: 5px; height: 38px; } .new-unit-modal .new-unit-modal-container .new-unit-modal-wrapper input[type="radio"][name="lesson_flow_new"] {width:25px !important; height:25px !important; position:relative; top:4px;} .new-unit-modal .new-unit-modal-container .new-unit-modal-wrapper input[type="radio"][name="lesson_flow_new"]+label {font-size:18px}; .new-question-modal { position: relative; max-width: 800px; max-height: 500px; height: 500px; width: 800px; } .new-question-modal .new-question-modal-container { width: 560px; top: 50%; left: 50%; position: fixed; transform: translateX(-50%)translateY(-50%); background-color: #f3f3f3; z-index: 999; -webkit-box-shadow: 10px 10px 23px 0px rgba(130,130,130,1); -moz-box-shadow: 10px 10px 23px 0px rgba(130,130,130,1); box-shadow: 10px 10px 23px 0px rgba(130,130,130,1); border-radius: 15px; } .new-question-modal .new-question-modal-container div img { max-width: 100px;} .new-question-modal .new-question-modal-container .close-question-fields { position: absolute; right: -10px; top: -18px; color: #1d1d1b; font-size: 24px; } .new-question-modal .new-question-modal-container .close-question-fields:hover { opacity: 0.8; } .new-question-modal .new-question-modal-container .new-question-modal-wrapper {padding: 10px; overflow-y: hidden; text-align: center; position: relative; } .new-question-modal .new-question-modal-container .new-question-modal-wrapper .field-wrapper { margin-bottom: 10px; } /* .package-modal .package-modal-container .package-modal-wrapper p { margin-top: 30px !important; font-size: 15px; width: 300px; margin: auto; } */ .new-question-modal .new-question-modal-container .new-question-modal-wrapper select { display: inline-block; height: 45px;margin-left: 10px; width: 180px; border-radius: 5px; padding: 9px; font-size: 18px; } .new-question-modal .new-question-modal-container .new-question-modal-wrapper select.number-of-questions { position: absolute; width: 80px !important; min-width: 80px !important; top: 15px; right: 35px; padding: 5px; height: 38px; } .new-school-area-modal { position: relative; max-width: 800px; max-height: 500px; height: 500px; width: 600px; } .new-school-area-modal .new-school-area-modal-container { width: 560px; top: 50%; left: 50%; position: fixed; transform: translateX(-50%)translateY(-50%); background-color: #f3f3f3; z-index: 999; -webkit-box-shadow: 10px 10px 23px 0px rgba(130,130,130,1); -moz-box-shadow: 10px 10px 23px 0px rgba(130,130,130,1); box-shadow: 10px 10px 23px 0px rgba(130,130,130,1); border-radius: 15px; } .new-school-area-modal .new-school-area-modal-container div img { max-width: 100px;} .new-school-area-modal .new-school-area-modal-container .close-school-area-fields { position: absolute; right: -10px; top: -18px; color: #1d1d1b; font-size: 24px; } .new-school-area-modal .new-school-area-modal-container .close-school-area-fields:hover { opacity: 0.8; } .new-school-area-modal .new-school-area-modal-container .new-school-area-modal-wrapper {padding: 20px; overflow-y: hidden; text-align: center; position: relative; } .new-school-area-modal .new-school-area-modal-container .new-school-area-modal-wrapper .field-wrapper { margin-bottom: 10px; } /* .package-modal .package-modal-container .package-modal-wrapper p { margin-top: 30px !important; font-size: 15px; width: 300px; margin: auto; } */ .new-school-area-modal .new-school-area-modal-container .new-school-area-modal-wrapper select { display: inline-block; height: 45px;margin-left: 10px; width: 180px; border-radius: 5px; padding: 9px; font-size: 18px; } /* #school_area_table .jexcel tr td #saveSchoolArea { padding: 10px 10px; font-size: 12px; } */ .new-school-modal { position: relative; max-width: 800px; max-height: 500px; height: 500px; width: 800px; } .new-school-modal .new-school-modal-container { width: 560px; top: 50%; left: 50%; position: fixed; transform: translateX(-50%)translateY(-50%); background-color: #f3f3f3; z-index: 999; -webkit-box-shadow: 10px 10px 23px 0px rgba(130,130,130,1); -moz-box-shadow: 10px 10px 23px 0px rgba(130,130,130,1); box-shadow: 10px 10px 23px 0px rgba(130,130,130,1); border-radius: 15px; } .new-school-modal .new-school-modal-container div img { max-width: 100px;} .new-school-modal .new-school-modal-container .close-school-fields { position: absolute; right: -10px; top: -18px; color: #1d1d1b; font-size: 24px; } .new-school-modal .new-school-modal-container .close-school-fields:hover { opacity: 0.8; } .new-school-modal .new-school-modal-container .new-school-modal-wrapper {padding: 20px; overflow-y: hidden; text-align: center; position: relative; } .new-school-modal .new-school-modal-container .new-school-modal-wrapper .field-wrapper { margin-bottom: 10px; } /* .package-modal .package-modal-container .package-modal-wrapper p { margin-top: 30px !important; font-size: 15px; width: 300px; margin: auto; } */ .new-school-modal .new-school-modal-container .new-school-modal-wrapper select { display: inline-block; height: 45px;margin-left: 10px; width: 180px; border-radius: 5px; padding: 9px; font-size: 18px; } .new-center-modal { position: relative; max-width: 800px; max-height: 500px; height: 500px; width: 800px; } .new-center-modal .new-center-modal-container { width: 560px; top: 50%; left: 50%; position: fixed; transform: translateX(-50%)translateY(-50%); background-color: #f3f3f3; z-index: 999; -webkit-box-shadow: 10px 10px 23px 0px rgba(130,130,130,1); -moz-box-shadow: 10px 10px 23px 0px rgba(130,130,130,1); box-shadow: 10px 10px 23px 0px rgba(130,130,130,1); border-radius: 15px; } .new-center-modal .new-center-modal-container div img { max-width: 100px;} .new-center-modal .new-center-modal-container .close-center-fields { position: absolute; right: -10px; top: -18px; color: #1d1d1b; font-size: 24px; } .new-center-modal .new-center-modal-container .close-center-fields:hover { opacity: 0.8; } .new-center-modal .new-center-modal-container .new-center-modal-wrapper {padding: 20px; overflow-y: hidden; text-align: center; position: relative; } .new-center-modal .new-center-modal-container .new-center-modal-wrapper .field-wrapper { margin-bottom: 10px; } /* .package-modal .package-modal-container .package-modal-wrapper p { margin-top: 30px !important; font-size: 15px; width: 300px; margin: auto; } */ .new-center-modal .new-center-modal-container .new-center-modal-wrapper select { display: inline-block; height: 45px;margin-left: 10px; width: 180px; border-radius: 5px; padding: 9px; font-size: 18px; } .checkbox-td-area.on-mode {} .checkbox-td-area.on-mode div.checkbox label span:before { margin-right: 65px; } .checkbox-td-area.on-mode i { color:white; position: absolute; top: 50%; left: 50%; right: -25px; transform: translateY(-50%); padding: 10px; width: 40px; background-color: #5928f5; } .standard-style #system-settings .form-items { padding-bottom: 10px; } .standard-style #system-settings .form-items h4 { margin-left:-15px; } .standard-style #system-settings #apply_mission_by_lesson_flow {display: flex; gap: 15px; padding-top: 10px} #drop-area { text-align:center; border: 2px dashed #ccc; border-radius: 20px; width: 800px; margin: 0px 0px 50px 10px; padding: 20px; } #drop-area.highlight { border-color: #f39c12; } #drop-area .icon { text-align:center; } #drop-area .icon i { font-size: 80px; color: #ccc; } #drop-area .my-form { margin-bottom: 10px; } #drop-area #gallery { margin-top: 10px; display: flex; justify-content: center; flex-wrap: wrap; } #drop-area #gallery div.item { position: relative; margin: 10px; cursor:pointer; } #drop-area #gallery div.item .close-button { position: absolute; right: 3px; top: 0px; color: #f39c12; font-size: 18px; } #drop-area #gallery div.item .close-button:hover { opacity:0.8; } #drop-area #gallery div.item .close-button:before { content: "\f00d"; font-family: 'FontAwesome'; } #drop-area #gallery img { width: 150px; vertical-align: middle; } #drop-area .button { display: inline-block; padding: 10px; background: #00a65a; color:white; cursor: pointer; border-radius: 5px; border: 1px solid #ccc; } #drop-area .button:hover { background: #ddd; } #drop-area #fileElem { display: none; } .switch { position: relative; display: inline-block; width: 60px; height: 34px; margin-top: 6px; } .switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #2196F3; } input:focus + .slider { box-shadow: 0 0 1px #2196F3; } input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } .switch.sm { width: 38px !important; height: 18px !important; margin: 0; } .switch.sm .slider:before { height: 14px !important; width: 16px !important; left: 2px !important; bottom: 2px !important; } .switch.sm input:checked + .slider:before { -webkit-transform: translateX(18px) !important; -ms-transform: translateX(18px) !important; transform: translateX(18px) !important; } .my-script-results img { object-fit: contain; height: 100%; width: 100%; margin-bottom: -3px; display: inline-block; } /*--user profile required fields */ .required-radiobutton .radio {border-bottom-style:solid; border-bottom-color:red; border-bottom-width:2px;} .required-select2 .select2-selection {border-bottom-style:solid; border-bottom-color:red; border-bottom-width:2px;} .required-input input {border-bottom-style:solid; border-bottom-color:red; border-bottom-width:2px;} .required-thead thead {border-top-style:solid; border-top-color:red;} /*Mission List*/ .unused-textbook, .unused-textbook:hover { background-color: #ffc5c5 !important; } .table-bordered>tbody>tr.unused-textbook td:not(:first-child) { border: 1px solid #aaaaaa !important; } /*------------------ dstudy-standard ----------------------*/ .dstudy-standard section.content-header {padding:10px 0px 0px 15px;} .dstudy-standard .dstudy-standard-width-large {max-width: 991px;} .dstudy-standard .dstudy-standard-width-full {max-width: 100%;} .dstudy-standard .box-body { position: relative; } .dstudy-standard div.dstudy-cond-label {border-radius:3px;} .dstudy-standard div.dstudy-cond-label label {display:inline-block;font-size:18px;padding:5px 0px 5px 0px;} .dstudy-standard div.dstudy-cond-label-sm4in6 {border-radius:3px;} @media only screen and (min-width: 768px) {.dstudy-standard div.dstudy-cond-label-sm4in6 {width:16.1%;}} .dstudy-standard div.dstudy-cond-label-sm4in6 label{display:inline-block;font-size:18px;padding:5px 0px 5px 0px;} .dstudy-standard div.dstudy-cond-item {font-size:18px;} .dstudy-standard div.dstudy-cond-item input[type='text']{font-size:18px;} .dstudy-standard div.dstudy-cond-item select{font-size:18px;} .dstudy-standard div.dstudy-cond-checkbox input[type='checkbox']{margin-right: 5px;} .dstudy-standard .select2-container--default .select2-selection--single {height: 39px;} .dstudy-standard .select2-container--default .select2-selection--multiple { max-height: 90px; overflow-y: auto; } .dstudy-standard .select2-container--default .select2-selection__rendered { white-space: pre-wrap; } .dstudy-table {background-color: #ffffff;} .dstudy-table tr:nth-child(even) td {background-color: rgba(255,255,255,1);} .dstudy-table tr:nth-child(odd) td {background-color: rgba(236,236,236,1);} .dstudy-table-nozebra td.row-white {background-color: rgba(255,255,255,1);} .dstudy-table-nozebra td.row-gray {background-color: rgba(236,236,236,1);} .dstudy-table-white {background-color: #ffffff;} /*--area clickable--*/ .dstudy-checkbox-td { position: relative; margin:0px; padding:0px;} .dstudy-checkbox-td div.dstudy-checkbox{ position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; right: 0px; margin: 0px; padding:0px; /* bottom: 0; */ /*transform: translateY(-50%);*/ } .dstudy-checkbox-td div.dstudy-checkbox label { /* position : relative; */ display : block; padding: 0px; height: 100%; width: 100%; font-family: FontAwesome; } .dstudy-checkbox-td div.dstudy-checkbox label input[type=checkbox] { position : absolute; opacity : 0 ; } .dstudy-checkbox-td div.dstudy-checkbox label span { height: inherit; display: flex; align-items: center; justify-content: center; color: #333333; font-size:15px; } .dstudy-checkbox-td div.dstudy-checkbox label input[type=checkbox] + span { background-color:white; } .dstudy-checkbox-td div.dstudy-checkbox label input[type=checkbox] + span:before { content:"\f096"; } .dstudy-checkbox-td div.dstudy-checkbox label input[type=checkbox]:checked + span { background-color: #7ad7ff; } .dstudy-checkbox-td div.dstudy-checkbox label input[type=checkbox]:checked + span:before { content:"\f14a"; } @media only screen and (max-width: 767px) { .dstudy-standard div.dstudy-cond-item.select-cond { margin-bottom: 45px; } } /*--toggle switch--*/ .dstudy-standard .switch { position: relative; display: inline-block; width: 60px; height: 34px; } .dstudy-standard .switch input { opacity: 0; width: 0; height: 0; } .dstudy-standard .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .dstudy-standard .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } .dstudy-standard input:checked + .slider { background-color: #f39c12; } .dstudy-standard input:focus + .slider { box-shadow: 0 0 1px #2196F3; } .dstudy-standard input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } /* Rounded sliders */ .dstudy-standard .slider.round { border-radius: 34px; } .dstudy-standard .slider.round:before { border-radius: 50%; } /* with label */ .btn-swm-container { display: table-cell; vertical-align: middle; text-align: center; } .btn-swm-container label { color: #424242; font-weight: 500; } .btn-switch-mode { display: inline-block; margin: 0px; position: relative; width: 100% !important; margin-top: 6px; margin-bottom: 5px; } .btn-switch-mode > label.btn-switch-mode-inner { height: 34px; background: #cccccc; border-radius: 50px; cursor: pointer; display: flex; align-items: center; justify-content: space-around; } .btn-switch-mode > label.btn-switch-mode-inner span { position: relative; width: 100px; padding: 2px; font-size: 16px; color: #424242 !important; font-weight: 500 !important; } .btn-switch-mode > label.btn-switch-mode-inner:before { content: ""; width: 100px; height: 30px; background: #fff; border-radius: 26px; position: absolute; left: 98px; top: 2px; text-align: center; transition: all 0.3s ease; padding: 2px 0px; } .btn-switch-mode input[type="checkbox"] { cursor: pointer; width: 50px; height: 25px; opacity: 0; position: absolute; top: 0; z-index: 1; margin: 0px; } .btn-switch-mode input[type="checkbox"]:checked + label.btn-switch-mode-inner:before { left: 2px; } /*--width--*/ .dstudy-w1 {width:1px;min-width:1px;max-width:1px;} .dstudy-w10 {width:10px;min-width:10px;max-width:10px;} .dstudy-w20 {width:20px;min-width:20px;max-width:20px;} .dstudy-w30 {width:30px;min-width:30px;max-width:30px;} .dstudy-w40 {width:40px;min-width:40px;max-width:40px;} .dstudy-w50 {width:50px;min-width:50px;max-width:50px;} .dstudy-w55 {width:55px;min-width:55px;max-width:55px;} .dstudy-w60 {width:60px;min-width:60px;max-width:60px;} .dstudy-w70 {width:70px;min-width:70px;max-width:70px;} .dstudy-w80 {width:80px;min-width:80px;max-width:80px;} .dstudy-w90 {width:90px;min-width:90px;max-width:90px;} .dstudy-w100 {width:100px;min-width:100px;max-width:100px;} .dstudy-w110 {width:110px;min-width:110px;max-width:110px;} .dstudy-w120 {width:120px;min-width:120px;max-width:120px;} .dstudy-w130 {width:130px;min-width:130px;max-width:130px;} .dstudy-w140 {width:140px;min-width:140px;max-width:140px;} .dstudy-w150 {width:150px;min-width:150px;max-width:150px;} .dstudy-w160 {width:160px;min-width:160px;max-width:160px;} .dstudy-w170 {width:170px;min-width:170px;max-width:170px;} .dstudy-w180 {width:180px;min-width:180px;max-width:180px;} .dstudy-w190 {width:190px;min-width:190px;max-width:190px;} .dstudy-w200 {width:200px;min-width:200px;max-width:200px;} .dstudy-w210 {width:210px;min-width:210px;max-width:210px;} .dstudy-w220 {width:220px;min-width:220px;max-width:220px;} .dstudy-w230 {width:230px;min-width:230px;max-width:230px;} .dstudy-w240 {width:240px;min-width:240px;max-width:240px;} .dstudy-w250 {width:250px;min-width:250px;max-width:250px;} .dstudy-w260 {width:260px;min-width:260px;max-width:260px;} .dstudy-w270 {width:270px;min-width:270px;max-width:270px;} .dstudy-w280 {width:280px;min-width:280px;max-width:280px;} .dstudy-w290 {width:290px;min-width:290px;max-width:290px;} .dstudy-w300 {width:300px;min-width:300px;max-width:300px;} .dstudy-w350 {width:350px;min-width:350px;max-width:350px;} .dstudy-w550 {width:550px;min-width:550px;max-width:550px;} .dstudy-w590 {width:590px;min-width:590px;max-width:590px;} .dstudy-w50p { width: 50%; } .dstudy-w100p { width: 100%; } .dstudy-hidden{visibility:hidden;} .dstudy-h10 {height:10px;} .dstudy-h20 {height:20px;} .dstudy-h30 {height:30px;} .dstudy-h40 {height:40px;} .dstudy-h50 {height:50px;} .dstudy-h60 {height:60px;} .dstudy-h100p { height: 100% !important; } .dstudy-margin-t5 { margin-top: 5px; } .dstudy-margin-t-5 { margin-top: -5px; } .dstudy-margin-lr2 {margin: 0px 2px;} .dstudy-margin-lr4 {margin: 0px 4px;} .dstudy-margin-0 {margin: 0 !important;} .dstudy-margin-r5 {margin-right: 5px;} .dstudy-margin-r10 {margin-right: 10px;} .dstudy-margin-l10 {margin-left: 10px;} .dstudy-margin-l20 {margin-left: 20px;} .dstudy-margin-b5 {margin-bottom: 5px;} .dstudy-margin-b10 {margin-bottom: 10px;} .dstudy-margin-b50 {margin-bottom: 50px;} .dstudy-padding-0 {padding: 0 !important;} .dstudy-padding-5 {padding: 5px !important;} .dstudy-padding-tb2 { padding-top: 2px !important; padding-bottom: 2px !important; } .dstudy-padding-lr4 { padding-left: 4px !important; padding-right: 4px !important; } .dstudy-padding-r0 {padding-right: 0 !important;} .dstudy-padding-r20 {padding-right: 20px !important;} .dstudy-padding-l20 {padding-left: 20px !important;} .dstudy-sticky { position: sticky; } .dstudy-top0 { top: 0px; } .dstudy-top30 { top: 30px; } .dstudy-top41 { top: 41px; } .dstudy-top65 { top: 65px; } .dstudy-top-8 { top: -8px; } .dstudy-left0 { left: 0; } .dstudy-left5 { left: 5px; } .dstudy-left30 { left: 30px; } .dstudy-left380 { left: 380px; } .dstudy-left480 { left: 480px; } .dstudy-right0 { right: 0 !important; } .dstudy-right100 { right: 100px; } .dstudy-bottom0 { bottom: 0; } .dstudy-bottom3 { bottom: 3px; } .dstudy-zindex1 { z-index: 1 !important; } .dstudy-zindex20 { z-index: 20 !important; } .dstudy-zindex30 { z-index: 30 !important; } .dstudy-inline-block {display: inline-block;} .dstudy-color-black {color: #000000;} .dstudy-bg-chartreuse {background-color: #7FFF00;} .dstudy-bg-tomato {background-color: #FF6347;} .dstudy-bg-dodgerblue {background-color: #1E90FF;} .dstudy-bg-table-th {background-color: #ecf0f5;} .dstudy-bg-white {background-color: #ffffff;} .dstudy-relative {position: relative;} .dstudy-absolute {position: absolute;} .dstudy-inline-block {display: inline-block;} .dstudy-flex {display: flex;} .dstudy-item-center {align-items: center;} .dstudy-justify-center {justify-content: center;} .dstudy-justify-end {justify-content: end;} .dstudy-space-between {justify-content: space-between;} .dstudy-space-around {justify-content: space-around;} .dstudy-space-evenly {justify-content: space-evenly;} .dstudy-flex-start {justify-content: flex-start;} .dstudy-flex-column {flex-direction: column;} .dstudy-gap-5 { gap: 5px; } .dstudy-gap-15 { gap: 15px; } .dstudy-valign-m {vertical-align: middle !important;} .dstudy-separator {border-top: 1px solid #bbbbbb; margin: 10px -10px 10px -10px;} .dstudy-nowrap { white-space: nowrap; } .dstudy-badge-red { background-color: red; } .dstudy-badge-blue-o { background-color: transparent; padding: 1px 5px; color: #333; border: 2px solid #69c7de; } .dstudy-dropdown-buttons { padding: 0; border: 0; } .dstudy-dropdown-buttons button { width: 100%; border-radius: 0; } .dstudy-error-field { color:red; font-size: 1.6rem; margin-bottom: 0; } .dstudy-btn-info { border: 0; background: transparent; font-size: 2.2rem; color: #3c8dbc; } .dstudy-btn-info.right { position: absolute; right: 0; top: 0; bottom: 0; } .dstudy-btn-info.dwhite { color: #fff4e4; } .dstudy-btn-info-label { margin-right: 15px; } .dstudy-alert-label { color: #8a6d3b !important; background-color: #fcf8e3 !important; border-color: #faebcc; } .dstudy-font-weight400 {font-weight: 400;} .dstudy-font-white {color: white;} .dstudy-font-red {color: red;} .dstudy-font-12 {font-size: 12px;} .dstudy-font-14 {font-size: 14px !important;} .dstudy-font-16 {font-size: 16px !important;} .dstudy-info-popup-close { font-size: 20px; margin-left: 6px; background: transparent; border: 0; padding: 0; } .dstudy-info-popup-close:hover { color: #dd4b39; } /*-- Assign student textbooks --*/ .dstudy-asign-textbooks-table .btn-group label { font-size: 20px} /* -- User Notification--*/ .dstudy-user-notif-table img.emojione {width: 18px; height:18px;} .dstudy-user-notif-table a.reaction-icon {display: block; width: 100%;} .dstudy-user-notif-table a.chat-icon {display: block; width: 100%;} .dstudy-user-notif-table a[data-target="#dstudy-user-notif-preview-modal"] {cursor: pointer;} .dstudy-user-notif-table .dstudy-user-notif-thead { position: sticky; top: 0px; z-index:4; } .dstudy-user-notif-table .dstudy-user-notif-thead div.row{ display: flex; margin: 0px 0px 0px 0px; } .dstudy-user-notif-table .dstudy-user-notif-thead div.row > div{height:50px; background-color: #ecf0f5; font-weight: bold; padding-left: 5px; padding-right: 5px; margin: 0px -1px -1px 0px; border-width: 1px; display: flex; border-color: #bbbbbb; border-style: solid; align-items: center; justify-content: center; word-break: break-all;} .dstudy-user-notif-table .dstudy-user-notif-tbody div.row { display: flex; margin: 0px 0px 0px 0px;} .dstudy-user-notif-table .dstudy-user-notif-tbody div.row > div{padding-left: 5px; padding-right: 5px; margin: 0px -1px -1px 0px; border-width: 1px; display: flex; border-color: #bbbbbb; border-style: solid; align-items: center; word-break: break-all;} @media only screen and (max-width: 767px) { .dstudy-user-notif-table .dstudy-user-notif-thead div.row > div{font-size: 12px;} .dstudy-user-notif-table .dstudy-user-notif-tbody div.row > div{font-size: 12px;} } #dstudy-user-notif-preview-modal .modal-body{overflow-y: scroll; height: 600px; } #dstudy-user-notif-preview-modal .modal-body img{max-width:100%; max-height:400px; } #dstudy-user-notif-preview-modal .modal-body audio{max-width:100%; } .dstudy-user-notif-list-type div.radio label:first-child {margin-right: 10px;} .dstudy-user-notif-settings div.notif-unit-delete-flg input[type="checkbox"] { display: none; } .dstudy-user-notif-settings div.notif-unit-delete-flg input[type="checkbox"] + i.fa-ban{ color: #C0C0C0; font-size: 24px; cursor: pointer; } .dstudy-user-notif-settings div.notif-unit-delete-flg input[type="checkbox"]:checked + i.fa-ban{ color: #FF0000; font-size: 24px; cursor: pointer; } /*-- Contents provider page --*/ .dstudy-standard div.provision-status input[type="radio"] + span {border-radius: 5px; padding: 10px;} .dstudy-standard div.provision-status {display:inline-block; padding:0px 10px;} .dstudy-standard div.provision-active input[type="radio"]:checked + span {background: #5CB85C; color: #ffffff;} .dstudy-standard div.provision-active input[type="radio"]:not(:checked) + span {background: transparent;} .dstudy-standard div.provision-inactive input[type="radio"]:checked + span {background: #D9534F; color: #ffffff;} .dstudy-standard div.provision-inactive input[type="radio"]:not(:checked) + span {background: transparent;} /*-- Stats page --*/ .dstudy-standard .stats-loading {font-size: 18px; display: none; margin: 0 15px 0 15px;} .dstudy-dashboard-stats-table1 thead th[data-icc_sort_type="integer"] h4 {display: inline-block; text-decoration: underline; } .dstudy-dashboard-stats-table2 thead th[data-icc_sort_type="integer"] h4 {display: inline-block; text-decoration: underline; } .dstudy-dashboard-stats-table3 thead th[data-icc_sort_type="integer"] h4 {display: inline-block; text-decoration: underline; } .dstudy-dashboard-stats-table4 thead th[data-icc_sort_type="integer"] h4 {display: inline-block; text-decoration: underline; } .dstudy-dashboard-stats-timetable {margin: 5px 0px;} .dstudy-dashboard-stats-timetable div.dstudy-border1 {border-style: solid; border-width: 1px 1px 0px 0px; border-color: silver;} .dstudy-dashboard-stats-timetable div.dstudy-border2 {border-style: solid; border-width: 1px 1px 0px 1px; border-color: silver;} .dstudy-dashboard-stats-timetable div.dstudy-border3 {border-style: solid; border-width: 1px 0px 0px 0px; border-color: silver;} .dstudy-dashboard-stats-timetable div.dstudy-border-noon {border-top-width: 1px !important; border-top-color: #ff0000 !important;} .dstudy-dashboard-stats-profile {margin: 5px 0px;} #dstudy-dashboard-stats-st-down-button {color: #000000;} #dstudy-dashboard-stats-st-down-button:hover {color: #A9A9A9;} #dstudy-dashboard-stats-st-up-button {color: #000000;} #dstudy-dashboard-stats-st-up-button:hover {color: #A9A9A9;} #dstudy-dashboard-stats-brief-button {color: #000000;} #dstudy-dashboard-stats-brief-button:hover {color: #A9A9A9;} .dstudy-dashboard-stats-table0 .login_student_label {position:absolute; top:10px; left:-100px;} .dstudy-dashboard-stats-table0 .login_student_month_label {margin-top: 30px;} .dstudy-dashboard-stats-table0 th.login_student_month0 {border-left-width: 0 !important;} .dstudy-dashboard-stats-table0 th.login_student_month1 {border-left-width: 0 !important; border-right-width: 0 !important;} .dstudy-dashboard-stats-table0 th.login_student_month2 {border-right-width: 0 !important;} /* DivTable */ .divTable{ display: table; } .divTableCaption { display: table-caption; } .divTableRow { display: table-row; } .divTableRow.sticky { position: sticky; z-index: 20; } .divTableRow .divTableCell { background-color: white; } .divTableRow.no-study-range-unit .divTableCell, .divTableHead.no-study-range-student { border-color: #9a9a9a; } .divTableHead.no-study-range-student a { color: darkslateblue; } .divTableHead.no-study-range-student a:hover { color: #266196; } .divTableHead.no-study-range-student .future-missions .badge { border-color: #2c6978 !important; } .divTableRow.no-study-range-unit .divTableCell, .divTableRow.no-study-range-unit input[type=checkbox] + span, .divTableHead.no-study-range-student { background-color: #b0b0b0 !important; } .divTableCell, .divTableHead { display: table-cell; vertical-align: middle; position: relative; border: 1px solid #bbbbbb; background-color: #ecf0f5; padding: 15px 8px; } .divTableCell.sticky, .divTableHead.sticky { position: sticky; z-index: 10; } .divTableHeading { background-color: #EEE; display: table-header-group; font-weight: bold; } .divTableBody { display: table-row-group; } .checkboxLabel { position: absolute; height: 100%; width: 100%; top: 50%; left: 0px; right: 0px; margin: 0px; transform: translateY(-50%); display: flex; align-items: center; justify-content: space-between; padding: 5px; } .checkboxLabel .checkboxContainer { font-family: FontAwesome; } .checkboxLabel input[type=checkbox] { display: none; } .checkboxLabel input[type=checkbox] + span { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -1; font-weight: 400; display: flex; align-items: center; justify-content: center;} .checkboxLabel input[type=checkbox] + span:before { content:"\f096"; } .checkboxLabel input[type=checkbox]:checked + span:before { content:"\f14a"; } .checkboxLabel input[type=checkbox]:checked + span { background-color: #7ad7ff !important; } .checkboxLabel input[disabled] + span:before { content: "\f0c8" !important; color: #899299; } .checkboxLabel.skipped { background-color: #e1e1e1 !important; } .divTableCell.no-study-range-student { border-color: #9a9a9a; } .divTableCell.no-study-range-student .checkboxLabel { background-color: #b0b0b0 !important; } .divTableCell.no-study-range-student .future-mission i { color: #2c6978 !important; } .divTableCell.no-study-range-student .future-missions .badge { border-color: #2c6978 !important; } /* flashcard settings */ #flashcard-settings-modal #addQuestionRange, #flashcard-settings-modal #addAnswerRange { position: absolute; right: 15px; height: 100%; } #flashcard-settings-modal #answer_range_type { height: 40px; } #flashcard-settings-modal input:checked + .slider { background-color: #f39c12; } #flashcard-settings-modal .disabled:not(.custom-settings) { background-color: #cbcbcb !important; opacity: 1; } #flashcard-settings-modal input[disabled] + .slider { background-color: #cbcbcb; cursor: not-allowed; } #flashcard-settings-modal button[disabled] { background-color: #cbcbcb !important; border-color: #cbcbcb !important; } #flashcard-settings-modal label[disabled].active { background-color: #cbcbcb !important; border-color: #cbcbcb !important; color: #444; opacity: .65; } #flashcard-settings-modal select[disabled] { color: #777; opacity: 1; } #flashcard-settings-modal input[disabled] { color: #777; opacity: 1; cursor: not-allowed; } #flashcard-settings-modal .select2-container { font-size: 14px; } #flashcard-settings-modal .select2-container--disabled .select2-selection__choice { background-color: #cbcbcb !important; border-color: #cbcbcb !important; color: #444; opacity: .65; } #flashcard-settings-modal .percent-labels { display: flex; justify-content: space-between; margin-top: 4px; } #flashcard-settings-modal .percent-labels span { position: relative; } #flashcard-settings-modal .select2-selection { cursor: default; pointer-events: none; max-height: 100%; padding-right: 40px; } #flashcard-settings-modal .select2-selection li .select2-selection__choice__remove { cursor: pointer; pointer-events: auto; } #flashcard-settings-modal .select2-selection__choice.selected-deck { background-color: #f39c12; border-color: #f39c12; pointer-events: auto; } #flashcard-settings-modal .select2-container--default .select2-results__option--highlighted { background-color: #ddd; color: #444; } #flashcard-settings-modal .select2-container--default .select2-results__option[aria-selected=true] { background-color: #3c8dbc; color: #ffffff; } #flashcard-settings-modal .selected-deck-result-container { background-color: #f39c12 !important; color: #ffffff !important; } #flashcard-settings-modal .numberOfSetsOption.active, #flashcard-settings-modal .numberOfQuestionsOption.active { color: #fff; background-color: #f39c12; border-color: #f39c12; outline: none; } #flashcard-settings-modal:has([data-main_location="default-settings"]) .numberOfQuestionsOption:has([disabled]), #flashcard-settings-modal:has(#custom_settings_flg:checked) .numberOfQuestionsOption:has([disabled]) { background-color: #cbcbcb; border: #cbcbcb; cursor: not-allowed; } #flashcard-settings-modal:has([data-main_location="default-settings"]) .numberOfQuestionsOption:has([disabled]).active, #flashcard-settings-modal:has(#custom_settings_flg:checked) .numberOfQuestionsOption:has([disabled]).active { background-color: #f39c12; border-color: #f39c12; cursor: pointer; cursor: not-allowed; } .deck-study-settings.disabled { color: #a8c7d9 !important; cursor: not-allowed !important; } .deck-study-settings .custom-settings { position: absolute; top: 0; right: -8px; background-color: #b91c1c; padding: 8px; border-radius: 100px; display: flex; align-items: center; justify-content: center; width: 10px; height: 10px; color: #ffffff; font-size: 10px; } .set-study-range .deck-study-settings { position: absolute; right: 30px; top: 2px; background: transparent; border: 0; font-size: 22px; color: #2c7199; padding: 0; } .set-study-range .checkbox label input[type=checkbox]:checked + span + .deck-study-settings.disabled { color: #6b9cb8 !important; } .set-study-range .deck-study-settings:hover { color: #72afd2; } .fc-list-table .quiz-unit ul { line-height: 1.5; padding-left: 20px; margin: 0; overflow: hidden; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; } .fc-list-table .main-unit { display: inline-block; background-color: #cb3942; color: #ffffff; padding: 0 4px; margin: 0 6px; border-radius: 4px; } .fc-list-table:not(.list-group) .main-unit { margin-right: 6px; margin-left: 0; } /* Textbook attachment files page */ #textbook-files-cond img.textbook-img{width:60px;} #textbook-files-cond p.textbook-name{padding-left:20px;} #textbook-files-table i.fa-file-excel-o {color: #198754;} #textbook-files-table i.fa-file-pdf-o {color: #dc3545;} #textbook-files-table i.fa-file-word-o {color: #0d6efd;} #textbook-files-table .dropzone {min-height: 60px !important;} #textbook-files-table .dropzone .dz-message {margin: 0 !important;} #textbook-files-table .dropzone .dz-preview {margin: 0 !important;} #textbook-files-table .dropzone .dz-preview .dz-image {width:80px !important; height:80px !important;} #textbook-files-table .dropzone .dz-preview .dz-details {font-size: 8px !important;} #textbook-files-table .dropzone .dz-preview .dz-progress {height:8px !important; width:60px !important; margin-left:-32px !important;} #textbook-files-table .dropzone .dz-preview .dz-details .dz-size {font-size: 8px !important;} #textbook-files-table .jexcel tbody tr td:first-child::after {content: '\f047'; width: 30px !important; color: #000000; font-size: 17px; right: -32px !important; background-color: #b7b7b7 !important; font-family: 'FontAwesome'; display: flex; justify-content: center; align-items: center;} #textbook-files-table .jexcel tbody tr td.depth {cursor: pointer; color: #3c8dbc !important; font-weight: 700; } #textbook-files-table .jexcel tbody tr td.file_desc {text-align: left !important;} #textbook-files-table .jexcel tbody tr td.depth_1 {padding-left: 10px !important;} #textbook-files-table .jexcel tbody tr td.depth_2 {padding-left: 20px !important;} #textbook-files-table .jexcel tbody tr td.depth_3 {padding-left: 30px !important;} #textbook-files-table .jexcel tbody tr td.allow_download input[type="checkbox"]{transform: scale(2) !important;} #textbook-files-table .jexcel tbody tr td.allow_print input[type="checkbox"]{transform: scale(2) !important;} #textbook-files-table .jexcel tbody tr td.printable input[type="checkbox"]{display:block;} #textbook-files-table .jexcel tbody tr td.no_download input[type="checkbox"]{display:none;} #textbook-files-table .jexcel tbody tr td.no_print input[type="checkbox"]{display:none;} #textbook-files-table .jexcel tbody tr td.actions i.fa-file {cursor: pointer;} #textbook-files-table .jexcel tbody tr td.actions i.fa-trash {color: #ffffff; position: relative; left: -16px; pointer-events: none;} /* -- Textbook attachment Files View page--*/ #textbook-files-view-table i.fa-file-excel-o {color: #198754;} #textbook-files-view-table i.fa-file-pdf-o {color: #dc3545;} #textbook-files-view-table i.fa-file-word-o {color: #0d6efd;} #textbook-files-view-table .depth_1 {padding-left: 12px !important;} #textbook-files-view-table .depth_2 {padding-left: 24px !important;} #textbook-files-view-table .depth_3 {padding-left: 36px !important;} #textbook-files-view-table #textbook-files-view-thead { position: sticky; top: 0px; z-index:4; } #textbook-files-view-table #textbook-files-view-thead div.row{ display: flex; margin: 0px 0px 0px 0px; } #textbook-files-view-table #textbook-files-view-thead div.row > div{height:50px; background-color: #ecf0f5; font-weight: bold; padding-left: 5px; padding-right: 5px; margin: 0px -1px -1px 0px; border-width: 1px; display: flex; border-color: #bbbbbb; border-style: solid; align-items: center; justify-content: center; word-break: break-all;} #textbook-files-view-table #textbook-files-view-tbody div.row { display: flex; margin: 0px 0px 0px 0px;} #textbook-files-view-table #textbook-files-view-tbody div.row > div{height:50px; padding-left: 5px; padding-right: 5px; margin: 0px -1px -1px 0px; border-width: 1px; display: flex; border-color: #bbbbbb; border-style: solid; align-items: center; word-break: break-all;} @media only screen and (max-width: 767px) { #textbook-files-view-table #textbook-files-view-thead div.row > div{font-size: 12px;} #textbook-files-view-table #textbook-files-view-tbody div.row > div{font-size: 12px;} } /* -- Textbook attachment Files View page--*/ #textbook-files-index-table #textbook-files-index-thead { position: sticky; top: 0px; z-index:4; } #textbook-files-index-table #textbook-files-index-thead div.row{ display: flex; margin: 0px 0px 0px 0px; } #textbook-files-index-table #textbook-files-index-thead div.row > div{height:50px; background-color: #ecf0f5; font-weight: bold; padding-left: 5px; padding-right: 5px; margin: 0px -1px -1px 0px; border-width: 1px; display: flex; border-color: #bbbbbb; border-style: solid; align-items: center; justify-content: center; word-break: break-all;} #textbook-files-index-table #textbook-files-index-tbody div.row { display: flex; margin: 0px 0px 0px 0px;} #textbook-files-index-table #textbook-files-index-tbody div.row > div{height:80px; padding-left: 5px; padding-right: 5px; margin: 0px -1px -1px 0px; border-width: 1px; display: flex; border-color: #bbbbbb; border-style: solid; align-items: center; word-break: break-all;} #textbook-files-index-table #textbook-files-index-tbody div img.textbook-img {width:40px;} @media only screen and (max-width: 767px) { #textbook-files-index-table #textbook-files-index-thead div.row > div{font-size: 12px;} #textbook-files-index-table #textbook-files-index-tbody div.row > div{font-size: 12px;} } /*-- Drawing --*/ #drawing-modal-teacher {height:100% !important; overflow-y: hidden !important; padding:0px !important;} #drawing-modal-teacher .modal-dialog {width:99%; height:99%; margin: 2px auto;} #drawing-modal-teacher .modal-content {height:100%} #drawing-modal-teacher .modal-body {height:100%; padding: 0px;} #drawing-modal-teacher .modal-body iframe{border: none; width: 100%; height: 100%; position: relative;}