html { --primary-accent-color: #eeeeee; }
/***** SPLIT *****/
body#course-27 
  {
  --primary-accent-color: #fb6469;
  }

body#course-28 
  {
  --primary-accent-color: #0cbcff;
  }

body#course-33 
  {
  --primary-accent-color: #c7f23b;
  --primary-accent-color-dark: #a8d41a;
  }

html {
/* background-color: #496c81 !important; */
background-color: #ffffff !important;
--blue-color: #0cbcff;
--red-color: #fb6469;
--yellow-color: #c7f23b;
--green-color: #00c896;
}

body {
color: #1d1d1b;
}

body.academy #cs-header {
border-bottom: 1px solid #edf5ff;
box-shadow: 0px 0px 15px rgba(0,0,0,0.55);
background-color: rgba(255, 255, 255, 0.9);
}

div.cs-background {
background-repeat: no-repeat !important;
background-size: 100% auto;
}

body.academy #cs-company-logo {
width: 200px !important;
}

body section .boxed-content .csbox {
background-color: rgba(0,0,0,0.55);
}

h1, h2, h3, h4 {
color: #1d1d1b;
}

body section .boxed-content .csbox h2, body section .boxed-content .csbox h3, body section .boxed-content .csbox h4 {
color: inherit;
}

body.academy h1 {
font-weight: bold;
}

section .boxed-content .csbox {
background-color: #edf5ff;
color: #ffffff;
border: none;
box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
}

button[data-back], button[data-proceed], button[data-goal], #course-quiz-block #course-quiz-button button {
background-color: #496c81;
color: #fff;
border: none;
border-radius: 11px;
box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
padding: 2px 26px;
transition: background-color .3s ease;
}

button[data-back]:hover, button[data-proceed]:hover, button[data-goal]:hover, #course-quiz-block #course-quiz-button button:hover {
background-color: var(--primary-accent-color);
color: #fff;
}

i.invert, i.fullscreen {
color: #ffffff;
}

.course-rangeslider-thumb::before {
color: var(--primary-accent-color);
}

.course-rangeslider.left::before, .course-rangeslider.right .course-rangeslider-fill-lower {
background-color: #fff;
}

.course-rangeslider.right::before, .course-rangeslider.left .course-rangeslider-fill-lower {
background-color: #496c81;
}

.course-opinion-container .op-answer {
text-shadow: none;
}

.course-opinion-container h2, .course-opinion-container h4 {
color: #ffffff;
}

.course-rangeslider .course-range-output .output::before {
border: 10px solid #ffffff; 
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
}

.course-rangeslider .course-range-output .output {
background-color: #ffffff;
}

.course-rangeslider .course-range-output .output.opinion-done {
color: var(--green-color);
}

#course-quiz-block .input-group {
background-color: rgba(0,0,0,0.55);
color: #ffffff;
}

#course-quiz-block .answer-checkbox:checked + .checkbox .icon::before { 
background-color: #496c81;
}

#back-button {
background-color: #21519c;
}

body.course-finished #training-contents {
background-color: #1d1d1b;
}

#training-contents ul li {
color: #edf5ff;
}

#training-contents ul li + li {
border-top: 1px solid #496c81;
}

.swapContent section.kstart h2, .swapContent section h2.big, body.course-page-100 section h2 {
color: #1d1d1b !important;
}

.swapContent div:not(.csbox) td {
background-color: rgba(0,0,0,0);
}

body.academy table.noborder tr:nth-child(2n) {
background-color: rgba(0,81,140,0.15);
}

.tipso_bubble 
{
background-color: #ffffff !important;  
border: 1px solid #496c81 !important;
border-radius: 0px;
}

.tipso_arrow {
    border-top-color: var(--primary-accent-color) !important;
}

.modal-content .modal-footer button.btn-primary {
  background-color: var(--primary-accent-color-dark);
}