/* SECTIONS */
[class^="block-"] {
    padding: 80px 0px;
    position: relative;
}


#wrapper section.blocked {
    pointer-events: none !important;
}

#wrapper section.blocked::before {
    background: rgba(0, 0, 0, 0.6);
    pointer-events: none !important;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    position: absolute;
    z-index: 9999;
}

#wrapper section.blocked::after {
    pointer-events: none;
    font-size: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-family: "Font Awesome 6 Free";
    content: "\f023";
    position: absolute;
    z-index: 99999;
    font-weight: 900;
    top: 0px;
}


/* QUIZ */
[class^="block-"] .questions {
    display: flex;
    align-items: end;
    flex-direction: column;
}


[class^="block-"] .questions .alert {
    width: 100%;
}

.form-check.bg-success {
    background: #3AD492 !important;
}

.form-check.bg-danger {
    background: #F86E6F !important;
}

[class^="block-"] .questions .form-check {
    background: #CCCCCC;
    padding: 20px 50px;
    margin-bottom: 10px;
    border-radius: 5px;
    width: 100%;
}

[class^="block-"] .questions.h .form-check {
    padding: 0;
}

[class^="block-"] button.btn {
    background: black;
    border-radius: 20px;
    padding: 10px 30px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    border: none;
}

[class^="block-"] .card {
    border: 3px solid black;
    border-radius: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
}

[class^="block-"] .card-body {
    background: white;
    padding: 40px;
    border-radius: 18px;
}

[class^="block-"] .card-header {
    padding: 10px 40px;
    min-height: 50px;
    font-weight: bold;
    font-size: 20px;
    background: #CCCCCC;
    border-bottom: 2px solid black;
    border-radius: 18px 18px 0 0;
}

/* HEADINGS */
[class^="block-"] h1 {
    font-size: 80px;
    font-weight: bold;
}

[class^="block-"] h2 {
    font-size: 60px;
    font-weight: bold;
}

[class^="block-"] h3 {
    font-size: 40px;
    font-weight: bold;
}

[class^="block-"] h4 {
    font-size: 30px;
    font-weight: bold;
}

[class^="block-"] h5 {
    margin-top: 20px;
    font-weight: bold;
}

[class^="block-"] p {
    font-size: 20px;
    line-height: normal;
    margin: 0;
}

/* CARD SOMBRA */
[class^="block-"] .card[data-card="sombra"] {
    border: 2px solid black;
    border-radius: 20px;
    -webkit-box-shadow: 10px 10px 0px 0px black;
    -moz-box-shadow: 10px 10px 0px 0px black;
    box-shadow: 10px 10px 0px 0px black;
}

/*
[class^="block-"] .card[data-card="sombra"] .card-header {
    display: none;
}*/

/* CARD ARREDONDADO */
[class^="block-"] .card[data-card="arredondado"] {
    border-top: 0 !important
}

[class^="block-"] .card[data-card="arredondado"] .card-header {
    border-radius: 30px !important;
    margin-top: 0;
    width: calc(100% + 30px);
    margin-left: -15px;
    border: 0;
}

/* CARD OFFSET */

[class^="block-"] .card[data-card="offset"] {
    border-radius: 8px !important;
    border: 0;
}

[class^="block-"] .card[data-card="offset"]::after {
    content: " ";
    position: absolute;
    transform: translate3d(-7px, -7px, 0);
    height: calc(100% + 2px);
    width: calc(100% + 2px);
    border: 3px solid black;
    box-sizing: border-box;
    border-radius: 8px;
}


/* MOLDURA */

[class^="block-"] .moldura .moldura-content {
    overflow-y: auto;
}

[class^="block-"] .moldura .column-sortable {
    overflow-y: auto;
}

[class^="block-"] .moldura .mockup {
    width: 100%;
    height: 100%;
    z-index: 0;
}

.moldura[data-moldura="macbook v1"] .moldura-content {
    position: absolute;
    width: 74.5%;
    height: 75.5%;
    top: 0;
    left: 0;
    z-index: 100;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    justify-content: normal;
    overflow: auto;
}

.moldura[data-moldura="macbook v2"] .moldura-content {
    position: absolute;
    width: 78.7%;
    height: 87%;
    margin-top: -2.8%;
    border-radius: 0%;
    top: 0;
    left: 0;
    z-index: 100;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-top-left-radius: 2% 3%;
    border-top-right-radius: 2% 3%;
}

.moldura[data-moldura="iphone"] .card-body {
    display: flex;
    justify-content: center;
}

.moldura[data-moldura="iphone"] .mockup {
    width: 50%;
    height: auto;
}

.moldura[data-moldura="iphone"] .mockup::after {
    content: url(./assets/images/mockups/iphone-notch.png);
    width: 50%;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}

.moldura[data-moldura="iphone"] .moldura-content {
    position: absolute;
    width: 44%;
    height: 94%;
    border-radius: 0%;
    top: 0;
    left: 0;
    z-index: 100;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 10% / 5%;
}

.moldura[data-moldura="imac"] .moldura-content {
    position: absolute;
    width: 91.8%;
    height: 64.7%;
    margin-top: -9.9%;
    border-radius: 0%;
    top: 0;
    left: 0;
    z-index: 100;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* ACCORDION */

[class^="block-"] .accordion,
[class^="block-"] .nav-tabs,
[class^="block-"] .tab-content {
    width: 100%;
}

[class^="block-"].fullsize {
    min-height: 100vh;
    display: flex;
    align-items: center;
}

[class^="block-"] .accordion .accordion-item {
    border: 2px solid black;
    margin-bottom: 10px;
    border-radius: 5px;
}

/* BOX */
.box {
    padding: 20px;
    background: #CCCCCC;
    border-radius: 10px;
}

.box.dashed {
    border: 4px dashed #CCCCCC;
    background: #e5e5e5;
}

.box .btn {
    margin: 5px;
    border-radius: 30px;
    padding: 10px 20px;
    font-size: 14px;
}

.gap h5 {
    font-size: 16px;
}

/* TABS */

[class^="block-"] .nav-tabs {
    border-bottom: 2px solid black;
}

[class^="block-"] .tab-content {
    border: 2px solid black;
    border-top: 0px;
    padding: 20px;
    background: white;
}

[class^="block-"] .nav-item {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

/* [class^="block-"] .nav-tabs .nav-link {
    background-color: #ffffff44;

} */

[class^="block-"] .nav-tabs .nav-link.active {
    border: 2px solid black;
    color: black;
    border-bottom: 2px solid white;
    margin-bottom: -2px !important;
    background-color: #00000000;
}

/* GRID */

.column-sortable {
    min-height: 100px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.grid-2 {
    display: grid;
    grid-template-columns: 1fr 20px 1fr;
}

.grid-3 {
    display: grid;
    grid-template-columns: 1fr 20px 1fr 20px 1fr;
}

.grid-4 {
    display: grid;
    grid-template-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
}

.gutter-col {
    grid-row: 1/-1;
    cursor: col-resize;
}

.gutter-col-1 {
    grid-column: 2;
}

.gutter-col-3 {
    grid-column: 4;
}

.gutter-col-5 {
    grid-column: 6;
}

.gutter-col {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==');
    cursor: col-resize;
    background-repeat: no-repeat;
    background-position: center;
}

/* MEMORY */

[class^="block-"] .memory-game {
    width: 100%;
    height: 630px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    perspective: 1000px;
}

[class^="block-"] .memory-card {
    width: calc(25% - 10px);
    /* height: calc(33.333% - 10px); */
    margin: 5px;
    position: relative;
    transform: scale(1);
    transform-style: preserve-3d;
    transition: transform .5s;
}

[class^="block-"] .memory-card:active {
    transform: scale(0.97);
    transition: transform .2s;
}

[class^="block-"] .memory-card.flip {
    transform: rotateY(180deg);
}

[class^="block-"] .front-face,
[class^="block-"] .back-face {
    width: 100%;
    /* height: 100%; */
    position: absolute;
    border-radius: 5px;
    backface-visibility: hidden;
}

[class^="block-"] .front-face {
    transform: rotateY(180deg);
}

/* ALIGN */

.min-h-100 {
    min-height: 100%;
}

.drag-drop-word {
    display: flex;
    flex-direction: column;
    align-items: end;
}

.drag-drop-word>.row {
    width: 100%;
}

.drag-drop-word .alert {
    width: 100%;
}

.drag-drop-word .btn-danger,
.ordene-item.bg-danger {
    color: #fff !important;
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}

.drag-drop-word .btn-success,
.ordene-item.bg-success {
    color: #fff !important;
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}

.ordene-item.bg-danger,
.ordene-item.bg-success {
    border-color: #FFF !important;
}


.girar{
    transform: rotate(90deg);
}


.drag-and-drop {
    display: flex;
    gap: 20px;
}

.drag-items, .drop-targets {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 200px;
}

.drag-item {
    padding: 5px;
    margin: 5px 0;
    background-color: #f0f0f0;
    cursor: move;
}

.drop-target {
    padding: 10px;
    margin: 5px 0;
    background-color: #e0e0e0;
    border: 1px dashed #999;
    text-align: center;
}







.questions,
.drag-drop-word,
.tool-wrapper .ckeditor {
    width: 100%;
}

.tool-wrapper{
    width: 100%;
    display: flex;
}

.tool-changer[data-align='align-right'][data-tool="text"],
.tool-changer[data-align='align-right'][data-tool="memory"],
.component-wrapper[data-align='align-right'][data-component="card"],
.component-wrapper[data-align='align-right'][data-component="moldura"],
.tool-changer[data-align='align-right'][data-tool="gap"],
.tool-changer[data-align='align-right'][data-tool="ordene"],
.tool-changer[data-align='align-right'][data-tool="slide"],
.tool-changer[data-align='align-right'][data-tool="video"],
.tool-changer[data-align='align-right'][data-tool="tooltip"],
.tool-changer[data-align='align-right'][data-tool="exam"] .wrapper,
.tool-changer[data-align='align-right'][data-tool="connect-two"],
.tool-changer[data-align='align-right'][data-tool="word-find"],
.tool-changer[data-align='align-right'][data-tool="drag-drop-word"],
.tool-changer[data-align='align-right'][data-tool="ebook"]{
    justify-items: end;
}

.tool-changer[data-align='align-center'][data-tool="exam"] .wrapper{
    justify-items: center;
}

.tool-changer[data-align='align-left'] .tool-wrapper,
.component-wrapper[data-align='align-left'] {
    justify-content: left;
}

.tool-changer[data-align='align-center'] .tool-wrapper,
.component-wrapper[data-align='align-center'] {
    justify-content: center;
}

.tool-changer[data-align='align-center'] .tool-wrapper,
.component-wrapper[data-align='align-center'] .card{
    margin: auto;
}

.tool-changer[data-align='align-right'] .tool-wrapper,
.component-wrapper[data-align='align-right'] {
    justify-content: right;
}

.tool-changer[data-align='align-justify'] .tool-wrapper,
.component-wrapper[data-align='align-justify'] {
    justify-content: justify;
}

.tool-changer[data-align='align-justify'] .tool-wrapper>a,
.tool-changer[data-align='align-justify'] .tool-wrapper>img {
    width: 100%;
}

.column-sortable[data-align-vertical='start'] {
    justify-content: start;
}

.column-sortable[data-align-vertical='end'] {
    justify-content: end;
}

/* TRILHA */

[class^="block-"] .icon-trilha {
    display: none;
}

/* SLIDER */
.carousel-control-next-icon,
.carousel-control-prev-icon {
    background-color: transparent;
    padding: 15px;
    border-radius: 50px;
    background-size: 100%;
    filter: invert(0.4);
}

.carousel-control-prev-icon {
    /* margin-left: -190px; */
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20"%3E%3Cpath d="M10 20A10 10 0 1 0 0 10a10 10 0 0 0 10 10zM8.711 4.3l5.7 5.766L8.7 15.711l-1.4-1.422 4.289-4.242-4.3-4.347z" fill="%23000000"/%3E%3C/svg%3E');
    transform: rotateY(180deg);
}

.carousel-control-next-icon {
    /* margin-left: 190px; */
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20"%3E%3Cpath d="M10 20A10 10 0 1 0 0 10a10 10 0 0 0 10 10zM8.711 4.3l5.7 5.766L8.7 15.711l-1.4-1.422 4.289-4.242-4.3-4.347z" fill="%23000000"/%3E%3C/svg%3E');
}

.carousel-control-prev,
.carousel-control-next {
    width: 50px;
}

[class^=carousel-control] span {
    height: 40px;
    width: 40px;
    margin: 0;
    padding: 0;
    aspect-ratio: 1/1;
    background-size: contain;
}

.carousel-control-prev {
    margin-left: -55px;
}

.carousel-control-next {
    margin-right: -55px;
}

.carousel-control-next,
.carousel-control-prev {
    opacity: 1;
}

/* TOOLTIP */
.course-tooltip .tooltip-inner {
    text-align: left;
    max-width: 500px;
    font-size: 16px;
    padding: 20px;
}

/* DEFAULT TEXT */

.text-huge {
    font-size: 50px;
    line-height: normal;
}

.text-big {
    font-size: 30px;
    line-height: normal;
}

.text-small {
    font-size: 16px;
    line-height: normal;
}

.text-tiny {
    font-size: 12px;
    line-height: normal;
}

/* MENU TRILHA */
.menu-trilha {

    width: 100%;

    .item {
        background: white;
        padding: 10px 15px;
        border-radius: 20px;
        text-align: center;
    }

    .nav-row>div {
        min-width: calc(25% - 20px);
    }

    .nav-row {
        display: flex;
        width: 100%;
        border: 2px solid white;
        border-radius: 20px;
        min-height: 50px;
        justify-content: space-between;
    }

    .nav .nav-row {
        border-left: 0px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        padding-right: 20px;
    }


    .nav:last-child .nav-row {
        min-height: auto;
        border-bottom: 0px;
        border-left: 0px;
        border-right: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        padding-right: 0px;
        margin-right: 20px;
    }

    .nav:after {
        border-radius: 20px;
        display: block;
        border: 2px solid white;
        content: "";
        width: 100%;
        height: 50px;
        margin-left: -20px;
        text-align: center;
        margin-right: -20px;
        margin-top: -2px;
    }

    .nav:before {
        content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAUCAYAAAAa2LrXAAAACXBIWXMAAAsTAAALEwEAmpwYAAABMElEQVRYhe2Y4W2DMBBGn6MMwAjdADYonaAZId0DqZHiPboC2SDdgG6STHD9kdAgIWSfjRJOzZP4g8T3zocF8jkR4Uk6awDnnP7JrikAqPwJIPVFWHc7EdEFdU0NfAL19U4LfEi5P+mrUS5ige51RkDPBjgD2/hqlCzYHW7gdMCQ94TSwhhwTzcwLqCniK0rCkPucQN1AfNi0H1rYNe8AF/agFkw7B7uwBYoswtKw6x7BfTb9zELMO5ezVPJ/+XSwMofgZ+HVGDcPdyBG+A7JywDs+7xUe7yXdgBr5ogKfcJB0vMu6fPwsrAWRZh0B0eJkQFyllKX8QIRwUYd4f/wpU/UvkaeGPyW+HaYE4KBtyp46wdtzdzALZ3HCktyp08jPwbLF4RkaTLuts9R/p5/AKcbAimAFgzhQAAAABJRU5ErkJggg==');
        display: block;
        width: 100%;
        text-align: center;
        margin-top: -59px;
        text-indent: -30px;
    }


    .nav:first-child:before {
        display: none;
    }


    .nav:last-child:after {
        display: none;
    }

    .nav:nth-child(odd):after {
        border-right: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .nav:nth-child(even):after {
        border-right: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    a {
        margin-top: -20px;
        display: block;
        margin-bottom: 30px;
        text-decoration: none;
        color: #2038cf;
        text-transform: uppercase;
    }
}

/* MENU */
.menu {
    width: 100%;
}

.menu .item .lock {
    display: none;
}

.menu .item.locked .open {
    display: none;
}

.menu .item.locked .lock {
    display: inline-block;
}

.menu .item,
.menu .item .item-header {
    background: none;
    border: 0px;
    text-align: center;
}

.menu .item {
    padding: 20px 0px;
}

.menu .item .item-body {
    color: white;
    text-align: center;
    font-weight: bold;
    padding: 10px 0px;
}

.menu .nav a:has(.locked) {
    cursor: not-allowed;
    pointer-events: none;
}

.menu .nav a {
    text-decoration: none;
    color: black;
}


[class^="block-"] .questions {
    display: flex !important;
    align-items: normal !important;
    flex-direction: column !important;
}

[class^="block-"] .questions #question {
    margin-bottom: 20px;
}

[class^="block-"] .questions.h .form-questions {
    display: flex !important;
    align-items: center !important;
    justify-content: space-around;
    flex-direction: row;
    text-align: center;
    gap: 20px;
}

[class^="block-"] .questions.h .form-check {
    background: none;
    width: auto !important;
    display: flex;
    flex-direction: column-reverse;
}

[class^="block-"] .questions.h .form-check .bg-input-check {
    width: 100%;
    background-color: #D6D6D6;
    padding: 5px;
}


[class^="block-"] .questions.h .form-check .bg-input-check .form-check-input {
    float: none;
    margin-left: auto;
}

/* .bg-transparent {
    border: 0px !important;
} */

/* BUTTON */

.tool-changer[data-tool="button"] .tool-wrapper .btn {
    border: none;
    padding: 10px 40px;
    font-weight: bold;
    border-radius: 30px;
}

.tool-changer[data-tool="button"] .btn[data-hidden="true"].disabled {
    visibility: hidden;
}

/* FLIP CARD */

.flip-box {
    background-color: transparent;
    perspective: 1000px;
    /* Remove this if you don't want the 3D effect */
}

.flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 500px;
    /* text-align: center; */
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.flip-box.flip .flip-box-inner {
    transform: rotateY(180deg);
}

.flip-box-front,
.flip-box-back {
    /*position: absolute;*/
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    /* Safari */
    backface-visibility: hidden;
    border-radius: 10px;
}

.flip-box-front {
    color: black;
}

.flip-box-front img {
    border-radius: 10px;
}

.flip-box-back {
    padding: 40px;
    position: absolute;
    top: 0px;
    background-color: #FFF;
    font-size: 20px;
    color: #212529;
    transform: rotateY(180deg);
    box-shadow: 0px 3px 10px rgba(118, 118, 118, 0.3);
}

[data-tool="slide"] .tool-wrapper>div {
    width: 100%;
}

#gap-options {
    min-height: 50px;
}


.gap {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: stretch;
}

.gap .box {
    padding: 0px;
    min-width: 140px !important;
    min-height: 53px;
}

.gap .slots .option-item {
    margin: 0;
}

.gap .btn-danger {
    color: #fff !important;
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}

.gap .btn-success {
    color: #fff !important;
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}

.gap .alert {
    width: 100%;
}

.questions,
.gap,
.tool-wrapper .ckeditor {
    width: 100%;
}

.edit.quiz img {
    max-width: 140px;
    max-height: 100%;
}

.questions.h {
    display: flex;
}

.card-header select,
.card-header .btn {
    width: auto;
    float: right;
}

/* ORDENE */

[class^="block-"] .ordene {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: end;
}

[class^="block-"] .ordene ul.numeric-order {
    font-size: 30px;
}

[class^="block-"] .ordene ul.numeric-order li {
    justify-content: right;
    font-weight: 700;
}

[class^="block-"] .ordene li {
    height: 55px;
    display: flex;
    align-items: center;
    cursor: grab;
}

[class^="block-"] .ordene li:active,
[class^="block-"] .ordene li::selection {
    cursor: grabbing!important;
}

[class^="block-"] .ordene ul.words-list {
    font-size: 18px !important
}

/* CKEDITOR LISTAS */
.ckeditor ul {
    list-style-type: disc;
}

/* TAMANHO PADRÃO EDITOR HTML */

#editor {
    width: 100%;
    height: 400px;
}


/* AVALIAÇÃO */

.tool-changer[data-tool="exam"] .wrapper {
    width: 100%;
}

#defaultModal[data-tool="exam"] .carousel-control-next,
#defaultModal[data-tool="exam"] .carousel-control-prev {
    top: calc(50% - 16px);
    height: max-content;
    /* width: 30px; */
}

#defaultModal[data-tool="exam"] .btn-remove-quiz {
    z-index: 10;
    cursor: pointer;
}

.tool-changer[data-tool="exam"] .circle {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 128px;
    height: 128px;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
    font-size: 60px;
}

.tool-changer[data-tool="exam"] .form-check {
    box-shadow: 0px 4px 8px 0 #0000002b;
}

.tool-changer[data-tool="exam"] .progress-indicator p span {
    font-size: 48px;
    font-weight: bold
}

.tool-changer[data-tool="exam"] .progress-indicator p small {
    font-size: 25px;
    font-weight: normal;
}

.tool-changer[data-tool="exam"] .circle-background-success,
.tool-changer[data-tool="exam"] .circle-background-danger {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 128px;
}

.tool-changer[data-tool="exam"] .circle-background-success {
    background: #1FAD2D;
}

.tool-changer[data-tool="exam"] .circle-background-danger {
    background: red;
}

.tool-changer[data-tool="exam"] .message-success .circle {
    background-color: #e3fae1;
    border: 3px solid #1FAD2D;
    color: darkgreen;
    margin-top: 64px;
}

.tool-changer[data-tool="exam"] .message-success p {
    margin-top: 30px;
}

.tool-changer[data-tool="exam"] .message-success .feedback-title {
    font-size: 40px;
}

.tool-changer[data-tool="exam"] .message-danger .circle {
    background-color: #e9a4a4;
    border: 3px solid red;
    color: darkred;
    margin-top: 64px;
}

.tool-changer[data-tool="exam"] .message-danger small {
    margin-top: 30px;
}

.tool-changer[data-tool="exam"] .message-danger .feedback-title {
    font-size: 40px;
}

.tool-changer[data-tool="exam"] .message-success+div .btn-next,
.tool-changer[data-tool="exam"] .message-danger+div .btn-next {
    background: black;
    border-radius: 20px;
    padding: 10px 30px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    border: none;
    margin-top: 35px;
}

.tool-changer[data-tool="exam"] .form-check-label {
    cursor: pointer;
    width: 100%;
}

.tool-changer[data-tool="exam"] .modal.questionFeedbackPopupAlert .modal-dialog {
    max-width: 343px;
}

.tool-changer[data-tool="exam"] .modal.questionFeedbackPopupAlert .modal-body {
    padding-top: 0 !important;
}

.tool-changer[data-tool="exam"] .modal.questionFeedbackPopupAlert .modal-content {
    border-radius: 0 !important;
    border: none !important;
}

.tool-changer[data-tool="exam"] .result .nota-final {
    font-size: 160px;
}

.tool-changer[data-tool="exam"] .result .mensagem-resultado {
    font-size: 24px;
}

.tool-changer[data-tool="slide"] {
    padding: 2px 60px;
}

/*Novo CSS do Edit da Sidebar*/
.new-card {
   border-color: #e1e3f9 ;
}

[data-tool='accordion'] .icon-edit-trash,
[data-tool='gap'] .icon-edit-trash,
[data-tool='ordene'] .icon-edit-trash,
[data-tool='quiz'] .icon-edit-trash,
[data-tool='connect-two'] .icon-edit-trash,
[data-tool='tabs'] .icon-edit-trash{
    font-size: 11px;
    color: red;
}

[data-tool='accordion'] .title-acordion{
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 5px;
}

[data-tool='accordion'] .card-body{
    padding: 6px;
    border: none;
}


.select2-dropdown{
    background-color: #E6E9FF!important;
    font-size: 12px;
    border: 1px solid #E1E3F9!important;
}

.select2-container--default .select2-results__option--selected{
    background-color: transparent!important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background-color: #5897fb!important;
    color: white;
}

[data-tool='accordion'] .btn-add,
[data-tool='ordene'] .btn-add,
[data-tool='gap'] .btn-add,
[data-tool='tabs'] .btn-add,
[data-tool='exam'] .btn-add,
[data-tool='connect-two'] .btn-add,
[data-tool='quiz'] .btn-add{
    width: 100%;
    border-radius: 8px;
    border-width: 0;
    text-align: center;
    color: #a0a2b7;
    background-color: #e6e9ff;
    font-size: 11px;
    font-weight: 700;
    margin-top: 15px;
}

#offcanvasSidebar .btn-add:hover{
    color: #FFF;
}
.form-control{
    /* width: 100px; */
    /* height: 28px; */
    /* font-size: 10px; */
}


.clr-field{
    position: relative;
    width: 100px;
    height: 28px;
    font-size: 14px;

    button{
        position: absolute;
        top: 0;
        left: 0;
        width: 25px!important;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;

    }
    .form-control{
        text-align: center;
        padding-left: 30px;
        font-size: 12px;
    }
}

.form-label{
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 0;
}

.form-group {
    width: 100%;
    padding: 0;
}

#exam-tabs .nav-link{
    color: #A0A2B7;
    font-size: 14px;
    padding: 0;
    display: flex;
    align-items: center;
    font-weight: 600;
    margin-bottom: 5px;
}

#exam-tabs .nav-link.active{
    color: #547DFD;
}

#exam-tabs .nav-link i{
    margin-right: 5px;
    font-size: 11px;
}

#exam-tabsContent{
    padding: 25px;
    width: calc(100% - 200px);
    margin-left: auto;
}

.sidebarModal .title,
#exam-tabsContent .title{
    color: #434557;
    font-size: 14px;
    font-weight: 600;
}

#exam-tabsContent .title{
    color: #547DFD;
}

#exam-tabsContent .title-question{
    font-size: 22px;
    font-weight: 600;
    color: #434557;
    margin-bottom: 30px;
}

#exam-tabsContent .title-question .btn-remove-quiz{
    font-size: 16px;
}

#exam-tabsContent input.form-control{
    font-size: 14px;
    padding: 10px;
}

#exam-tabsContent .btn-remove{
     color: #E1E3F9;
     font-size: 14px;
}

/* POPUP */
[data-type="image"] .modal-body {
    padding: 0px !important;
}

[data-type="image"] .modal-header span {
    display: none;
}

.sidebarModal .btn-add-quiz{
    color: #547DFD;
    font-size: 10px!important;
    text-transform: uppercase;
    font-weight: 600;
}