/**

 * Blue Namaste! LMS theme

 */

body {
	
	color:#09367a;
	
}

.watupro-sortable {

    margin: 0 auto;

}

.watupro-sortable li {

    list-style: none;

}



.watupro-nmatrix-selected {

    border-color: #0094C6;

    border-radius: 4px;

}



.watupro-nmatrix-unselect {

    color: #0094C6;

    font-size: 80%;

}



.watupro-question-choice {

    margin: 0.438em 0 !important; /* 7px */

}



/* This theme displays single-choice and multiple-choice questions as buttons instead of visible radio buttons or checkboxes */

.watupro-user-feedback, .watupro-textarea-medium, .watupro-text, .watupro-gap {

    border: 1pt solid #d1ebf4 !important;

    background-color: #d1ebf4 !important;

    color: #0094C6 !important;

}



/* Buttons */

.watupro_buttons input[type=button],

.watupro_buttons input[type=submit],

.watupro-exam-description button {

    cursor:pointer;

    padding: 0.6em 1em;

    border: 1px solid #0094C6;

    background: #fff;

    color: #005E7C;

    margin-left: 5px;

    border-radius: 0.188em;

    font-size:1.1em;

}



.watupro_buttons input[type=button]:hover,

.watupro_buttons input[type=submit]:hover,

.watupro-exam-description button:hover {

    background: #005E7C;

    color: #fff;

}



.watupro_buttons input[type=button]:focus,

.watupro_buttons input[type=submit]:focus {

    background: #005E7C;

    color: #fff;

}



.watupro_buttons tr {

    border-bottom: none;

}



/* Radio and checkbox columns*/

.watupro-2-columns > *, li.watupro-2-columns > *,

.watupro-3-columns > *, li.watupro-3-columns > *,

.watupro-4-columns > *, li.watupro-4-columns > * {

    display: inline-block;

}



.watupro-question-choice.watupro-ansnum i {

    width: 2em;

    vertical-align: top;

    padding-top: 0.55em;

}



.watupro-ansnum.watupro-2-columns, li.watupro-ansnum.watupro-2-columns,

.watupro-ansnum.watupro-3-columns, li.watupro-ansnum.watupro-3-columns,

.watupro-ansnum.watupro-4-columns, li.watupro-ansnum.watupro-4-columns {

    padding-left: 0.5em;

    padding-right: 0;

}



.watupro-ansnum.watupro-2-columns:first-of-type,

.watupro-ansnum.watupro-3-columns:first-of-type,

.watupro-ansnum.watupro-4-columns:first-of-type,

.watupro-ansnum.watupro-2-columns:nth-of-type(2n+1),

.watupro-ansnum.watupro-3-columns:nth-of-type(3n+1),

.watupro-ansnum.watupro-4-columns:nth-of-type(4n+1) {

    padding-left: 0;

}




.watupro-question-choice input[type=radio],

.watupro-question-choice input[type=checkbox] {

    display:none !important;

}



.watupro-question-choice input[type=radio] + label,

.watupro-question-choice input[type=checkbox] + label {

    margin: 0.25em 0 0 0;

    padding: 0.25em 0.75em;

    font-size: 1em;

    text-align: center;

    vertical-align: middle;

    cursor: pointer;

    border: 2px solid #6cbd45;

    background: #fff;

    color: #09367a;

}



.watupro-question-choice input[type=radio]:checked + label,

.watupro-question-choice input[type=checkbox]:checked + label {

    background-image: none;

    outline: 0;

    background: #005E7C;

    color: #fff;

}



.watupro-question-choice.watupro-ansnum input[type=radio] + label,

.watupro-question-choice.watupro-ansnum input[type=checkbox] + label {

    max-width: calc(100% - 2.5em);

}



/* progress bar */

.watupro-progress-bar {

    border-radius: 0.625em;

    background: #6cbd45 !important;

}

.watupro-progress-percent {

    color: #09367a;

}



/* Answers */

.user-answer span.answer,  .user-answer {

    color:#0094C6 !important;

}

.correct-answer span.answer {

}



/* Paginator */

ul.watupro-paginator {

    justify-content: center;

}

ul.watupro-category-paginator {

    justify-content: center;

}



ul.watupro-paginator li {

    border: 1px solid #0094C6;

    color: #0094C6;

    background-color: #fff;

    flex-grow: 0; /* 1 if you want the remaining space in the container will be distributed equally to all buttons */

}



ul.watupro-category-paginator li {

    flex-grow: 0; /* 1 if you want the remaining space in the container will be distributed equally to all buttons */

}



ul.watupro-paginator li.answered {

    background-color: #0094C6 !important;

    border-color: #0094C6 !important;

    color: #fff;

}



ul.watupro-paginator li.unanswered {

    background-color: #d5d5d5 !important;

    border-color: #DDDDDD !important;

    color: #fff;

}



ul.watupro-paginator li.active {

     padding: 0.4em 1em;

     box-shadow: 0 8px 6px -6px rgba(0,0,0,0.6), inset 0 0 5px 1px rgba(150,150,150,0.6);

     -webkit-transform: scale(1.1);

     -ms-transform: scale(1.1);

     transform: scale(1.1);

     border: none !important;

 }



ul.watupro-category-paginator li.active {

    -webkit-transform: scaleY(1.1) scaleX(1.02) translateY(-1px);

    -ms-transform: scaleY(1.1) scaleX(1.02) translateY(-1px);

    transform: scaleY(1.1) scaleX(1.02) translateY(-1px);

}

.scroll-box {
    background: #f8fbff;
    font-size: 0.85em;
    border: 2px solid rgba(0, 0, 0, 0.1);
    height: 300px; /* maximum height of the box, feel free to change this! */
    width: auto;
    padding: 15px;
    overflow-y: scroll;
}
pre {
  counter-reset: line;
}

code {
  counter-increment: line;
}

code::before {
  content: counter(line);
  display: inline-block;
  width: 1.5em; /* Fixed width */
  border-right: 1px solid #ddd;
  padding: 0 .5em;
  margin-right: .5em;
  color: #888;
  -webkit-user-select: none;
}