.search-choice-close {
color: #ff0606;
font-size: 12px !important;
text-decoration: none !important;
}
.tlmsat-mark-attendance-h4 {
margin: 30px 0 15px;
}
.tlmsat-mark-attendance-p {
margin: 10px 0 10px;
}
.frontend_box-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.tlms_attendance_button {
background-color: var(--tutor-color-primary);
}
.tlms_attendance_input::placeholder {
font-size: 17px !important;
font-weight: 400 !important;
}
div:where(.swal2-container) button:where(.swal2-close) {
color: #6f6767 !important;
}
div:where(.swal2-container) button:where(.swal2-close):hover {
color: #f27474 !important;
}
.frontend_box-fail {
color: #fc0000;
background-color: #f0b7b7;
border-color: #f0b7b7;
}
.frontend_box {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
padding-right: 35px;
max-width: 800px;
margin-right: auto;
margin-left: auto;
display: block;
}
button.tad-mrk-atnd {
margin-top: 20px;
}
.tlmsat-mark-attendance-wrap .chosen-container-multi .chosen-choices {
border: 1px solid #ceced0;
padding: 4px;
background-image: none;
text-indent: 5px;
}
.chosen-container {
width: 100% !important;
}
#tlmsat-mark-attendance-form {
padding: 20px;
background: #fff;
border-radius: 10px;
border: 1.5px solid #efefef;
box-sizing: border-box;
overflow: hidden;
} .popup {
display: none; position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.4); }
.popup-content {
background-color: #fefefe;
margin: 15% auto;
padding: 22px;
border: 1px solid #888;
width: 80%;
max-width: 265px;
position: relative;
border-radius: 15px;
text-align: center;
}
.close-btn {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
cursor: pointer;
}
.close-btn:hover {
color: black;
}
.logout-btn,
.cancel-btn {
padding: 10px 20px;
margin: 10px 5px;
border: none;
border-radius: 5px;
cursor: pointer;
}
.logout-btn {
background-color: red;
color: white;
}
.cancel-btn {
background-color: grey;
color: white;
} .tlmsat-card {
background: #ffffff !important;
border: 1px solid #e2e8f0 !important;
border-radius: 12px !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03), 0 2px 4px rgba(0, 0, 0, 0.02) !important;
padding: 32px !important;
margin-bottom: 30px !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
} .tlmsat-dashboard-title {
font-size: 1.35rem !important;
font-weight: 600 !important;
color: #1e293b !important;
margin: 0 0 28px 0 !important;
padding-bottom: 16px !important;
border-bottom: 1.5px solid #f1f5f9 !important;
letter-spacing: -0.02em !important;
} .tlmsat-filters-row {
display: flex !important;
flex-wrap: wrap !important;
margin-right: -12px !important;
margin-left: -12px !important;
margin-bottom: 8px !important;
} .tlmsat-filter-col {
flex: 1 1 250px !important;
padding-right: 12px !important;
padding-left: 12px !important;
margin-bottom: 16px !important;
} .tlmsat-label {
font-size: 0.85rem !important;
font-weight: 500 !important;
color: #64748b !important;
margin-bottom: 8px !important;
display: block !important;
text-transform: uppercase !important;
letter-spacing: 0.05em !important;
} .tlmsat-control {
width: 100% !important;
height: 44px !important;
padding: 8px 16px !important;
font-size: 0.95rem !important;
border: 1.5px solid #cbd5e1 !important;
border-radius: 8px !important;
background-color: #ffffff !important;
color: #334155 !important;
transition: all 0.2s ease !important;
box-sizing: border-box !important;
}
.tlmsat-control:focus {
border-color: #4f46e5 !important;
box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1) !important;
outline: none !important;
} .tlmsat-table {
width: 100% !important;
border-collapse: collapse !important;
margin-top: 0px !important;
font-size: 0.925rem !important;
background-color: #ffffff !important;
}
.tlmsat-table th {
background-color: #f8fafc !important;
color: #475569 !important;
font-weight: 600 !important;
text-align: left !important;
padding: 14px 18px !important;
border-bottom: 1.5px solid #e2e8f0 !important;
font-size: 0.85rem !important;
text-transform: uppercase !important;
letter-spacing: 0.02em !important;
}
.tlmsat-table td {
padding: 14px 18px !important;
border-bottom: 1px solid #f1f5f9 !important;
color: #334155 !important;
vertical-align: middle !important;
}
.tlmsat-table tr:last-child td {
border-bottom: none !important;
}
.tlmsat-table tr:hover {
background-color: #f8fafc !important;
} .tutor-badge {
padding: 6px 14px !important;
border-radius: 9999px !important;
font-weight: 600 !important;
font-size: 0.775rem !important;
display: inline-block !important;
text-align: center !important;
}
.tutor-badge-success {
background-color: #d1fae5 !important;
color: #065f46 !important;
}
.tutor-badge-danger {
background-color: #fee2e2 !important;
color: #991b1b !important;
}
.tutor-badge-secondary {
background-color: #f1f5f9 !important;
color: #475569 !important;
} .tlmsat-btn-primary {
background-color: #4f46e5 !important;
color: #ffffff !important;
border: none !important;
height: 44px !important;
padding: 0 28px !important;
border-radius: 8px !important;
font-weight: 600 !important;
font-size: 0.9rem !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
box-shadow: 0 4px 6px -1px rgba(79, 70, 229, 0.1), 0 2px 4px -1px rgba(79, 70, 229, 0.06) !important;
}
.tlmsat-btn-primary:hover {
background-color: #4338ca !important;
transform: translateY(-1px) !important;
box-shadow: 0 10px 15px -3px rgba(79, 70, 229, 0.15), 0 4px 6px -2px rgba(79, 70, 229, 0.05) !important;
}
.tlmsat-btn-primary:active {
transform: translateY(0px) !important;
}
.tlmsat-btn-primary:disabled {
background-color: #cbd5e1 !important;
color: #94a3b8 !important;
cursor: not-allowed !important;
box-shadow: none !important;
transform: none !important;
} .tlmsat-btn-danger {
background-color: transparent !important;
color: #dc2626 !important;
border: 1.5px solid #fca5a5 !important;
height: 44px !important;
padding: 0 28px !important;
border-radius: 8px !important;
font-weight: 600 !important;
font-size: 0.9rem !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
box-sizing: border-box !important;
}
.tlmsat-btn-danger:hover {
background-color: #fee2e2 !important;
border-color: #ef4444 !important;
transform: translateY(-1px) !important;
}
.tlmsat-btn-danger:active {
transform: translateY(0px) !important;
}
.tlmsat-btn-danger:disabled {
border-color: #cbd5e1 !important;
color: #cbd5e1 !important;
cursor: not-allowed !important;
background-color: transparent !important;
transform: none !important;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.animate-spin {
animation: spin 1s linear infinite;
display: inline-block;
}.chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chosen-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.chosen-container .chosen-drop{position:absolute;top:100%;z-index:1010;width:100%;border:1px solid #aaa;border-top:0;background:#fff;-webkit-box-shadow:0 4px 5px rgba(0,0,0,.15);box-shadow:0 4px 5px rgba(0,0,0,.15);clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container.chosen-with-drop .chosen-drop{clip:auto;-webkit-clip-path:none;clip-path:none}.chosen-container a{cursor:pointer}.chosen-container .chosen-single .group-name,.chosen-container .search-choice .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}.chosen-container .chosen-single .group-name:after,.chosen-container .search-choice .group-name:after{content:":";padding-left:2px;vertical-align:top}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:25px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),to(#f4f4f4));background:linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;-webkit-box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(//ippae.fr/wp-content/plugins/tutorlms-attendance/public/css/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(//ippae.fr/wp-content/plugins/tutorlms-attendance/public/css/chosen-sprite.png) no-repeat 0 2px}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:url(//ippae.fr/wp-content/plugins/tutorlms-attendance/public/css/chosen-sprite.png) no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#eee),color-stop(15%,#fff));background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:0;height:25px;outline:0;border:0!important;background:0 0!important;-webkit-box-shadow:none;box-shadow:none;color:#999;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0;width:25px}.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 5px 3px 0;padding:3px 20px 3px 5px;border:1px solid #aaa;max-width:100%;border-radius:3px;background-color:#eee;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;-webkit-box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(//ippae.fr/wp-content/plugins/tutorlms-attendance/public/css/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;border-bottom-right-radius:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#eee),color-stop(80%,#fff));background-image:linear-gradient(#eee 20%,#fff 80%);-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:none;background:0 0}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:none}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:url(//ippae.fr/wp-content/plugins/tutorlms-attendance/public/css/chosen-sprite.png) no-repeat -30px -20px;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span,.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container-single .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-rtl .chosen-search input[type=text]{background-image:url(//ippae.fr/wp-content/plugins/tutorlms-attendance/public/css/chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}}