html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
*,
*:before,
*:after {
box-sizing: border-box;
}
html, body {
height: 100%;
}
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
font-size: 14px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
color: #545454;
background: #fff;
min-height: 100%;
display: flex;
flex-direction: column;
align-items: stretch;
}
body.home {
background: url('img/home-bg.jpg') center top no-repeat;
background-size: cover;
padding-top: 150px;
}
header, nav, section, article, aside, footer, #primary img {
display: block;
}
div.wrap {
width: min(100% - 3rem, 75rem);
margin: 0 auto;
}
header {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 125px;
overflow: visible;
z-index: 99;
transition: top 0.4s, background 0.4s;
}
.home header {
position: fixed;
}
header.fixed {
position: fixed;
background: #066082;
height: 75px;
}
header.fixed #top,
header.fixed .user-nav {
display: none;
}
header > .wrap {
display: flex;
gap: 4rem;
align-items: center;
justify-content: space-between;
padding: 20px 0;
}
header.fixed > .wrap {
padding: 17px 0 0;
}
header.fixed nav ul {
padding: 0;
}
header #top {
background: #0d7fa9;
overflow: auto;
padding: 7px 0;
}
header #top a,
header #top .candidate {
float: right;
position: relative;
color: #fff;
margin-left: 40px;
font-size: 13px;
}
header #top svg {
font-size: 16px;
margin-top: 1px;
}
header #top a.login:before {
content: '|';
color: #fff;
position: absolute;
left: -24px;
top: 0;
cursor: default;
}
header .lang {
display: none;
}
header #logo {
display: block;
margin: 20px auto 25px;
text-align: center;
}
header #logo a {
display: inline-block;
}
header #logo img {
display: block;
}
header nav {
position: relative;
}
.page header nav {
border-bottom: 1px solid #ccc;
}
header nav ul > li {
display: inline-block;
list-style: none;
height: 40px;
position: relative;
}
header nav ul > li > a {
text-transform: uppercase;
font-weight: 600;
font-size: 13px;
display: inline-block;
height: 40px;
line-height: 40px;
color: #fff;
}
header nav ul > li + li {
margin-left: 60px;
}
header nav ul > li > a.selected,
header nav ul > li > a:hover {
text-decoration: none;
color: #8ed0e8;
}
header nav .booknow a {
background: #0ca6c8;
color: #fff;
padding: 0 15px;
border-radius: 50px;
}
header nav .booknow a:hover,
header nav .booknow a.selected {
background: #1fb5d6;
color: #fff;
}
header.testingHeader {
height: 75px;
position: static;
background: #365a79
}
header.testingHeader #top {
background: none;
padding: 16px 0 0;
}
header.testingHeader #top .logo {
margin: 0;
float: left;
}
header.testingHeader .candidate {
margin-top: 12px;
}
header.testingHeader .candidate:before {
content: '' !important;
}
header.testingHeader .leave {
background: #0CA6C8;
padding: 10px;
margin-top: 3px;
border-radius: 5px;
}
footer {
background: #e8e8e8;
clear: both;
color: #276581;
padding: 15px 0;
font-size: 12px;
text-transform: uppercase;
text-align: left;
margin-top: auto;
}
footer a,
footer a:hover {
color: #276581;
}
footer p {
margin-bottom: 0
}
.home footer {
background: none;
text-align: center;
color: #fff;
}
.home footer a {
color: #fff;
}
.home .site-content {
position: relative;
}
.site-content {
padding-bottom: 30px;
}
.content-flex {
display: flex;
flex-flow: row wrap;
justify-content: center;
}
.content-flex .section {
border: 1px solid #ccc;
padding: 20px;
margin-bottom: 20px;
width: 70%;
border-radius: 4px;
}
.site-content .filter {
border: 1px solid #e4e4e4;
overflow: hidden;
padding: 20px;
border-radius: 5px;
}
.banner-img {
position: relative;
margin-bottom: 30px;
height: 300px;
overflow: hidden;
flex-shrink: 0;
}
.home .banner-img {
display: none;
}
.banner-img img {
width: 100%;
height: auto;
min-height: 300px;
}
.home h1,
.banner-img h1 {
color: #fff;
font-size: 36px;
font-weight: 600;
line-height: 35px;
letter-spacing: 5px;
width: 1024px;
}
.home h1 {
margin-bottom: 10px;
line-height: 50px;
}
.home h2 {
margin-bottom: 30px;
color: #fff;
text-align: center;
}
.banner-img h1 {
position: absolute;
left: 50%;
bottom: 90px;
transform: translateX(-50%);
margin-bottom: 0;
}
.home h1 strong,
.banner-img h1 strong {
font-size: 15px;
letter-spacing: 2px;
}
.home .fade {
position: absolute;
top: 60px;
left: 50%;
transform: translateX(-50%);
z-index: 99;
opacity: 1;
transition: opacity 0.6s;
}
.home .fade.hide {
opacity: 0;
}
.home .fade > p {
color: #fff;
text-align: center;
margin-bottom: 30px;
}
.home a.start {
margin: 0 auto 50px;
display: block;
width: 250px;
height: 60px;
border-radius: 50px;
padding: 20px 0;
font-size: 20px;
font-weight: 600;
}
.home a.start:after {
display: none;
}
.home .banner-img {
height: auto;
}
.home .banner-img h1 {
position: static;
text-align: center;
transform: initial;
margin: 70px auto 30px;
font-weight: 600;
font-size: 40px;
line-height: 55px;
padding-top: 0;
}
/*WIZARD*/
.custom-combobox {
display: block;
width: 330px;
margin: 0 auto
}
.ui-autocomplete-input {
border: 1px solid #e4e4e4 !important;
border-radius: 5px;
height: 50px;
width: 300px;
padding: 15px;
outline: none;
font-family: 'Open Sans', sans-serif;
}
.home .ui-autocomplete-input {
border: none !important;
}
.ui-widget.ui-widget-content {
border: 1px solid #e4e4e4 !important;
}
.ui-menu .ui-menu-item-wrapper {
padding: 8px 5px !important;
}
.ui-menu .ui-menu-item-wrapper.ui-state-active {
border: none !important;
background: #2e7894d6 !important;
}
.custom-combobox-toggle {
float: right;
border: none !important;
height: 50px;
}
.ui-autocomplete {
z-index: 9999;
height: auto;
max-height: 500px;
overflow: hidden;
font-family: 'Open Sans', sans-serif;
}
.home .flexslider {
opacity: 0;
transform: scale(0.8);
top: 70px;
transition: opacity 0.6s, transform 0.6s;
}
.home .flexslider.visible {
opacity: 1;
transform: scale(1);
z-index: 9999;
}
.flexslider h2 {
text-align: center;
}
.home .flexslider h2 {
color: #fff;
}
.flexslider {
background: none !important;
}
.flexslider fieldset {
width: 600px;
margin: 0 auto 50px;
padding-top: 30px;
text-align: center;
}
.flexslider fieldset label {
font-size: 16px;
display: inline-block;
padding: 0 20px;
}
.home .flexslider fieldset label {
color: #fff;
}
.flexslider fieldset label input {
float: left;
}
.flexslider a.btn {
display: block;
width: 150px;
height: 42px;
margin: 50px auto 0;
}
.flex-direction-nav a {
background: none;
border: 1px solid #0ca6c8;
box-shadow: none;
padding: 10px 20px;
width: auto;
height: auto;
float: right;
margin: 0 262px 0 0;
}
.home .flex-direction-nav a {
color: #fff;
border: 1px solid #fff;
}
.flex-direction-nav a.flex-prev {
float: left;
margin: 0 0 0 262px;
}
.flex-direction-nav a:hover {
color: #0ca6c8;
border-color: #83c2d0;
text-decoration: none;
}
.home .flex-direction-nav a:hover {
color: #fff;
border-color: #fff;
}
/*FEATURED ITEMS*/
.featured-items {
opacity: 1;
display: flex;
flex-flow: row wrap;
color: #fff;
width: 100%;
padding-top: 115px;
}
.featured-items > div {
width: 33.3333%;
text-align: center;
position: relative;
margin-bottom: 150px;
padding: 0 20px;
}
.home .featured-items > div {
margin-bottom: 0;
}
.featured-items > div:before {
content: '';
width: 90px;
height: 90px;
background: url('img/sprite.png') 19px -6px no-repeat;
position: absolute;
top: -115px;
left: 50%;
transform: translateX(-50%);
border: 1px solid #fff;
border-radius: 50%;
}
.featured-items > div:nth-child(2):before {
background-position: 19px -105px;
}
.featured-items > div:nth-child(3):before {
background-position: 19px -206px;
}
.featured-items > div:nth-child(4):before {
background-position: 18px -304px;
}
.featured-items > div + div {
border-left: 1px solid #ffffff59;
}
.featured-items > div strong {
display: block;
text-align: center;
font-size: 18px;
margin-bottom: 5px;
}
.featured-items > div p {
margin-bottom: 0;
}
.featured-items > div ul {
margin-bottom: 15px;
}
.featured-items > div ul li {
list-style: none;
color: #4c4c4c;
}
.featured-items > div ul li + li {
padding-top: 10px;
margin-top: 10px;
border-top: 1px solid #ccc;
}
.featured-items div.assessmentService {
cursor: pointer;
}
.featured-items div.selected {
border-color: #fff !important;
}
.featured-items div.selected:after {
content: '';
position: absolute;
top: -125px;
left: 0;
width: 100%;
height: 212px;
z-index: -9;
border: 1px solid #0ca6c8;
}
/*COURSES*/
.featured-items.courses {
color: #000;
position: relative;
}
.featured-items.courses > div:before {
border-color: #6d6d6d;
background-image: url('img/sprite-courses.png');
}
.featured-items.courses > div + div {
border-left: 1px solid #00000059;
}
.featured-items.courses > div strong {
font-size: 14px;
display: inline-block;
text-align: left;
margin: 0;
}
.featured-items.courses > div > p {
font-size: 13px;
}
.featured-items .hover {
opacity: 0;
position: absolute;
top: -140px;
left: -1px;
right: -1px;
height: 100%;
min-height: 211px;
background: #0ba6c8e8;
transition: opacity 0.4s, top 0.4s;
padding: 20px 10px;
text-align: center;
color: #fff;
transition: all 0.4s;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 70%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 70%, 0% 100%);
}
.featured-items .hover a.info {
display: block;
margin: 0px;
text-indent: -9999px;
width: 23px;
height: 23px;
background: url('img/info-icon.png');
}
.featured-items .hover p {
font-size: 13px;
margin-bottom: 15px;
}
.featured-items .hover p span {
display: block;
}
.featured-items .hover p a {
color: #fff;
text-decoration: underline;
}
.featured-items > div:hover .hover {
opacity: 1;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%);
top: -115px;
}
.featured-items > div button.btn {
color: #fff;
border: 1px solid #fff;
margin: 0 0 15px;
padding: 7px 20px;
cursor: pointer;
background: transparent;
outline: none;
}
.featured-items > div button.btn + button.btn {
margin: 0 0 15px 15px;
}
/*COURSES OPTIONS*/
.options.plans {
margin-bottom: 30px;
}
.options.plans .assessmentService {
background: #ceeff7;
margin-bottom: 10px;
border-radius: 10px;
padding: 10px 20px;
color: #0087a5;
overflow: auto;
}
.options.plans .assessmentService.selected,
.options.plans .assessmentService:hover {
background: #bee8f3;
}
.options.plans .assessmentService input[type=checkbox] {
float: left;
margin-right: 15px;
border: 1px solid #9dcfda;
cursor: pointer;
}
.options.plans .assessmentService input[type=radio] {
float: left;
height: 20px;
width: 20px;
margin-right: 15px;
border: 1px solid #9dcfda;
cursor: pointer;
}
/*.options.plans .assessmentService.selected:before{
background: #fff url('img/css-checkmark.png') center no-repeat;
}*/
.options.plans .assessmentService h3 {
float: left;
margin-bottom: 0;
clear: none;
color: #0087a5;
}
.options.plans .assessmentService span {
float: right;
font-weight: bold;
margin-bottom: 0;
}
.options.plans .assessmentService p {
display: table;
width: 100%;
padding-left: 35px;
}
.options.plans .assessmentService p:last-of-type {
margin-bottom: 0;
}
.btnGoToPayment {
margin-bottom: 30px;
}
/*CANDIDATE FORM*/
form {
margin: 0 auto;
}
form#frmSubmit {
margin-bottom: 30px;
}
form.col-2 {
padding: 30px 0;
overflow: auto;
}
form.col-2 input {
float: left;
margin: 0 10px 10px;
}
form.col-2 input[placeholder="City"],
form.col-2 input[placeholder="Country"] {
margin-bottom: 25px;
}
form.col-2 input[type="submit"] {
float: right;
margin-top: 10px;
}
.formContent .group {
margin: 0 auto 20px;
padding-left: 15px;
width: 100%;
clear: both;
display: flow-root;
}
.formContent .group:last-of-type {
margin-bottom: 0;
}
.formContent .group .float {
float: left;
width: 50%;
}
.formContent .group .float strong {
display: block;
}
.formContent .row-item {
margin-bottom: 10px;
clear: both;
}
.formContent .row-item input,
.formContent .row-item select {
margin-right: 15px;
}
.formContent .licences-group {
float: left;
/*width: 320px;*/
}
.formContent .licences-group strong {
display: block;
margin-bottom: 10px;
}
.formContent .licences-group label {
float: left;
padding-right: 35px;
margin-bottom: 10px;
}
.formContent .licences-group label input {
margin-left: 0;
float: left;
}
.formContent .ConditionBoxes {
float: left;
width: 340px
}
/*REGISTRATION FORM*/
.generalMessage {
background: #cceac4;
padding: 20px;
border-radius: 7px;
margin-bottom: 20px;
color: #1b480f;
}
.generalMessage a {
color: #1b480f;
}
.refusedMessage {
background: #f1c6c6;
padding: 20px;
border-radius: 7px;
margin-bottom: 20px;
color: #9e1515;
}
.refusedMessage a {
color: #9e1515;
}
.generalMessage p:last-of-type,
.refusedMessage p:last-of-type {
margin-bottom: 0;
}
.generalMessage h3,
.refusedMessage h3 {
text-align: left;
font-weight: 600;
color: inherit;
}
span.required {
font-size: 13px;
padding: 0 45px 20px;
display: block;
text-align: right;
color: #b1aeae;
}
.registerContent .txtEmail{
float: left;
}
.phonePrefix {
margin-right: 26px;
}
.phonePrefix > span {
float: left;
border: 1px solid #ccc;
border-right: 0;
line-height: 38px;
padding: 0 5px;
font-size: 13px;
border-radius: 5px 0 0 5px;
}
.phonePrefix input {
float: left;
width: 267px !important;
border-radius: 0 5px 5px 0 !important;
}
/*FAQ*/
.faq-collapse {
margin-bottom: 20px;
}
.faq-collapse div.collapse {
display: none;
}
.faq-collapse > div {
border-bottom: 1px solid #efefef;
}
.faq-collapse h3 {
font-size: 14px;
font-weight: 100;
cursor: pointer;
margin: 0;
padding: 10px 5px;
transition: color 0.2s, background 0.2s, padding 0.2s;
}
.faq-collapse h3:before {
content: attr(data-item)'. ';
}
.faq-collapse .open h3,
.faq-collapse h3:hover {
color: #0ca6c8;
background: #f5fcff;
}
.faq-collapse .open h3 {
padding-left: 15px;
border-left: 2px solid #0a9dbe;
}
.faq-collapse .collapse {
padding: 30px 50px;
border-left: 2px solid #0a9dbe;
}
.faq-collapse .collapse p:last-child,
.faq-collapse .collapse img:last-child {
margin-bottom: 0;
}
.faq-collapse .collapse span.note {
font-size: 12px;
font-style: italic;
color: #8e8e8e;
}
.faq-collapse .collapse span.note:before {
content: '* ';
}
.faq-collapse .collapse img {
margin-bottom: 15px;
}
/*CONTACT*/
.contactForm{
padding-top: 3rem;
margin-bottom: 5rem;
max-width: 45rem;
margin-inline: auto;
}
#frmContact{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 1rem;
}
#frmContact .group{
padding: 0;
margin: 0;
}
#frmContact :is(input, select, textarea){
max-width: initial;
margin: 0;
}
@media( min-width: 535px){
#frmContact textarea{
grid-column: 1 / 3;
}
}
#frmContact label.error{
position: absolute;
display: none !important;
}
#frmContact .group.submit{
display: flex;
align-items: flex-start;
justify-content: end;
}
#frmContact .group.submit button{
margin: 0;
}
.successMessage{
text-align: center;
background: #e5ffe5;
padding: 1rem;
color: green;
border-radius: 8px;
margin-top: 1rem;
}
.successMessage:not(:has( > strong)){
display: none;
}
.contact-main {
clear: both;
background: #fdfafa;
border: 1px solid #dcdcdc;
overflow: auto;
margin-bottom: 30px;
border-radius: 5px;
padding: 20px 30px;
}
.contact-main .group {
float: left;
width: 50%;
}
.contact-main .group ul {
padding: 0 !important;
margin: 0 !important;
width: 300px;
}
.contact-main .group ul li {
list-style: none;
}
.contact-main .group ul li:after {
content: '';
display: table;
clear: both;
}
.contact-main .group img {
width: 300px;
height: 180px;
border: 1px solid #dcdcdc;
display: block;
}
.contact-main .group ul p {
background: #fff;
padding: 10px;
border: 1px solid #efefef;
border-radius: 0 0 7px 7px;
border-top: 0;
font-size: 12px;
}
.contact-main .group ul strong {
font-size: 14px;
display: block;
}
.collapse-list .contact-main {
display: none;
}
.collapse-list > div {
clear: both;
}
.collapse-list > div + div {
border-top: 1px solid #dcdcdc;
}
.collapse-list > div > h3 {
color: #0ca6c8;
padding: 15px 0;
cursor: pointer;
margin-bottom: 0;
}
.collapse-list > div > h3:hover {
background: #f9f6f6;
}
.collapse-list > div h3 svg {
margin-top: 3px;
}
.logo-flex {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.partners {
margin-bottom: 30px;
}
.customers {
margin: 0 -35px;
}
.customers div {
padding: 0 35px;
}
.customers img {
height: 50px;
}
/*LOGIN*/
.loginForm {
background: #fdfafa;
border: 1px solid #dcdcdc;
padding: 50px 20px;
overflow: hidden;
text-align: center;
border-radius: 5px;
}
/*CALENDAR*/
.calendar form {
overflow: auto;
margin-bottom: 40px;
}
.calendar .calendarContainer {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: stretch;
gap: 2rem;
margin-bottom: 1rem;
}
.calendar .calendarContainer .calendarType {
width: 100%;
max-width: 360px;
text-align: center;
cursor: pointer;
padding: 2rem;
position: relative;
border: 1px solid #ccc;
border-radius: 8px;
}
.calendar .calendarType.selected,
.calendar .calendarContainer .calendarType:hover {
background: #eefaff;
border-color: #8fbcce;
}
.calendar .calendarType a.help-link svg {
animation: shake 0.3s;
font-size: 18px;
margin: 0;
}
@keyframes shake {
0% {
transform: scale(1)
}
30% {
transform: scale(1.4);
}
60% {
transform: scale(1.1);
}
80% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
.calendar .calendarType h2 {
text-align: center;
text-transform: uppercase;
}
.calendar .calendarType h2 svg {
color: currentColor;
float: none;
}
.calendar .calendarType.selected h2 {
color: #0da6c8;
}
.calendar .separator {
color: #2c4e71;
margin: 0 85px;
font-size: 18px;
}
.calendar .card{
padding: 2rem;
border-radius: 8px;
background: #e6f7fa;
margin-bottom: 2rem;
}
.calendar .card.ondemand{
gap: 1rem;
justify-content: center;
align-items: center;
padding: 1rem;
}
.calendar .card h3{
max-width: 80ch;
text-wrap: balance;
}
#content-area .calendar .card ul{
margin: 1rem 0 0;
}
.calendar .calendarType span {
font-size: 13px;
color: #535353;
font-weight: 600;
}
.calendar .calendarType.selected span {
color: #000;
}
.calendar table{
border-collapse: collapse;
width: 100%;
margin-bottom: 2rem;
}
.calendar th{
color: #fff;
font-weight: bold;
}
.calendar table :is(td, th){
padding: 5px;
text-align: left;
}
.calendar table thead{
background: #1fb5d6;
}
.calendar table tbody td{
border-bottom: 1px solid #efefef;
line-height: 1;
vertical-align: middle;
}
.calendar table tbody tr:hover td{
background: #ecf9fc;
}
.calendar table td:nth-child(1){
/*width: 100px;*/
font-weight: bold;
}
/*
.calendar table td:nth-child(2):not(.timezone),
.calendar table td:nth-child(3){
width: 200px;
}
.calendar table td:last-child{
width: 190px;
}
*/
.calendar table .slot span{
display: flex;
align-items: center;
}
.calendar table .timezone{
font-style: italic;
}
.calendar table a{
border: 1px solid currentColor;
padding: 5px 10px;
border-radius: 4px;
text-decoration: none;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
}
.calendar table a:hover{
/* background: #1fb5d6;*/
}
.calendar table a svg{
font-size: 1rem;
margin: 0;
}
.calendar h3{
font-weight: bold;
}
.calendar .calendarOptions {
display: none;
padding: 20px 60px 20px 0;
width: calc(50%);
text-align: center;
float: left;
flex-flow: row wrap;
justify-content: center;
border-right: 1px solid #ebedef;
}
.calendar .calendarOptions.visible {
display: flex;
}
.calendar .calendarOptions.onsite {
float: right;
padding: 20px 0 20px 60px;
border-right: 0;
border-left: 1px solid #ebedef;
}
.calendar .calendarOptions > div {
width: 50%;
}
.calendar .calendarOptions button {
margin-bottom: 10px;
}
.calendar .calendarOptions span {
display: block;
color: #8b959e;
font-size: 13px;
}
.calendar .calendarOptions .selected ~ span {
color: #000;
font-weight: 600;
}
.table-sessions td:nth-child(2) {
text-transform: uppercase;
}
.table-sessions td:last-child {
text-align: right;
font-weight: 600;
font-size: 14px;
}
.table-sessions td:last-child svg {
float: right;
margin: 5px 0 0 5px;
}
/*TEST*/
.agreementContent > div.block {
padding: 20px 50px;
border-radius: 10px;
}
.agreementContent > div.block:nth-child(even) {
background: #f4f9fd;
}
.agreementContent strong {
color: #0ba6c8;
}
.agreementContent img {
border: 1px solid #ccc;
margin-bottom: 15px;
}
.agreementContent ul,
.agreementContent ol {
padding-left: 18px;
margin-bottom: 15px;
}
.agreementContent ul li,
.agreementContent ol li {
margin-bottom: 3px;
}
div.agreementCheckbox {
background: #2bb9d8;
padding: 30px;
border-radius: 10px;
color: #fff;
}
div.agreementCheckbox label {
cursor: pointer;
}
div.agreementCheckbox input {
float: left;
margin-right: 15px;
}
div.agreementCheckbox + a.btnSubmit {
margin: 10px auto;
display: block;
width: 100px;
}
.online-site {
overflow: auto;
}
.online-site > div {
margin-bottom: 30px;
}
.online-site > div + div {
border-top: 1px solid #dbdbdb;
padding-top: 30px;
}
.online-site h3 {
float: left;
width: 240px;
margin-right: 55px;
line-height: 145px;
text-align: center;
text-transform: uppercase;
border-right: 3px solid #ececec;
font-weight: 600;
}
.online-site h3.online:after {
content: url('img/cam-icon.png');
margin-left: 20px;
}
.online-site h3.site:after {
content: url('img/calendar-icon.png');
margin-left: 20px;
}
.online-site h3 + div {
overflow: auto;
}
.site-content.pageTestingOnlineQuesion {
width: 100%;
padding-bottom: 30px;
}
.timeline-wrapper {
width: 100%;
background: #fdfafa;
border-bottom: 1px solid #edebec;
overflow: auto;
margin-bottom: 35px;
padding-top: 30px;
}
.timeline-wrapper .loadProgression {
float: left;
width: 85%
}
.timeline-wrapper .progression {
float: right;
width: 15%;
text-align: right;
}
.timeline-wrapper .progression span {
font-weight: 600;
}
.timeline-wrapper .spCurrentNumberQuestion {
color: #0ca6c8;
}
.timeline-wrapper ul {
float: left;
padding: 0;
position: relative;
overflow: visible;
height: 60px;
}
.timeline-wrapper ul + ul {
border-left: 1px dashed #ccc;
}
.loadProgression ul:first-child:nth-last-child(1) {
width: 100%;
}
.loadProgression ul:first-child:nth-last-child(2),
.loadProgression ul:first-child:nth-last-child(2) ~ ul {
width: 50%;
}
.loadProgression ul:first-child:nth-last-child(3),
.loadProgression ul:first-child:nth-last-child(3) ~ ul {
width: 33.3333%;
}
.loadProgression ul:first-child:nth-last-child(4),
.loadProgression ul:first-child:nth-last-child(4) ~ ul {
width: 25%;
}
.timeline-wrapper ul:before {
left: 0;
content: '';
height: 2px;
top: 7px;
width: 100%;
background: #0ca6c8;
position: absolute;
}
.timeline-wrapper ul:after {
content: attr(data-part);
color: #a2a2a2;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-2px);
}
.timeline-wrapper ul li {
float: left;
list-style: none;
position: relative;
z-index: 99;
text-align: center;
width: 10%;
}
/*.timeline-wrapper ul li:before{
content: attr(data-label);
position: absolute;
top: -30px;
left: 50%;
transform: translateX(-50%);
width: 130px;
display: none;
}*/
.timeline-wrapper ul li.current:before {
display: block;
}
.timeline-wrapper ul li span {
display: inline-block;
width: 12px;
height: 12px;
background: #efefef;
border: 2px solid #0ca6c8;
border-radius: 50%;
}
.timeline-wrapper ul li.current span {
background: #0ca6c8;
}
.contentGeneraQuestion h2 {
margin-bottom: 10px;
}
.contentGeneraQuestion h2 .help {
float: right;
text-transform: capitalize;
font-weight: 100;
font-size: 12px;
margin-top: 3px;
}
.contentGeneraQuestion h2 .help.disabled {
color: #ccc;
pointer-events: none;
cursor: default;
}
.divIntrucstion {
display: none;
/*background: #e8f6ff;
position: relative;
color: #315973;
padding: 15px 150px;
border: 1px #dbedf9 solid;
border-radius: 10px;
margin-bottom: 30px;*/
}
.divIntrucstion svg {
position: absolute;
top: 5px;
right: 0;
}
.siderQuestion {
float: left;
width: 50%;
padding-right: 25px;
border-right: 1px solid #eeebeb;
margin-bottom: 50px;
}
.siderQuestion form {
background: #f4f9fd;
padding: 20px 20px 5px;
border-radius: 10px;
border: 1px solid #e9edf1;
}
.siderQuestion .questionControl {
margin-bottom: 15px;
}
.siderQuestion .questionControl.controlText {
text-align: left;
}
.siderQuestion img {
max-height: 400px;
max-width: 100%;
width: auto;
}
.siderQuestion audio {
min-width: 300px;
width: -webkit-fill-available;
}
.siderQuestion video {
height: 360px;
width: 480px;
}
.contentGeneraQuestion .questionControl .currentPlayNumber {
color: #ef5407;
text-align: center;
display: block;
margin-bottom: 10px;
font-size: 13px;
}
.contentGeneraQuestion .questionControl .currentPlayNumber svg {
font-size: 11px;
margin: 3px 5px 0 0px;
float: none;
}
.contentGeneraQuestion .disableAllButton {
width: 85px;
height: 28px;
background: #E9E9E9;
position: absolute;
left: 0px;
bottom: 0px;
z-index: 9999;
}
.contentGeneraQuestion .disableRecorder {
width: 34px;
height: 28px;
left: 0px;
}
.contentGeneraQuestion .disableSaveButton {
width: 34px;
height: 28px;
left: 62px;
}
.testingPageContent .frmCamera {
float: right;
width: 50%;
padding-left: 25px;
position: relative;
padding-bottom: 30px;
min-height: 460px;
}
.frmCamera .camera-overlay,
.frmCamera .camera-overlay-finished {
position: absolute;
top: 33px;
width: 487px;
height: 330px;
border-radius: 5px;
background: rgba(54, 90, 121, 0.9);
color: #fff;
text-align: center;
z-index: 999;
}
.frmCamera .camera-overlay .text,
.frmCamera .camera-overlay-finished .text {
position: absolute;
width: 100%;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.frmCamera .camera-overlay-finished {
display: none;
background: #fdfafa;
border: 1px solid #edebec;
color: #333;
height: 300px;
}
.frmCamera .camera-overlay strong {
display: block;
font-size: 15px;
}
.frmCamera .camera-overlay strong.count {
display: block;
font-size: 35px;
margin: 0 0 35px;
}
.frmCamera .camera-overlay strong.count span {
font-size: 30px;
}
.frmCamera .camera-overlay a {
color: #fff;
text-decoration: underline;
}
.frmCamera .camera-overlay a:hover {
color: #f7dce3;
}
.frmCamera .camera-overlay a:before {
content: '';
width: 8px;
height: 8px;
background: #ff1b51;
float: left;
margin: 7px 5px 0 0;
border-radius: 10px;
}
.frmCamera #counter {
background: #b4dde6;
width: 65px;
height: 30px;
border-radius: 0 0 5px 5px;
color: #006379;
text-align: center;
line-height: 30px;
position: relative;
font-weight: 600;
margin: 0 auto;
overflow: visible;
}
.blink_me {
}
p#pipeClickPowered {
display: none;
}
@keyframes blinker {
50% {
opacity: 0;
}
}
.frmCamera #counter:after {
animation: blinker 1s step-start infinite;
content: '';
width: 8px;
height: 8px;
background: #ff1b51;
border-radius: 10px;
position: absolute;
top: 50%;
right: -15px;
transform: translateY(-50%);
display: none;
}
.frmCamera #counter.recording:after {
display: block;
}
.frmCamera #counter.finished {
background: #ccc;
display: none;
}
/*SESSION DETAILS*/
.session-detail.flex {
display: flex;
flex-flow: row wrap;
}
.session-detail .features {
padding: 20px;
width: 40%;
justify-content: space-between;
}
.session-detail .features > div {
margin-bottom: 30px;
}
.session-detail .features h3 {
font-weight: 600;
}
.session-detail .features svg {
color: #8b959e;
}
.session-detail .features span {
font-size: 15px;
}
.session-detail .textAndMap {
width: 60%;
padding-left: 70px;
}
.session-detail span.private {
color: #ce0000;
background: #ffe1e1;
border: 1px solid #eca4a4;
padding: 15px;
display: block;
border-radius: 10px;
text-align: center;
margin-bottom: 30px;
}
.session-detail span.private svg {
float: none;
font-size: initial;
}
.session-detail .item-row {
display: block;
padding-bottom: 10px;
overflow: auto;
font-size: 13px;
}
.session-detail .takePartGroup {
flex-basis: 100%;
padding: 40px;
border-top: 1px solid #ebedef;
border-bottom: 1px solid #ebedef;
text-align: center;
margin-bottom: 40px;
}
.session-detail .takePartGroup strong {
display: block;
margin-bottom: 5px;
}
.session-detail .item-row .txtInputSmall {
width: 100px !important;
margin: 0 0 5px;
}
.session-detail a.trigger {
background: #0ca6c8;
color: #fff;
display: inline-block;
padding: 6px 10px 6px 5px;
border-radius: 5px;
line-height: 14px;
text-decoration: none !important;
}
.session-detail a.trigger:hover {
filter: brightness(120%);
}
.session-detail .popup {
background: #fff;
padding: 30px 30px 15px;
position: fixed;
z-index: 999;
width: 900px;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
display: none;
}
.session-detail .popup .close {
color: #fff;
position: absolute;
top: -40px;
right: 0;
cursor: pointer;
}
.session-detail .popup .close svg {
font-size: 28px !important;
margin: 0;
}
.session-detail .popup-mask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99;
background: #00000080;
display: none;
}
.services-container.flex {
display: flex;
justify-content: space-between;
flex-flow: row wrap;
align-items: flex-start;
overflow: auto;
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid #eaeaea;
}
.services-container .terms {
width: 310px;
}
.services-container .terms ul {
padding: 0 !important;
}
.services-container .terms li {
list-style: none;
width: 285px;
padding: 20px 15px;
border: 1px solid #ccc;
border-radius: 10px;
line-height: 24px;
margin: 0 10px 10px 0;
cursor: pointer;
}
.services-container .terms li:hover {
background: #f1fbff;
border-color: #badeec;
color: #57bfd6;
}
.services-container .terms li.selected {
background: #0da6c8;
border-color: #0da6c8;
color: #fff;
}
.services-container .terms li.selected svg {
color: #fff;
}
.services-container .terms li svg {
color: #adb5bd;
}
.services-container .terms li span + svg {
float: right;
margin-right: 0;
font-size: 14px;
transform: translateY(5px);
}
.services-container .terms li:is([data-hash="aepsfrance"], [data-hash="aepspoland"]){
display: none;
}
@-webkit-keyframes bounce {
0% {
-webkit-transform: translateX(0);
}
60% {
-webkit-transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@keyframes bounce {
0% {
-webkit-transform: translateX(0);
}
60% {
-webkit-transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
}
}
.services-container .definitions {
flex-grow: 1;
width: min-content;
min-height: 66px;
overflow: hidden;
border: 1px dashed #cecece;
border-radius: 10px;
padding: 20px;
}
.services-container .definitions::after {
content: '< Select and item on the left';
font-size: 16px;
color: #9e9e9e;
font-weight: 600;
text-align: center;
display: block;
animation: bounce 1s infinite;
}
.services-container .definitions.open::after {
display: none;
}
.services-container .definitions h2 {
color: #0da6c8;
}
.services-container .definitions .content {
display: none;
}
.services-container .content .sub-terms {
border-top: 1px solid #ececec;
padding: 20px 0 5px;
}
.services-container .content .sub-terms h3 {
font-weight: bold;
}
/*ADMIN NAV*/
body:has(.admin-nav) div.banner-img{
height: 87px;
}
body:has(.admin-nav) img{
height: 20px;
display: block;
}
body:has(.admin-nav) header > .wrap{
padding-block: 8px;
}
.admin-nav {
margin: 0 auto 1rem;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
width: min(100% - 3rem, 75rem);
}
.admin-nav ul {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
border: 1px solid #ebedef;
border-radius: 50px;
position: relative;
}
/*
.admin-nav ul[data-group]::before {
content: attr(data-group);
position: absolute;
top: -25px;
left: 0;
font-weight: 600;
color: #8c8c8c;
}
*/
.admin-nav li {
display: inline-block;
list-style: none;
overflow: hidden;
}
.admin-nav li:first-child {
border-radius: 50px 0 0 50px;
}
.admin-nav li:last-child {
border-radius: 0 50px 50px 0;
}
.admin-nav a {
display: block;
padding: 10px 14px;
color: #000;
text-align: center;
}
.admin-nav a svg {
float: none;
}
.admin-nav a:hover {
background: #eef7f9;
text-decoration: none;
color: #0ca6c8;
}
.admin-nav a.selected {
background: #0ca6c8;
color: #fff;
}
ul.admin-sub-nav {
display: block;
text-align: right;
}
ul.admin-sub-nav li {
display: inline-block;
list-style: none;
margin-left: 10px;
}
ul.admin-sub-nav a {
color: #6d6d6d;
display: block;
border-bottom: 2px solid #ccc;
padding: 10px;
cursor: pointer;
}
ul.admin-sub-nav a:hover {
text-decoration: none;
border-bottom-color: #9cb7bd;
color: #347b8c;
}
ul.admin-sub-nav a.selected {
color: #0ca6c8;
font-weight: 600;
border-bottom-color: #0ca6c8;
}
/*STYLES*/
a {
color: #0ca6c8;
text-decoration: none;
outline: none;
display: inline-block;
}
a:hover {
color: #333;
text-decoration: underline;
}
.btn-default {
display: inline-block;
padding: 10px 20px;
color: #000;
text-align: center;
text-decoration: none;
transition: background 0.2s;
border: 1px solid gray;
cursor: pointer;
line-height: 21px;
text-transform: uppercase;
border-radius: 5px;
width: 130px;
}
.btn-default.selected {
background: #0ca6c8;
color: #fff;
border: 1px solid #000;
}
.btn-sessions {
border: 1px solid #dedede;
border-radius: 50px;
background: #fff;
padding: 15px 15px 12px;
font-weight: 600;
outline: none;
cursor: pointer;
}
.btn-sessions:hover {
border: 1px solid #9cc6d0;
color: #087d98;
}
.btn-sessions svg {
color: #11a8cc;
}
.btn-sessions.selected {
color: #11a8cc;
border-color: #11a8cc;
}
a.btn,
button.btn,
form input[type="submit"] {
display: inline-block;
padding: 10px 20px;
background: #0ca6c8;
color: #fff;
text-align: center;
text-decoration: none;
transition: background 0.2s;
border: 0;
cursor: pointer;
line-height: 21px;
text-transform: uppercase;
border-radius: 5px;
}
a.btn.btnSave {
background: #0fc80c;
}
a.btnCreate {
cursor: pointer;
background: #0ca6c8;
display: inline-block;
color: #fff;
padding: 5px 10px;
border-radius: 5px;
font-size: 13px;
transition: filter 0.3s;
}
a.btnButtonIcon {
cursor: pointer;
background: #0ca6c8;
display: inline-block;
color: #fff;
padding: 5px 10px;
border-radius: 5px;
font-size: 13px;
transition: filter 0.3s;
}
a.btnButtonIcon:hover {
text-decoration: none;
filter: brightness(110%);
}
a.btnCreate:hover {
text-decoration: none;
filter: brightness(110%);
}
form input[type="submit"] {
padding: 10px 20px;
}
a.btn.clear {
background: none;
border: 1px solid #0ca6c8;
color: #0ca6c8;
margin-left: 15px;
padding: 10px 20px;
line-height: initial;
}
a.btn.clear:after {
content: '';
display: none;
}
a.btn:hover {
filter: brightness(110%);
text-decoration: none;
}
#content-area button svg{
color: currentColor;
}
hr {
border: none;
border-top: 1px solid #dadada;
}
p {
margin-bottom: 15px;
}
h1, h2, h3 {
font-size: 18px;
font-weight: normal;
color: #333;
margin-bottom: 15px;
text-transform: uppercase;
}
h1 {
text-align: center;
}
h2 {
font-size: 17px;
font-weight: 600;
text-align: left;
}
h3 {
font-size: 15px;
clear: both;
}
strong {
font-weight: 600;
}
input[type="text"],
input[type="email"],
input[type="password"],
select,
textarea {
height: 40px;
border: 1px solid #ccc;
outline: none;
width: 100%;
max-width: 300px;
padding: 0 15px;
border-radius: 4px;
}
select.btnChangeAssessmentType {
width: 55px !important;
height: 25px;
padding: 0 0 0 5px;
}
textarea {
width: 100%;
max-width: 620px;
height: 150px;
padding: 10px;
}
input[type="checkbox"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #fff;
width: 16px;
height: 16px;
border: 1px solid #ccc;
margin-right: 5px;
border-radius: 3px;
}
input[type="checkbox"]:focus {
outline: none;
}
input[type="checkbox"]:active {
background: #efefef;
}
input[type="checkbox"]:checked {
border: 1px solid #0ca6c8;
background-image: url("data:image/svg+xml;utf8,");
}
input.SwitchIcon {
display: none;
}
input.SwitchIcon + span svg {
color: #a2a2a2;
transform: rotate(180deg);
margin-right: 5px;
cursor: pointer;
}
input.SwitchIcon:checked + span svg {
color: #3ab734;
transform: rotate(0);
}
input.price-symbol {
position: relative;
}
input.price-symbol:after {
content: '€';
position: absolute;
top: 5px;
right: 10px;
font-weight: 600;
}
.site-content ul:not(.user-nav),
.site-content ol:not(.flex-control-nav) {
padding-left: 15px;
margin-bottom: 15px;
}
/*CUSTOM POPUP STYLE*/
.jconfirm .jconfirm-box div.jconfirm-title-c {
display: none !important;
}
.jconfirm .jconfirm-box.jconfirm-type-blue {
border-top: none !important;
}
.jconfirm.jconfirm-modern .jconfirm-box {
padding: 20px 20px 8px !important;
}
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c {
font-size: 18px;
color: #276581;
}
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
color: #333;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
outline: none;
border-radius: 50px;
}
svg.svg-inline--fa {
float: left;
margin-right: 5px;
font-size: 22px;
}
svg.svg-inline--fa.small {
font-size: 15px;
margin-right: 10px;
}
svg.svg-inline--fa.medium {
font-size: 18px;
margin-right: 10px;
}
svg.svg-inline--fa.right {
float: right;
margin: 3px 0 0 15px;
}
a svg.svg-inline--fa,
button svg.svg-inline--fa {
font-size: 15px;
margin-top: 1px;
}
/*ADMIN SECTION*/
h2.admin-title {
line-height: 40px;
}
/*nav*/
.user-nav {
background: #0d7fa9;
float: right;
border-radius: 5px;
padding: 0;
overflow: auto;
}
.user-nav li {
float: left;
list-style: none;
}
.user-nav li + li {
border-left: 1px solid #4591ad;
}
.user-nav li a {
color: #fff;
padding: 0 15px;
line-height: 40px;
height: 40px;
font-size: 11px;
transition: background 0.3s;
text-transform: uppercase;
display: block;
cursor: pointer;
transition: background 0.3s;
text-decoration: none !important;
}
.user-nav li a:hover,
.user-nav li a.selected {
background: #3b99bb;
}
.wrap.user-nav {
position: relative;
bottom: -133px;
padding: 0;
height: 50px;
}
.wrap.user-nav nav {
padding: 0;
}
.wrap.user-nav nav svg {
float: none;
margin: 0 5px 0 0;
}
.wrap.user-nav nav ul {
padding: 0;
}
.wrap.user-nav nav ul li {
margin: 0;
height: auto;
float: left;
overflow: hidden;
background: #0d7fa9;
}
.wrap.user-nav nav ul li:first-child,
.wrap.user-nav nav ul li.tabInvoice {
border-radius: 5px 0 0 0;
}
.wrap.user-nav nav ul li.tabInvoice {
margin-left: 15px;
border: none;
}
.wrap.user-nav nav ul li:last-child,
.wrap.user-nav nav ul li.tabUsers {
border-radius: 0 5px 0 0;
}
.wrap.user-nav nav ul li + li {
border-left: 1px solid #4591ad;
}
.wrap.user-nav nav ul li a {
padding: 0 15px;
line-height: 45px;
height: 45px;
font-size: 11px;
transition: background 0.3s;
}
ul.extraMenu li:first-child a {
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
}
ul.extraMenu li:last-child a {
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
}
.wrap.user-nav nav ul li.selected a,
.wrap.user-nav nav ul li a:hover {
background: #3b99bb;
color: #fff;
}
.questionNagaviation + h1,
.serviceNagaviation + h1 {
clear: both;
}
/*edit form*/
.form-edit {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.form-edit .section {
border: 1px solid #ccc;
padding: 20px;
margin-bottom: 20px;
width: 49%;
border-radius: 4px;
}
.form-edit .section.full {
width: 100%;
}
.form-edit .section.hidden {
display: none;
}
.form-edit .row-item:after {
content: '';
display: table;
clear: both;
}
.form-edit .row-item + .row-item {
margin-top: 15px;
}
.form-edit .row-item > div:not(.cke) {
float: left;
width: 50%;
padding-right: 10px;
}
.form-edit .row-item > div + div {
padding: 0 0 0 10px !important;
}
.form-edit .row-item > div .col-2 {
float: left;
width: 50%;
padding-right: 5px;
}
.form-edit .row-item > div .col-2 + .col-2 {
padding: 0 0 0 5px;
}
.form-edit .row-item strong {
display: block;
font-size: 13px;
margin-bottom: 5px;
}
.form-edit .row-item label {
display: block;
clear: both;
}
.form-edit .row-item .inline label {
width: 50%;
float: left;
clear: none;
}
.form-edit .row-item input[type="text"],
.form-edit .row-item input[type="email"],
.form-edit .row-item input[type="password"] {
width: 100% !important;
}
.form-edit .row-item input[type="checkbox"],
.form-edit .row-item input[type="radio"] {
float: left;
}
.form-edit .section .pull-left {
float: none !important;
}
#frmEdit .registerContent .row-item input.lbPhonePrefix {
width: 40px !important;
height: 40px;
border: 0.5px solid rgb(204, 204, 204);
padding-right: 0px !important;
padding-left: 5px;
float: none !important;
margin-right: 0px !important;
}
#frmEdit .registerContent .row-item input.txtPhoneNumber {
width: 160px !important
}
#frmEdit .registerContent .row-item input.error, #frmEdit .registerContent .row-item select.error {
border: 0.5px solid red;
}
/*test viewal*/
.test-viewal {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.test-viewal > div {
border: 1px solid #ccc;
border-radius: 5px;
padding: 20px;
width: 250px;
}
.test-viewal > div:nth-child(2) {
width: 490px;
}
.test-viewal > div ul {
margin-bottom: 20px;
}
.test-viewal > div ul li {
list-style: none;
padding: 5px 0;
}
.test-viewal > div ul li img {
width: 100%;
margin-top: 5px;
}
.test-viewal > div ul.questions li {
padding: 0;
}
.test-viewal > div ul.questions a {
cursor: pointer;
}
.test-viewal > div strong {
display: block;
}
/*table lists*/
table.AssessmentRankingTable {
margin-bottom: 30px;
}
table.AssessmentRankingTable thead {
background: none;
}
table.AssessmentRankingTable thead .pull-right {
padding: 5px 0 0;
cursor: pointer;
}
table.AssessmentRankingTable thead tr {
border-bottom: 1px solid #689bad;
color: #367287;
}
table.AssessmentRankingTable tr {
border-bottom: 1px solid #dad8d8;
}
table.AssessmentRankingTable .top th + th {
background: #367287;
color: #fff;
border-radius: 5px 0 0 0;
}
table.AssessmentRankingTable .top th + th + th {
border-radius: 0 5px 0 0;
border-left: 1px solid #689bad;
}
table.AssessmentRankingTable tbody td {
vertical-align: middle;
}
table.AssessmentRankingTable tbody td.lbHolistic {
cursor: pointer;
color: #0ca6c8;
}
table.AssessmentRankingTable tbody td.lbHolistic:hover {
background: #e7edef;
}
table.AssessmentRankingTable select.ddlRating {
width: 70px;
}
table.AssessmentRankingTable input.txtRemark,
table.AssessmentRankingTable select.ddlRemark {
width: 250px;
}
table.AssessmentRankingTable tr.rt {
background: #e4e4e4;
}
table.AssessmentRankingTable tr.buttonInputFrm {
border: none;
}
table.AssessmentRankingTable tr.buttonInputFrm td {
padding: 20px 0 0;
text-align: right;
}
table.AssessmentRankingTable .pull-right {
margin: 0 !important;
}
table.purchase tr td:nth-child(3) {
max-width: 113px;
}
table.purchase tr td:nth-child(2) {
width: 113px;
}
table.purchase tr td:last-child {
min-width: 120px;
}
table.tblOnDemand thead th:last-child,
table.tblScheduled thead th:last-child {
width: 160px;
}
table.tblScheduled td:first-child {
width: 160px;
}
.frmAdminInput {
float: left;
width: 100%;
}
.frmAdminInput > div {
float: left;
}
.frmAdminInput > div + div {
margin-left: 30px;
}
.frmAdminInput > div .txtScore {
width: 100px;
text-align: center;
height: 50px;
font-size: 20px;
font-weight: bold;
color: #367287;
}
.frmAdminInput > div textarea {
width: 840px;
height: 85px;
}
.frmAdminInput > div .btnSendResult {
margin-bottom: 21px;
}
.frmAdminInput > div .results-sent-msg {
background: #c6eccb;
padding: 15px;
border-radius: 7px;
text-align: center;
font-weight: bold;
color: #35753d;
margin-bottom: 21px;
}
.frmAdminInput a.certificate-regenerate-btn {
display: block;
padding: 10px;
background: #066082;
color: #fff;
border-radius: 7px;
width: 180px;
margin: 20px auto 0;
font-size: 13px;
}
.paddingQuestionPart {
margin-bottom: 25px;
}
/*USER SECTION*/
.certification-documents {
clear: both;
}
.certification-documents > div {
background: #e8e8e8;
width: 150px;
float: left;
text-align: center;
margin: 10px;
padding: 20px;
min-height: 220px
}
.certification-documents > div strong {
font-size: 13px;
}
.certification-documents > div a,
.certification-documents > div button.btnSubmit {
text-decoration: none !important;
display: block;
width: 100%;
}
.certification-documents > div button.btnSubmit {
padding: 14px 0;
}
.overlay {
width: 100%; /* Full width (cover the whole page) */
height: 100%; /* Full height (cover the whole page) */
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.4; /* Black background with opacity */
z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
cursor: pointer; /* Add a pointer on hover */
}
.textError {
color: red;
}
input.error,
textarea.error {
border-color: red;
}
label.error {
color: red;
display: block;
width: 400px;
}
.clearfix {
clear: both;
}
/*PAYMENT*/
.frmPaymentConfirm {
border: 1px solid #dedede;
padding: 30px;
margin-bottom: 15px;
}
.frmPaymentConfirm svg {
float: left;
font-size: 60px;
}
.frmPaymentConfirm table.tblOrder {
float: right;
width: 85%;
margin-bottom: 20px;
}
.frmPaymentConfirm .payment-confirm {
clear: both;
margin-bottom: 20px;
padding: 20px;
float: right;
width: 85%;
background: #f1f9fb;
}
.frmPaymentConfirm .payment-confirm input {
float: left;
}
.paymentSubmit {
overflow: auto;
clear: both;
}
.paymentSubmit .btnSubmitGroup {
position: relative;
height: 44px;
float: right;
margin: 0 0 0 20px;
}
.cookie-bar {
background-color: #276681;
color: #fff;
text-align: center;
overflow: hidden;
display: none;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 99;
}
.cookie-bar p {
margin: 0;
line-height: 15px;
padding: 10px;
}
.cookie-bar span {
float: right;
width: 50px;
line-height: 50px;
color: #fff;
background: #0ca6c8;
cursor: pointer;
font-weight: bold;
display: block;
text-align: center;
}
.ContentLeftSelect {
float: left;
}
.ContentRightSelect {
float: right;
}
.btnSubmitSelect {
padding: 65px 100px;
background-color: #0ca6c8;
color: white;
font-size: 20px;
cursor: pointer;
border: 1px solid;
outline: none !important;
}
.margin-top-5 {
margin-top: 5px !important;
}
.margin-top-25 {
margin-top: 25px !important;
}
.margin-top-10 {
margin-top: 10px !important;
}
.margin-top-100 {
margin-top: 100px !important;
}
.buttonicon {
border: 1px solid;
text-align: center;
padding: 55px 90px;
}
.buttonNormal {
background-color: #0ca6c8;
color: white;
padding: 10px 20px;
margin-right: 20px;
}
.spanTitleButton {
padding-left: 25px;
font-size: 25px;
}
button.btnSubmit, a.btnSubmit {
padding: 13px 20px;
background-color: #0ca6c8;
color: white;
cursor: pointer;
border: 1px solid;
outline: none !important;
font-size: 12px;
list-style: initial;
text-transform: uppercase;
border-radius: 50px;
transition: filter 0.4s;
text-decoration: none;
display: flex;
margin: 0 auto;
align-items: center;
}
.btnSubmit.alt{
color: #0ca6c8;
border-color: currentColor;
background: none;
}
.agrrementContent {
text-align: left;
}
.agrrementContent .row {
width: 100%;
text-align: left;
display: table;
}
.checkbox, .radio {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.checkbox label, .radio label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: 400;
cursor: pointer;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
position: absolute;
margin-top: 4px\9;
margin-left: -20px;
}
.btnSubmit:hover {
filter: brightness(110%);
}
button.btnSubmit.align-right {
float: right;
}
.titleLb {
text-align: left
}
.iconTbl {
width: 15px;
}
.table {
width: 100%;
border-collapse: collapse;
border-spacing: 5px 10px;
}
.table tbody tr {
text-align: left;
border-bottom: 1px solid #eaeaea;
}
.table thead {
background: #159bba;
color: #fff;
font-weight: bold;
text-align: left;
}
.table thead th:first-child {
border-radius: 5px 0 0 5px;
}
.table thead th:last-child {
border-radius: 0 5px 5px 0;
}
.table tfoot {
text-align: right !important;
color: #545454;
font-weight: 600;
}
tr.selected {
background-color: #0ca6c8;
cursor: pointer;
color: #f0ffff
}
tr.selected a {
color: #f0ffff
}
.table th {
padding: 13px 10px;
}
.table td {
padding: 10px;
font-size: 12px;
position: relative;
}
.table.tblAssessment tr td:nth-child(3) {
text-align: left;
}
.table tr a {
cursor: pointer;
text-decoration: none;
}
.sorted_table > tr {
cursor: move;
}
.iconNormal {
width: 25px;
vertical-align: middle;
}
.pull-left {
float: left !important
}
.pull-right {
float: right !important
}
.pull-right.top {
margin-bottom: 25px;
}
.questionContent a {
cursor: pointer;
text-decoration: none
}
a.hideControlComponent {
float: left;
}
.selectInput {
width: 100px;
}
.txtInput {
width: 365px !important;
}
.txtInputSmall {
margin-right: 40px;
width: 240px !important;
}
.hideControl {
display: none;
}
.hide {
display: none !important;
}
.formFullWidth {
width: auto !important;
}
.textAria {
height: 120px;
}
.simditor {
height: 200px;
}
.margin-right-small {
margin-right: 25px;
}
.margin-right-normal {
margin-right: 50px;
}
.padding-right-small {
padding-right: 25px;
}
.padding-right-normal {
padding-right: 50px;
}
dl {
overflow: auto;
}
dl dt {
font-weight: 600;
float: left;
clear: both;
width: 150px;
margin-bottom: 5px;
}
dl dd {
float: left;
margin-bottom: 5px;
}
p.warning {
background: #de6565;
color: #fff;
padding: 10px;
border-radius: 7px;
}
p.warning a {
color: #fff;
}
p.attention {
background: #fbf2e4;
color: #a7772c;
padding: 10px;
border-radius: 7px;
font-size: 13px;
}
p.attention svg {
font-size: 15px;
float: none;
display: inline-block;
margin-right: 3px;
}
div.notice{
padding: 1.6rem 2rem;
background: #eefaff;
border: 1px solid;
border-radius: 8px;
border-color: #8fbcce;
}
div.notice p:last-of-type{
margin-bottom: 0;
}
.controlComponent {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px dashed #ccc;
cursor: move;
background: #fff;
}
.inputfile-box {
position: relative;
}
.inputfile {
display: none;
}
.container {
display: inline-block;
width: 100%;
}
.file-box {
display: inline-block;
width: 100%;
border: 1px solid #ccc;
border-radius: 5px;
height: 40px;
cursor: pointer;
padding-left: 9px;
padding-right: 120px;
padding-top: 8px;
overflow: hidden;
white-space: normal;
}
.file-button {
background: #0ca6c8;
color: #fff;
padding: 10px;
position: absolute;
top: 1px;
right: 1px;
height: 38px;
font-size: 13px;
border-radius: 0 5px 5px 0;
cursor: pointer;
}
.file-button:hover {
filter: brightness(105%);
}
.file-name {
position: absolute;
top: 10px;
}
.myprogress {
background: #0ca6c8;
color: #fff;
font-weight: bold;
padding-left: 5px;
}
.row-item .file-name {
position: relative;
white-space: nowrap;
top: auto
}
.disabled {
opacity: 0.6;
cursor: not-allowed !important;
}
.expandButton {
background: none;
display: block;
padding: 0;
outline: none;
border: none;
cursor: pointer;
}
.btnSwichRemarkControl {
padding: 13px 0;
}
.expandButton svg {
font-size: 18px;
}
.expandButton svg path {
fill: #0ca6c8;
}
.sublinkMenuChangeAssessor {
position: absolute;
padding: 10px 15px;
border: 1px solid #0ca6c8;
z-index: 5;
display: none;
border-radius: 5px;
background: #fff;
top: 30px;
right: 0;
width: 160px;
}
.sublinkMenuChangeAssessor:hover {
color: #0ca6c8;
background: #e9f3f5;
}
.lbError {
font-size: 12px;
text-align: center;
display: block;
padding-bottom: 10px;
width: 300px;
}
.loader {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
border: 10px solid #f3f3f3;
border-radius: 50%;
border-top: 10px solid #0ca6c8;
width: 60px;
height: 60px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
z-index: 120;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.hidden {
display: none !important;
}
.txtCssHour {
width: 70px !important
}
.fliters {
border: 1px solid lightgray;
margin-bottom: 25px;
}
.fliters input[type="text"] {
width: 200px;
}
.fliters .control {
margin-right: 15px;
}
.phonePrefix .lbPrefixPhone, .phonePrefix .lbPrefixVatNumber {
width: 60px
}
.phonePrefix .txtPhoneNumber, .phonePrefix .txtVatNumberCompany {
width: 240px !important;
}
.frmLoading li {
width: 100%;
display: block;
}
/*-----------------------------------------------
---- CSS SITE MOBILE ----
-----------------------------------------------*/
@media only screen and (min-width: 1024px) {
#responsiveBtn {
display: none;
}
header nav {
height: auto !important;
}
}
@media only screen and (max-width: 1024px) {
#responsiveBtn {
cursor: pointer;
position: fixed;
top: 15px;
right: 20px;
width: 40px;
height: 40px;
background: #0ca6c8;
text-indent: -9999px;
z-index: 8009;
display: block !important;
border-radius: 4px;
}
#responsiveBtn:after {
content: '';
position: absolute;
display: block;
width: 1rem;
height: 0;
top: 0;
left: 8px;
box-shadow: 4px 13px 0 2px white, 4px 20px 0 2px white, 4px 27px 0 2px white;
}
body, body.home {
padding-top: 100px;
}
div#wrap, div.wrap {
width: auto !important;
padding: 0 20px;
}
header {
overflow: visible;
padding: 0;
margin: 0;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
height: 70px;
background: #276986;
}
header.fixed {
height: 70px;
background: #276986;
}
header #top {
background: #3b7d96;
position: absolute;
bottom: -32px;
width: 100%;
}
header .lang {
float: left;
}
header nav {
width: 250px;
height: 100%;
position: fixed;
right: 0;
left: initial;
top: 70px;
background-color: #103748;
z-index: 5;
padding: 0;
margin: 0;
overflow-y: auto;
overflow-x: hidden;
transform: translateX(250px);
transition-duration: 0.3s;
}
header nav.open {
right: 0;
transform: translateX(0);
}
header nav ul {
background: none;
padding-top: 20px;
float: none;
width: 100%;
}
header nav ul > li {
float: none;
margin: 0;
height: initial;
display: block;
height: auto;
padding: 0;
border: 0 !important;
display: block;
margin: 0 !important;
}
header nav ul > li a {
padding-left: 20px;
display: block;
text-align: left;
}
header nav ul > li a:hover {
background: none;
}
header nav ul ul {
width: 100%;
position: static;
margin-bottom: 20px;
}
header nav .booknow a {
text-align: center;
margin: 0 20px 20px;
}
header img {
margin: 20px 0;
max-height: 30px;
}
div.site-content {
padding-bottom: 50px;
}
header.fixed > .wrap {
padding: 0 20px;
}
.banner-img {
height: 100px;
}
.banner-img img {
width: auto;
min-height: initial;
}
.banner-img h1 {
top: 50%;
left: 50%;
bottom: inherit;
transform: translateX(-50%) translateY(-50%);
}
.home .site-content {
height: 980px;
}
.user-nav {
float: none;
}
.content-flex .section,
.form-edit .section {
width: 100%;
}
.contactForm.formContent {
width: 100%;
}
.site-content {
padding-top: 30px;
text-align: justify;
}
.home h1, .banner-img h1 {
font-size: 20px;
line-height: 30px;
width: 100%;
}
.home h1 strong, .banner-img h1 strong {
font-size: 15px;
}
.home h1 {
margin-bottom: 30px;
}
.home .fade {
padding: 0 20px;
width: 100%;
}
.featured-items {
display: block;
padding-top: 0;
}
.featured-items > div {
width: 100%;
padding: 105px 0 30px;
border: 0 !important;
}
.featured-items > div:before {
top: 0;
}
.flexslider fieldset {
width: 100%;
}
.flex-control-nav {
width: 100%;
}
.flex-direction-nav a,
.flex-direction-nav a.flex-prev {
margin: 0;
}
.flexslider fieldset label + label {
margin-top: 20px;
}
.formContent .row-item input, .formContent .row-item select {
margin: 0 0 10px;
}
.formContent .group {
width: 100%;
padding-left: 0;
}
.formContent .group strong {
display: block;
}
.formContent .ConditionBoxes {
width: 100%;
}
.session-detail {
padding: 20px;
}
.session-detail .group {
float: none;
width: 100%;
}
.featured-items > div {
margin-bottom: 20px;
}
.featured-items > div:hover .hover {
top: 0;
}
.selection #grid {
max-width: inherit;
}
.selection #grid > a {
margin-bottom: 20px !important;
}
.faq-collapse img {
max-width: 100%;
height: auto;
}
.faq-collapse .collapse {
padding: 20px;
}
.contact-main .group {
float: none;
width: 100%;
}
.contact-main .group ul {
padding-right: 0;
}
.contact-main .group ul li img {
float: none;
margin: 0 auto 15px;
display: block;
}
.online-site h3 {
width: 100%;
background: #ececec;
border: none;
}
.online-site a.btn {
width: 100%;
margin-bottom: 5px;
}
.online-site a.btn.clear {
margin: 0;
}
.featured-items div.selected:after {
top: -10px;
}
.registerContentLeft {
float: none !important;
width: 100% !important;
}
.registerContentLeft h5 {
clear: both;
}
h2.admin-title {
clear: both;
}
input[type="text"], input[type="email"], input[type="password"], select, textarea {
width: 100% !important;
}
iframe {
width: 100% !important;
}
/*RESPONSIVE TABLES*/
table.responsive {
width: 100%;
}
table.responsive thead {
position: absolute;
display: none;
}
table.responsive tr {
padding: 5px 0;
display: block;
overflow: auto;
}
table.responsive tr:nth-child(even) {
background: #f7f6f6;
}
table.responsive td {
float: left;
width: 100%;
clear: both;
padding: 5px 10px;
}
table.responsive td:before {
content: attr(data-label);
float: left;
font-weight: 600;
width: 90px;
}
.tblAssessment tr td .btnAction {
display: none;
}
table.responsive td:last-child:before {
content: '';
}
table.responsive td:last-child a {
display: block;
padding: 10px 20px;
background: #0ca6c8;
color: #fff;
text-align: center;
text-decoration: none;
transition: background 0.2s;
border: 0;
cursor: pointer;
text-transform: uppercase;
border-radius: 50px;
}
.jconfirm-holder .jconfirm-box {
width: 80% !important;
}
.zoombox_container.multimedia {
margin-top: 0 !important;
}
.zoombox_container.multimedia iframe {
height: 400px !important;
}
.testingHeader .quitterLeTest {
margin-right: 60px;
}
.testingHeader img {
margin-top: 5px;
}
.testingHeader header #top {
bottom: -29px;
}
.agreementContent > div.block {
padding: 20px;
}
.agreementContent img {
max-width: 100%;
height: auto;
}
.frmPaymentConfirm svg {
display: none;
}
.frmPaymentConfirm table.tblOrder,
.frmPaymentConfirm .payment-confirm {
float: none;
width: 100%;
}
.services-container .terms,
.services-container .terms li {
width: 100%;
}
.services-details .flex > div {
width: 100%;
}
.services-details .flex > div + div {
border-left: 0;
border-top: 1px solid #eaeaea;
}
.calendar .calendarContainer {
align-items: stretch;
}
.calendar .calendarContainer .calendarType {
width: 50%;
}
.calendar .calendarType h2 svg {
display: block;
margin: 0 auto 10px;
}
.calendar .separator {
display: none;
}
.calendar .calendarOptions,
.calendar .calendarOptions.onsite {
float: none;
width: 100%;
border-right: 0;
border-left: 0;
padding: 20px 0;
}
.session-detail.flex {
padding: 0;
display: block;
}
.session-detail .features {
padding: 0;
width: 100%;
margin-bottom: 20px;
}
.session-detail .textAndMap {
padding: 20px 0 0;
border-top: 1px solid #ccc;
width: 100%;
}
body > a.btnCreate {
display: none;
}
form#frmLogin > div {
width: 100% !important;
}
footer {
padding: 15px 0;
}
@media screen and (orientation:landscape) {
}
.formContent .licences-group {
width: 100% !important;
}
.formContent .licences-group label {
display: block;
float: left;
}
.formContent .licences-group label input {
margin-right: 5px;
}
.phonePrefix {
width: 100%;
margin-right: 0px;
}
.phonePrefix .lbPrefixPhone, .phonePrefix .lbPrefixVatNumber {
width: 20% !important;
float: left
}
.phonePrefix .txtPhoneNumber, .phonePrefix .txtVatNumberCompany {
width: 80% !important;
float: left;
margin: 0px !important
}
}
.lbPrefixPhone .lbCountryPrefix, .registerContent .row-item .lbPhonePrefix {
width: 29px !important;
height: 36px;
border: 0px solid;
padding-right: 0px !important;
padding-left: 0px;
float: none !important;
margin-right: 0px !important;
}
.registerContent .row-item .txtPhoneNumber {
width: 240px !important
}
.registerContent .row-item input.error, .registerContent select.error {
border: 0.5px solid red;
}
.row-item .phoneRegion label {
display: none !important
}
.rightfrmResult {
float: left;
width: 520px;
}
.resultPnl {
margin-top: 15px;
}
.recordingsList a {
padding-right: 13px;
padding-top: 5px;
font-weight: bold;
}
.recordingsList audio {
width: 100%;
}
#controls button {
padding: 10px;
font-size: 12px;
padding-bottom: 5px;
padding-top: 7px
}
.form-edit .section {
margin-bottom: 20px;
width: 49%;
}
.form-edit .sectionItem {
margin-bottom: 10px;
}
.form-edit .ui-sortable {
border: none;
list-style: none;
padding: 0px;
}
.form-edit .ui-sortable .ui-state-default {
background: none;
border: none
}
.centerContent {
width: 100%;
text-align: center
}
.form-edit .innerSection {
margin-bottom: 5px;
}
.form-edit .innerItem .row-item .left {
width: 80%
}
.form-edit .innerItem .row-item .right {
width: 20%
}
.form-edit .innerItem .row-item textarea {
width: 100% !important;
}
.form-edit .innerItem .row-item hr {
border: 0.5px solid #ccc
}
.deleteBtn {
font-size: 17px !important;
cursor: pointer;
z-index: 5;
display: none
}
.sectionItem:hover .deleteBtn {
display: block
}
.red {
border: 1px solid red !important;
}
.textColor {
color: red
}
.paggingContainer {
display: table;
width: 100%;
}
.paggingContainer .pageControl {
width: 75px;
height: 25px;
}
.paggingContainer .orderBy {
margin-left: 5px
}
.purchaseEntry {
position: relative;
}
.closed-session {
border: 1px solid red;
padding: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px
}
.group-assessment .error:not(.assessment), .group-licenseType .error:not(.chkLicenseType) {
position: absolute;
margin-top: 20px
}
.group-licenseType input.error {
border: 1px solid #ccc;
}
#content-area .month-separator td {
color: #0ca6c8;
vertical-align: middle;
background: #f9f9f9;
text-align: center;
}
.month-separator strong.flex {
align-items: center;
}
/* #scheduler { */
/* position: absolute !important; */
/* left: 0 !important; */
/* } */
.w100percent {
width: 100% !important;
}
.ui-autocomplete {
min-height: 100px;
max-height: 300px;
overflow-y: auto;
}
/*
.jconfirm{
top: initial;
left: initial;
right: 2rem;
bottom: 2rem;
}
.jconfirm.jconfirm-modern .jconfirm-bg{
background: none;
}
.jconfirm .jconfirm-holder{
padding: 0 !important;
}
.jconfirm.jconfirm-modern .jconfirm-box{
padding: 17px 20px 0px !important;
width: 150px !important;
box-shadow: none;
border-radius: 8px;
background: #8cd77e;
}
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content{
color: #fff;
text-transform: lowercase;
}
.jconfirm-box-container :is(.jconfirm-closeIcon, .jconfirm-buttons){
display: none !important;
}
*/
/* ADMIN PLANNING 2023*/
.planning-modal__assign > *{
width: 100%;
}
section.grid{
--columns: 2;
--gap: 2rem;
display: grid;
margin: 0 auto 2rem;
gap: var(--gap);
grid-template-columns: repeat(auto-fit, minmax( calc( calc(100% - calc(var(--columns)*var(--gap))) / var(--columns)), 1fr));
}
.grid[data-columns="3"]{
--columns: 3;
}
.grid[data-columns="4"]{
--columns: 4;
}
.flex{
display: flex;
flex-wrap: wrap;
}
.flex[data-direction="column"]{
flex-direction: column;
gap: .5rem;
}
.flex.gap{
gap: 2rem;
}
.heading__container{
padding-top: 1rem;
justify-content: space-between;
margin-bottom: 1rem;
}
.planning-modal__assign .heading__container{
gap: 2rem;
margin-bottom: 2rem;
padding-bottom: 1rem;
border-bottom: 1px solid #efefef;
justify-content: flex-start;
}
.planning-modal__assign .heading__container > *{
display: flex;
align-items: center;
}
.planning-modal__assign .heading__container > input{
width: ;
}
.planning-modal__assign h3{
margin-bottom: 0;
}
.time__container{
gap: 10px;
align-items: center;
flex: 1;
}
.location__container{
}
.heading__container h3{
font-weight: bold;
text-transform: initial;
}
.planningAssignedConfig{
gap: 1rem;
}
.planningAssignedConfig > .grid{
margin-bottom: 0;
}
p.validBothAssessor{
margin-bottom: 0;
}
.room-sessions__container{
width: 100%;
padding-block: 1rem;
gap: 2rem;
}
.room-sessions__container label{
display: flex;
align-items: center;
}
section.availabilities__container{
--gap: 0.5rem;
}
.availabilities__container.grid svg{
margin-bottom: 2rem;
position: relative;
height: 15px;
width: auto;
float: none;
margin: 0;
}
.availabilities__container .group{
border: 1px solid #efefef;
border-radius: 8px;
padding: 1rem;
}
.availabilities__container .group span{
display: flex;
align-items: center;
gap: 5px;
margin-bottom: 10px;
}
.availabilities__container .group > span{
font-weight: 600;
}
.availabilities__container label{
display: inline-flex;
align-items: center;
gap: 5px;
margin-right: 1rem;
}
input[value="Available"]{
accent-color: #23a723;
}
input[value="NotAvailable"]{
accent-color: #c76510;
}
.availabilities__container .group label > *{
margin: 0;
}
.applyto__container label{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.applyto__container label span{
cursor: pointer;
}
.applyto__container label .flex{
width: 100%;
padding-top: 5px;
gap: .5rem;
font-size: .8rem;
}
div.setMaster{
border: 1px solid #ebebeb;
border-radius: 8px;
padding: 1rem;
margin-bottom: 1rem;
}
div.setMaster[data-status="warning"]{
color: orange;
border-color: currentColor;
}
div.setMaster:not([data-status="warning"]) p{
display: none;
}
div.setMaster label{
color: #000;
display: flex;
align-items: center;
justify-content: space-between;
}
div.setMaster p:not(.hide) + label+label{
margin-top: 8px;
}
.btnSavePlanningAssigned__container{
border-top: 1px solid #efefef;
justify-content: flex-end;
padding-top: 0.5rem;
margin-top: 1rem;
gap: 1rem;
}
.btnSavePlanningAssigned__container label{
align-items: center;
}
.btnSavePlanningAssigned__container label svg{
font-size: 1rem;
margin: 0 5px;
}
.planningToolbar{
justify-content: space-between;
}
.TimezoneSelector{
align-items: center;
gap: 1rem;
}
.planningToolbar .btns{
flex-direction: column;
gap: 5px;
}
.pull-right,
.align-right{
margin-left: auto;
}
.k-scheduler-layout .k-scheduler-content{
overflow: initial;
}
.site-content:not(:has(.btnAvailabilitiesAlreadySent:not(.hide))) .k-scheduler-monthview .k-scheduler-table td:not(.k-other-month):hover{
background: #f5fbff;
cursor: pointer;
}
.assessor:has(> input:disabled) {
display:none;
}
.btnSubmit[disabled]{
background-color: #c5c7c7;
color: #fdfdfd;
}
.data-saved-confirmation{
position: fixed;
bottom: 10px;
right: 10px;
background-color: #4CAF50;
color: #fff;
padding: 10px;
border-radius: 5px;
}
#schedulerAvailabilities .k-event:has([title*="Evening"]){
/*top: 366px !important;*/
}
.k-scheduler-content .k-event{
overflow: initial;
}
.k-scheduler-content .k-event div.scheduler-title-text{
overflow: hidden;
height: 11px;
}
.k-event div.content {
flex: 1;
font-size: 9px !important;
}
div.k-event:not(:hover){
opacity: 0.9;
}
div.k-event div.modal{
position: absolute;
background: #fff;
color: #000;
z-index: 99;
inset: 0 0 auto;
padding: 5px;
width: 310px;
font-size: 0.75rem;
border-radius: 8px;
box-shadow: 0 0 5px #00000054;
translate: 0 calc(-100% - 4px);
display: none;
}
div.k-event:hover div.modal{
display: block;
}
:is(.k-event, .k-task) > div{
display: flex;
gap: 5px;
align-items: center;
}
:is(.k-event, .k-task) .SaveAndSendPlanningAssigned::after{
content: '';
margin-left: auto;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
width: 18px;
height: 24px;
background-image: url("data:image/svg+xml;charset=UTF-8, ");
}
.k-event .SaveAndSendPlanningAssigned::after{
width: 12px;
height: 12px;
}
.k-task > div[data-type]:not([data-type="null"])::before{
content: '';
background-position: center;
background-size: contain;
background-repeat: no-repeat;
width: 20px;
height: 16px;
}
.k-task > div[data-type="ON SITE"]::before{
background-image: url("data:image/svg+xml;charset=UTF-8, ");
}
.k-task > div[data-type="REMOTE"]::before{
background-image: url("data:image/svg+xml;charset=UTF-8, ");
}
.PlanningIsMaster{
font-weight: bold;
}
.k-scheduler-agendaview .k-scheduler-table .k-scheduler-timecolumn + td{
padding: 0;
}
.k-scheduler-agendaview .k-scheduler-table tr{
cursor: pointer;
}
.k-scheduler-agendaview .k-task{
height: 100%;
}
/**
ADMIN AGENDA
**/
.k-edit-form-container {
width: auto !important;
}
.k-event-actions {
display: none;
}
.scheduler-title-text {
padding: 4px;
}
/* COLOR STATUS */
.k-event, .k-task {
--color: #0ca6c8;
background: none !important;
border-color: var(--color) !important;
}
:is(.k-event, .k-task):has(> .PLANNING) {
background-color: var(--color) !important;
color: #fff;
}
:is(.k-event, .k-task):has(> .HasBothAssessors) {
--color: #0ca6c8;
}
:is(.k-event, .k-task):has(> .HasAssessors) {
--color: #68d0e7;
}
:is(.k-event, .k-task):has(> .HasCandidate) {
--color: #9a0cc8;
}
:is(.k-event, .k-task):has(> .IsSend) {
--color: #0bbd7b;
}
body:has(.registerContactPartnerform) .banner-title {
display: none;
}