#main {

    padding-left: 240px;

    height: calc(100vh - 134px);

    overflow: auto;

}



#header nav {

    background-color: #be6b84!important;

    padding: 7px;

}



#header img {

    width: 100%;

    height: 40px;

    object-fit: contain;

    object-position: right;

    padding: 0;

}



#header nav .brand-logo {

    right: 0px !important;

    transform: none !important;

    padding: 0 !important;

}



#header .sidebar-collapse {

    position: relative !important;

    top: 0 !important;

    left: 0 !important;

    background-color: transparent !important;

    box-shadow: none !important;

}



@media(min-width: 993px) {

    #header nav {

        padding: 0 2px;

    }

    #header img {

        height: 40px;

    }

    #header nav .brand-logo {

        padding: 10px !important;

    }

}



.side-nav {

    height: calc(100vh - 60px) !important;

}



#slide-out li a i {

    margin-right: 5px !important;

}



.ps-scrollbar-y-rail {

    height: 0 !important;

    position: relative;

    overflow: hidden;

}



.collapsible .bold.active .collapsible-header {

    color: #96c600 !important;

}



.collapsible .bold.active a {

    color: #666 !important;

}



.badge {

    background-color: rgb(54, 24, 207) !important;

}



.profile-btn {

    margin-top: 8px !important;

    height: auto !important;

    line-height: 1.5em !important;

}



footer .container {

    position: relative;

    font-size: .8em;

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: nowrap;

}



footer {

    background-color: rgb(54, 24, 207) !important;

    position: relative;

}



footer::before {

    content: '';

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, .7);

    position: absolute;

    left: 0;

    top: 0;

}



footer img {

    width: auto;

    height: 20px;

    object-fit: contain;

    position: relative;

    margin-left: 10px;

    top: 5px;

}



footer a {

    font-size: .8em;

    color: #fff;

    text-transform: uppercase;

    position: relative;

    display: flex;

    align-items: center;

    flex-wrap: nowrap;

    justify-content: center;

    font-weight: bold;

    top: 2px;

}



.painel .card p {

    font-weight: bold;

    font-size: 1.25em;

}



.painel h4 {

    font-size: 2em;

}



#main {

    padding-left: 0 !important;

}



@media(min-width: 993px) {

    #main {

        padding-left: 240px !important;

    }

}



#slide-out svg {

    line-height: inherit;

    width: 2rem;

    font-size: 1.5rem;

    display: block;

    float: left;

    text-align: center;

    margin-right: 5px;

    position: relative;

    top: 8px;

}





/*-------- Pagina de login --------*/



.login {

    background-color: rgb(54, 24, 207);

    min-height: 100vh;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 20px;

}



.login .box {

    max-width: 350px;

    width: 100% !important;

    border-bottom: 4px solid rgba(255, 255, 255, .7);

    padding-bottom: 65px;

}



.login .center {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 30px;

}



.login .center::before {

    content: '';

    width: 100%;

    height: 4px;

    background-color: rgba(255, 255, 255, .7);

    position: absolute;

    left: 0;

}



.login .center svg {

    width: 90px !important;

    height: 90px !important;

    color: rgba(255, 255, 255, .7);

    border: 4px solid rgba(255, 255, 255, .7);

    border-radius: 50%;

    padding: 20px;

    background-color: rgb(54, 24, 207);

    position: relative;

}



.login label {

    display: flex;

    align-items: center;

    flex-wrap: nowrap;

    margin-bottom: 15px;

}



.login label svg {

    color: rgba(255, 255, 255, .7);

    border: 1px solid rgba(255, 255, 255, .7);

    width: 50px !important;

    height: 50px;

    padding: 12px;

}



.login input {

    padding-left: 1em !important;

    width: calc(100% - 1em) !important;

    height: 50px !important;

    background-color: rgba(255, 255, 255, .7) !important;

    border: none !important;

    margin: 0 !important;

    color: rgb(54, 24, 207) !important;

    box-shadow: none !important;

}



.login input::placeholder {

    color: rgb(54, 24, 207);

}



.login a {

    width: 100%;

    float: left;

    text-align: right;

    color: rgba(255, 255, 255, .5);

}



.login .btn {

    width: 100%;

    height: 50px;

    line-height: 50px;

    background-color: #32CD32 !important;

    box-shadow: none !important;

    margin-top: 15px;

    font-weight: bold;

}



.login .card {

    box-shadow: none !important;

}



.login .red {

    background-color: rgba(216, 62, 62, .7) !important;

}



.login .green {

    background-color: rgba(76, 175, 80, .7) !important;

}



.login .card .card-content {

    padding: 10px 20px;

    display: flex;

    align-items: center;

}



.login .card p {

    margin: 0;

    position: relative;

    top: -2px;

}



.login .close {

    position: absolute;

    top: 10px !important;

}





/*-------- Controller Banner --------*/



.banners {

    padding: 5%;

}



.banners h2 {

    font-size: 1.75em;

    margin-top: 0;

    font-weight: bold;

    color: #191D55;

}



.banners h3 {

    display: flex;

    align-items: center;

    flex-wrap: nowrap;

    justify-content: space-between;

    border: 1px solid #ccc;

    background-color: rgb(235, 232, 232);

    padding: 5px 20px;

    padding-right: 5px;

    margin: 0;

    font-size: 1.25em;

    font-weight: bold;

    color: #666;

    height: 46px;

}



.banners h3 .btn {

    font-size: .8em;

    padding: 0 1em;

    text-transform: none;

    font-weight: normal;

    background-color: #40cd28 !important;

    box-shadow: none !important;

}



.banners ul {

    margin: 0 !important;

    border: 1px solid #ccc;

    margin-bottom: 20px !important;

}



.banners li {

    display: flex;

    align-items: center;

    flex-wrap: nowrap;

    justify-content: space-between;

    padding: 10px 20px;

    padding-right: 5px;

}



.banners li a:not(.btn) {

    display: flex;

    align-items: center;

    flex-wrap: nowrap;

}



.banners li a:not(.btn):hover h4,

.banners li a:not(.btn):hover p {

    text-decoration: underline;

}



.banners img {

    width: 60px;

    height: 60px;

    object-fit: cover;

    border-radius: 10px;

    margin-right: 20px;

    margin-bottom: -6px;

}



.banners h4 {

    margin: 0;

    font-size: 1.25em;

    font-weight: bold;

    color: #666;

}



.banners p {

    margin: 0;

    font-size: .9em;

    color: #666;

}



.banners li .btn {

    padding: 0 1em;

    background-color: #dd3341 !important;

    box-shadow: none !important;

}



.banners h5 {

    text-align: center;

    font-size: 1em;

    color: #666;

    padding: 10px 20px;

}





/*-------- Cadastro de Banner --------*/



.banner {

    padding: 20px;

}



.banner h2 {

    margin-top: 20px;

    font-size: 2em;

    color: #191D55;

    font-weight: bold;

}



.banner label {

    font-size: 1em;

}



.banner input {

    margin: 0 !important;

    margin-top: 5px !important;

    margin-bottom: 15px !important;

    background-color: white !important;

    color: #999999 !important;

    padding-left: 1em !important;

    width: calc(100% - 1em) !important;

    border: 1px solid #999 !important;

    border-radius: 5px !important;

    font-size: .9em !important;

    box-shadow: none !important;

}



.banner .large .dropify-wrapper,

.banner .large .dropify-preview img {

    height: 500px !important;

}



.banner input::placeholder {

    color: #666;

    font-size: 1em !important;

}



@media(min-width: 601px) {

    .banner .col:nth-of-type(2) {

        margin-top: -50px;

    }

}



.banner .layout {

    border: 1px solid #ccc;

    padding: 10px;

    border-radius: 10px;

}



.banner h4 {

    text-align: center;

    font-size: .9em;

    text-transform: uppercase;

    color: #666;

    margin: 0;

    font-weight: bold;

}



.banner small {

    font-size: 1em;

    line-height: 1.25em;

    margin-top: -15px;

    width: 100%;

    float: left;

}



.layout {

    width: 100%;

    float: left;

    margin: 10px 0;

    margin-bottom: 20px;

}



.layout .full-banner {

    width: 100%;

    height: 50px;

    border: 1px solid #ccc;

    border-radius: 5px;

    padding: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 10px;

    transition: all .5s;

}



.layout .banner-vitrine,

.layout .small-banners,

.layout .mini-banners {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: nowrap;

    margin-bottom: 10px;

}



.layout .banner-vitrine {

    flex-wrap: wrap;

    margin-bottom: 0;

}



.layout .banner-vitrine div {

    width: calc((100% / 3) - 5px);

    margin-bottom: 10px;

    height: 50px;

    border: 1px solid #ccc;

    border-radius: 5px;

    padding: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all .5s;

}



.layout .mini-banners div {

    width: calc((100% / 3) - 5px);

    height: 50px;

    border: 1px solid #ccc;

    border-radius: 5px;

    padding: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all .5s;

}



.layout .small-banners div {

    width: calc(100%);

    height: 50px;

    border: 1px solid #ccc;

    border-radius: 5px;

    padding: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all .5s;

}



.layout .full-banner:hover h4,

.layout .banner-vitrine:hover h4,

.layout .mini-banners:hover h4,

.layout .small-banners:hover h4,

.layout .full-banner.active h4,

.layout .banner-vitrine.active h4,

.layout .mini-banners.active h4,

.layout .small-banners.active h4 {

    color: #fff;

}



.layout .full-banner:hover,

.layout .full-banner.active {

    background-color: #305179;

}



.layout .banner-vitrine:hover div,

.layout .banner-vitrine.active div {

    background-color: #61c5b9;

}



.layout .mini-banners:hover div,

.layout .mini-banners.active div {

    background-color: #ec4168;

}



.layout .small-banners:hover div,

.layout .small-banners.active div {

    background-color: #ffca2c;

}



.banner h3 {

    font-size: 1.5em;

    margin-top: 0;

    color: #666;

    font-weight: bold;

}



.banner p {

    margin: 0;

}



.banner .dropify-wrapper {

    width: 100% !important;

    height: 150px !important;

    text-align: center !important;

    margin: 20px auto;

    padding: 0 !important;

}



.banner .dropify-wrapper button {

    display: none !important;

}



.banner .dropify-preview img {

    width: 100% !important;

    height: 150px !important;

    object-fit: contain !important;

    padding: 10px !important;

}



.banner .dropify-wrapper .dropify-message p {

    text-align: center;

    padding: 0 10px;

}



.banner .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos {

    background-color: #ccc;

    padding: 10px;

}



.banner .card {

    margin-bottom: 0 !important;

    box-shadow: none;

}



.banner .card .card-content {

    padding: 5px 10px;

    display: flex;

    align-items: center;

    border: 1px solid #03a9f4 !important;

    color: #03a9f4 !important;

}



.banner .orange {

    background-color: #fff !important;

}



.banner .card p {

    margin: 0;

    position: relative;

    top: -2px;

    line-height: 1.25em;

    font-size: .8em;

    padding-right: 15px;

}



.banner .close {

    position: absolute;

    top: 4px !important;

    color: #03a9f4 !important;

}



.banner .btn {

    line-height: 3em;

    height: 3em;

    text-transform: none;

    background-color: #40cd28 !important;

    float: right;

    box-shadow: none !important;

}





/*-------- Cadastro --------*/



.cadastro {

    padding: 20px;

}



.cadastro h2 {

    font-size: 2em;

    color: #96c600;

    font-weight: bold;

    margin: 0;

}



.cadastro fieldset {

    width: 100%;

    max-width: 900px;

}



.cadastro label {

    font-size: 1em;

}



.cadastro label[for="description"] p {

    text-align: left !important;

}



.cadastro .ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline.ck-blurred {

    padding: 10px 20px !important;

}



.cadastro input {

    margin: 0 !important;

    margin-top: 5px !important;

    margin-bottom: 15px !important;

    background-color: white !important;

    color: #999999 !important;

    padding-left: 1em !important;

    width: calc(100% - 1em) !important;

    border: 1px solid #999 !important;

    border-radius: 5px !important;

    font-size: .9em !important;

}



.cadastro textarea {

    margin: 0 !important;

    margin-top: 5px !important;

    margin-bottom: 15px !important;

    background-color: white !important;

    color: #999999 !important;

    padding: 1em !important;

    width: 100% !important;

    border: 1px solid #999 !important;

    border-radius: 5px !important;

    font-size: .9em !important;

    resize: none;

    height: 8em !important;

    outline: none !important;

}



.cadastro select {

    margin: 0 !important;

    margin-top: 5px !important;

    margin-bottom: 15px !important;

    background-color: white !important;

    color: #999999 !important;

    padding-left: 1em !important;

    width: calc(100%) !important;

    border: 1px solid #999 !important;

    border-radius: 5px !important;

    font-size: .9em !important;

}



.cadastro input::placeholder {

    color: #666;

    font-size: 1em !important;

}



.cadastro h3 {

    font-size: 1.1em;

    font-weight: bold;

}



.cadastro .sortable li {

    display: block !important;

    text-align: left;

    background-color: rgb(230, 227, 227);

    padding: 30px !important;

    position: relative;

    margin-top: 40px !important;

    padding-right: 90px !important;

    border: 1px solid #999;

}



.cadastro .sortable h4 {

    background-color: rgb(54, 24, 207);

    color: white;

    font-weight: bold;

    font-size: 1.1em;

    width: fit-content;

    padding: 5px 20px;

    border-radius: 10px 10px 0 0;

    position: absolute;

    top: -47px;

    left: -1px;

    height: 30px;

}



.cadastro .sortable li p {

    text-align: left !important;

    margin-top: 5px !important;

}



.cadastro .sortable li p:nth-of-type(2) {

    width: 45% !important;

    margin: 0;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    font-size: .9em;

}



.cadastro .sortable li div:not(.content) {

    position: absolute;

    right: 0;

    top: 0;

    width: 60px;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    border-left: 1px solid #999;

    cursor: move;

}



.cadastro .content {

    position: relative;

    overflow: hidden;

    height: 50px;

}



.cadastro .content::before {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    bottom: 0;

    left: 0;

    background: rgb(230, 227, 227);

    background: linear-gradient(0deg, rgb(230, 227, 227) 0%, rgba(255, 255, 255, 0) 100%);

}



.cadastro article.col h3 {

    display: flex;

    align-items: center;

    justify-content: space-between;

    background-color: rgb(54, 24, 207);

    color: white;

    padding-left: 20px;

}



.cadastro .new {

    width: fit-content;

    float: left;

    background-color: rgb(230, 227, 227);

    border: 1px solid #999;

    padding: 5px 10px;

    color: #666;

    position: relative;

}



.cadastro .new svg {

    color: #666;

    font-size: 1.25em;

    margin-right: 10px;

}



@media(min-width: 601px) {

    .cadastro .flex {

        display: flex;

        align-items: center;

        justify-content: space-between;

        flex-wrap: wrap;

        margin-top: 10px;

    }

}



.cadastro [type="checkbox"]+label {

    font-size: 1em !important;

    padding-left: 25px;

    margin-right: 10px;

}



.cadastro [type="checkbox"].filled-in:not(:checked)+label:after {

    border: 1px solid #32CD32;

}



.cadastro [type="checkbox"].filled-in:checked+label:after {

    border: 1px solid #32CD32;

    background-color: #32CD32;

}



.access p {

    text-align: left !important;

    margin-bottom: 10px !important;

    padding-bottom: 20px !important;

    border-bottom: 2px solid #333;

    line-height: 1em !important;

}



.access .col p {

    text-align: left !important;

    margin-bottom: 0px;

    padding-bottom: 0px !important;

    border-bottom: none;

}



.access [type="checkbox"]+label {

    font-size: .9em !important;

    padding-left: 25px;

    margin-right: 10px;

    text-align: left !important;

    margin-top: 20px;

    line-height: 1.5em !important;

}



.cadastro fieldset {

    width: 100%;

    max-width: 100% !important;

}



.access [type="checkbox"].filled-in:not(:checked)+label:after {

    border: 1px solid #be6b84;

}



.access [type="checkbox"].filled-in:checked+label:after {

    border: 1px solid #be6b84;

    background-color: #be6b84;

}



.cadastro p {

    margin: 0 !important;

}



.cadastro p:last-child [type="checkbox"]+label {

    margin: 0 !important;

}



.cadastro .btn {

    padding: 0 2em;

    height: 2.5em;

    line-height: 2.5em;

    box-shadow: none !important;

    background-color: #be6b84 !important;

    font-weight: bold;

    border-radius: 10px;

    text-transform: none;

    font-size: .9em;

}



.cadastro hgroup {

    display: flex;

    align-items: center !important;

    justify-content: space-between !important;

}



.cadastro .btn-large {

    padding: 0 1em;

    height: 2.5em;

    line-height: 2.5em;

    box-shadow: none !important;

    background-color: #32CD32 !important;

    font-weight: bold;

    font-size: .8em;

    border-radius: 10px;

    text-transform: none;

}



.cadastro ul img {

    width: 50px;

    height: 50px;

    object-fit: contain;

    border: 1px solid #000;

    margin-right: 10px;

}



.cadastro ul p {

    font-size: .9em;

    color: #666;

    margin: 0;

    line-height: 1.25em;

}



.cadastro strong {

    color: #000;

}



.cadastro ul div p:first-child strong {

    color: rgb(54, 24, 207);

}



.cadastro ul .remove {

    background-color: #c4302b;

    color: white;

    padding: 5px 10px;

    border-radius: 5px;

    position: absolute;

    bottom: -15px;

    right: -10px;

}



.cadastro label[for="description"] h1,

.cadastro label[for="description"] h2 .cadastro label[for="description"] h3,

.cadastro label[for="description"] h4 {

    font-size: 1.5em !important;

    color: #666 !important;

    background-color: transparent !important;

}



.cadastro label[for="description"] ul {

    padding-left: 20px !important;

}



.cadastro label[for="description"] li {

    list-style: disc;

}



.cadastro .sortable li {

    display: flex;

    align-items: center;

    width: 100%;

    float: left;

    margin-top: 10px;

}



.cadastro .center {

    margin-top: 10px;

}



.cadastro .center label {

    color: #32CD32;

    font-weight: bold;

    margin-bottom: 10px;

}



.cadastro .flex {

    width: 100%;

    float: left;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 20px;

}



.cadastro .flex .dropify-wrapper button {

    display: none !important;

}



.cadastro .flex .dropify-wrapper p {

    font-size: .7em !important;

    line-height: .9em !important;

    padding: 0 20px !important;

}



.cadastro .flex .dropify-wrapper,

.cadastro .flex .dropify-wrapper img {

    width: 120px !important;

    height: 120px !important;

}



.cadastro .dropify-wrapper {

    width: 100% !important;

    height: 200px !important;

    padding: 0 !important;

    margin: 0 auto;

}



.cadastro .dropify-wrapper img {

    width: 100% !important;

    height: 200px !important;

    object-fit: cover !important;

    object-position: center;

}



.cadastro .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p,

.cadastro .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p {

    width: 100% !important;

    white-space: normal !important;

    line-height: 1.25em !important;

}



.cadastro form p {

    text-align: center;

}



.question fieldset {

    max-width: 100% !important;

}



.question h2 {

    font-size: 1.1em;

    color: #fff;

    background-color: #191D55;

    padding: 10px;

}



.question .col:nth-of-type(1) img {

    width: 50px;

    height: 50px;

    object-fit: cover;

    object-position: top;

    border-radius: 50%;

    margin-bottom: 0px !important;

}



.question .col:nth-of-type(1) figure {

    border: 1px solid #be6b84;

    border-radius: 20px 20px 0 0;

    padding: 5px 1em;

    display: flex;

    align-items: center;

}



.question .col:nth-of-type(1) figcaption {

    display: block !important;

    margin-left: 10px;

    font-weight: bold;

    color: #be6b84;

    line-height: 1em;

}



.question .col:nth-of-type(1) figcaption p {

    color: #03a9f4;

    font-size: .8em;

    margin: 0;

}



.question #tags {

    display: flex;

    align-items: center;

    justify-content: start;

    flex-wrap: wrap;

    margin-top: 10px !important;

    padding-left: 2px !important;

}



.question #tags li {

    border-left: 4px solid #be6b84;

    padding-left: 8px;

    border-radius: 5px;

    margin-right: 10px;

    margin-top: 5px;

}



.question #tags li a {

    color: #000 !important;

}



.question .content {

    height: auto !important;

    word-break: break-word;

}



.question #content p {

    margin-bottom: 10px !important;

    line-height: 1.25em;

}



.question .content::before {

    content: none;

}



.question .col:nth-of-type(1) .flex {

    display: flex;

    align-items: center;

    flex-wrap: nowrap;

}



.question .col:nth-of-type(1) .flex p {

    color: #c4302b;

    font-size: .7em;

    line-height: 1em;

    margin: 0;

}



.question .col:nth-of-type(1) .flex .btn {

    background-color: #c4302b !important;

    margin-left: 30px;

    padding: 0;

    width: 70px;

}



.question .col:nth-of-type(2) .flex {

    display: flex;

    align-items: center;

    flex-wrap: nowrap;

    justify-content: space-between;

    width: 100%;

    float: left;

}



.question .col:nth-of-type(2) .btn {

    height: 3em;

    line-height: 3em;

}



.question .switch label {

    font-weight: bold;

}



.question .switch label input[type=checkbox]:checked+.lever {

    background-color: #ccc !important;

}



.question .switch label input[type=checkbox]:checked+.lever:after {

    background-color: #305179;

}



.question .box {

    width: 100%;

    float: left;

}



.question .box img {

    width: 50px;

    height: 50px;

    object-fit: cover;

    object-position: top;

    border-radius: 50%;

    margin-bottom: 0px !important;

}

.teacher .owl-carousel {
    display: flex;
    align-items: center;
    justify-content: center;
}

.teacher .owl-carousel .item {
    text-align: center;
}

.question .box figure {

    border: 1px solid #be6b84;

    border-radius: 30px 0px 0 0;

    padding: 5px 1em;

    display: flex;

    align-items: center;

}



.question .box figcaption {

    display: block !important;

    margin-left: 10px;

    font-weight: bold;

    color: #be6b84;

    line-height: 1em;

}



.question .box figcaption p {

    color: #03a9f4;

    font-size: .8em;

    margin: 0;

}



.question .box .content {

    background-color: #be6b84;

    color: white;

    padding: 20px;

    font-size: .8em;

}



.question .box .content p,

.question .box .content strong,

.question .box .content a,

.question .box .content h1,

.question .box .content h2,

.question .box .content h3 {

    color: currentColor;

}



.question .box {

    position: relative;

    margin-bottom: 2em;

}



.question .box .btn {

    background-color: #c4302b !important;

    position: absolute;

    top: -15px;

    right: -15px;

    padding: 0;

    width: 35px;

    height: 35px !important;

    line-height: 35px !important;

    border-radius: 50%;

}



.question h4 {

    font-size: 1em;

    font-weight: bold;

    color: #be6b84;

}



.question h4 svg {

    color: #32CD32;

    font-size: 2em;

}



.conteudo.a form {

    min-height: 150px;

    max-height: 400px;

    overflow: auto;

    padding-bottom: 70px !important;

}



.material-tooltip {

    border-radius: 10px !important;

    padding: 10px 10px !important;

    padding-bottom: 15px !important;

    max-width: 300px;

    line-height: .8em !important;

    height: auto !important;

    min-height: auto !important;

}



.material-tooltip span {

    font-size: .8em;

    line-height: .6em !important;

}



.backdrop {

    background-color: #32CD32 !important;

}



#images {

    padding: 20px;

}



#images .input p:first-child {

    text-align: left;

    margin: 0;

    margin-bottom: 10px;

}



#images .input {

    margin-bottom: 15px;

}



#images .start {

    margin-bottom: 2em !important;

    width: 100%;

    float: left;

}



#images .col {

    position: relative;

}



#images .col .tooltipped {

    position: absolute;

    bottom: 25px;

    right: calc(.75rem + 10px);

    z-index: 1;

}



#images label {

    font-size: 1em;

}



#images input {

    margin: 0 !important;

    margin-bottom: 15px !important;

    background-color: white !important;

    color: #999999 !important;

    padding-left: 1em !important;

    padding-right: 30px !important;

    width: calc(100% - 1.2em - 30px) !important;

    border: 1px solid #ccc !important;

    border-radius: 0 0 5px 5px !important;

    font-size: .9em !important;

}



#images input::placeholder {

    color: #999;

    font-size: 1em !important;

}



#images img {

    width: 100%;

    height: 200px;

    object-fit: cover;

    margin-bottom: -6px;

}



#images .m6::before {

    content: '';

    width: calc(100% - 1.5rem);

    height: 200px;

    position: absolute;

    top: 0;

    left: .75rem;

    background-color: rgba(0, 0, 0, .7);

    transition: all .5s;

}



#images .start .dropify-wrapper {

    border: none !important;

}



#images .dropify-wrapper {

    border: 2px dashed #32CD32 !important;

}



#images .dropify-wrapper .dropify-preview {

    padding: 0 !important;

}



#images .remove {

    background: 0 0;

    border: 2px solid #FFF;

    text-transform: uppercase;

    font-size: 11px;

    padding: 4px 8px;

    font-weight: 700;

    color: #FFF;

    -webkit-transition: all .15s linear;

    transition: all .15s linear;

    position: absolute;

    top: 10px;

    right: calc(.75rem + 10px);

    z-index: 1;

    height: 35px;

    transition: all 0.5s;

}



#images .remove:hover {

    background: rgba(255, 255, 255, .2);

}



@media(min-width: 993px) {

    #images .m6::before,

    #images .remove {

        opacity: 0;

        cursor: pointer;

    }

    #images .m6:hover::before,

    #images .m6:hover .remove {

        opacity: 1;

    }

}



#images form p {

    text-align: center;

}



#images .dropify-wrapper input {

    width: 100% !important;

    height: 100% !important;

}



#images .dropify-wrapper {

    width: 100% !important;

    height: 200px !important;

    padding: 0 !important;

    margin-right: 20px;

    transition: all .5s;

}



#images .input {

    transition: all .5s;

}



#images .input.drag-over p {

    display: none;

}



#images .input.drag-over {

    position: absolute;

    top: 0;

    left: 0;

    width: 100% !important;

    height: 100% !important;

    z-index: 9999;

    display: flex;

    align-items: center;

    justify-content: center;

}



#images .input.drag-over::before {

    content: '';

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background-color: #32CD32;

    opacity: .7;

}



#images .input.drag-over .dropify-wrapper p {

    display: block;

    color: #fff !important;

}



#images .input.drag-over .dropify-error {

    display: none !important;

}



#images .input.drag-over .dropify-wrapper {

    position: absolute;

    top: 40px;

    left: 40px;

    width: calc(100% - 80px) !important;

    height: calc(100% - 80px) !important;

    z-index: 9999;

    background-color: transparent;

    border-color: #fff !important;

}





/*-------- Informações Adicionais --------*/



#information {

    padding: 20px;

}



#information .flex svg {

    background-color: #c4302b;

}



#information p {

    text-align: left !important;

}



#information label[for="description"] {

    margin-top: 20px;

    width: 100%;

    float: left;

    margin-bottom: 5px;

}



#information .ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline.ck-blurred,

#information .ck.ck-editor__main>.ck-editor__editable:not(.ck-focused) {

    min-height: 300px !important;

}





/*-------- Search --------*/



.search {

    padding: 20px;

}



.search img {

    width: 50px;

    height: 50px;

    border-radius: 50%;

    object-fit: cover;

}



.search h2 {

    font-size: 2em;

    font-weight: bold;

    color: #999999;

    margin-top: 0;

}



.search figure {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: nowrap;

}



.search figcaption {

    display: block !important;

    font-size: .9em;

    line-height: 1em;

    margin-left: 10px;

}



.dataTables_wrapper .dataTables_length label,

.dataTables_wrapper .dataTables_filter label {

    display: flex;

    align-items: center;

    width: max-content !important;

}



.dataTables_wrapper select {

    margin: 0 5px !important;

    display: block !important;

    float: left !important;

    height: 40px !important;

    border: 1px solid #ccc !important;

    border-radius: 5px !important;

}



.dataTables_wrapper input {

    width: 150px !important;

    margin: 0 !important;

    margin-left: 5px !important;

    height: 40px !important;

    border: 1px solid #ccc !important;

}



.dataTables_wrapper .fa-trash-alt {

    color: #c4302b;

}



.dataTables_wrapper table.dataTable {

    width: 100%;

    float: left;

    margin: 20px 0 !important;

    border: 1px solid #ccc !important;

    border-radius: 5px !important;

}



.dataTables_wrapper table.dataTable thead th,

.dataTables_wrapper table.dataTable thead td {

    border: 1px solid #ccc !important;

    border-bottom: none !important;

    border-left: none !important;

    border-right: none !important;

}



.dataTables_wrapper .paginate_button {

    border: 1px solid #ccc !important;

    background-color: transparent !important;

    margin: 0 !important;

    border-left: none !important;

    transition: all .5s;

    padding: 10px;

    color: #666;

    cursor: pointer;

}



.dataTables_wrapper tbody tr td:last-child {

    width: 80px;

}



#variations .dataTables_paginate .paginate_button.current,

#variations .dataTables_paginate .paginate_button.current:hover,

#stock .dataTables_paginate .paginate_button.current,

#stock .dataTables_paginate .paginate_button.current:hover {

    color: #fff !important;

}



.dataTables_wrapper .paginate_button.current {

    background: none !important;

    background-color: #191D55 !important;

    color: #fff !important;

}



.dataTables_wrapper .paginate_button:hover {

    background: none !important;

    background-color: #191D55 !important;

    color: #fff !important;

}



.dataTables_wrapper .previous {

    border-left: 1px solid #ccc !important;

    border-radius: 5px 0 0 5px;

}



.dataTables_wrapper .next {

    border-radius: 0 5px 5px 0;

}



.dataTables_paginate.paging_simple_numbers {

    float: right;

}



#variations .disabled,

#stock .disabled {

    color: #ccc !important;

    display: none;

}



#variations img {

    width: 90px;

    height: 90px;

    border-radius: 50%;

    object-fit: cover;

}



.dataTables_wrapper td a {

    color: #333;

    text-decoration: underline;

}



.dataTables_wrapper td:last-of-type a {

    text-decoration: none;

}



@media(min-width: 993px) {

    .dataTables_wrapper table.dataTable thead th,

    .dataTables_wrapper table.dataTable thead td {

        border: 1px solid #ccc !important;

        border-top: none !important;

        border-left: none !important;

    }

    .dataTables_wrapper table.dataTable thead th:last-of-type,

    .dataTables_wrapper table.dataTable thead td:last-of-type {

        border-right: none !important;

    }

}



@media only screen and (max-width: 992px) {

    .dataTables_wrapper table.dataTable thead th:first-of-type,

    .dataTables_wrapper table.dataTable thead td:first-of-type {

        border-top: none !important;

    }

    .dataTables_wrapper input {

        width: 250px !important;

    }

    .dataTables_wrapper select {

        width: 50px !important;

    }

    .dataTables_wrapper .dataTables_length label {

        width: 100% !important;

        justify-content: center;

        text-align: center;

    }

    .dataTables_wrapper table.responsive-table thead {

        margin-bottom: -10px !important;

    }

    .dataTables_wrapper table.responsive-table thead tr {

        padding: 0 !important;

    }

    .dataTables_wrapper th {

        width: 70px !important;

        text-overflow: ellipsis;

        overflow: hidden;

        white-space: nowrap;

        text-align: left !important;

        font-size: .8em !important;

    }

    .dataTables_wrapper td {

        text-align: center !important;

    }

}



.search-data .empty {

    margin-top: 60px;

}



.search-data .empty p {

    margin: 0;

}



.search-data table {

    width: 100%;

    float: left;

    margin: 20px 0 !important;

    border: 1px solid #ccc !important;

    border-radius: 5px !important;

}



.search-data table thead th,

.search-data table thead td {

    border: 1px solid #ccc !important;

    border-bottom: none !important;

    border-left: none !important;

    border-right: none !important;

}



@media(min-width: 993px) {

    .search-data table thead th,

    .search-data table thead td {

        border: 1px solid #ccc !important;

        border-top: none !important;

        border-left: none !important;

    }

    .search-data table thead th:last-of-type,

    .search-data table thead td:last-of-type {

        border-right: none !important;

    }

    .search-data td {

        border-right: 1px solid #ccc;

    }

    .search-data table tbody td:last-of-type {

        border-right: none !important;

    }

}



@media only screen and (max-width: 992px) {

    .search-data table thead th:first-of-type,

    .search-data table thead td:first-of-type {

        border-top: none !important;

    }

    .search-data .dataTables_length label {

        width: 100% !important;

        justify-content: center;

        text-align: center;

    }

    .search-data table.responsive-table thead {

        margin-bottom: -10px !important;

    }

    .search-data table.responsive-table thead tr {

        padding: 0 !important;

    }

    .search-data th {

        width: 70px !important;

        text-overflow: ellipsis;

        overflow: hidden;

        white-space: nowrap;

        text-align: left !important;

        font-size: .8em !important;

    }

    .search-data td {

        text-align: center !important;

    }

}



.search-data img {

    width: 50px;

    height: 50px;

    object-fit: cover;

    border-radius: 50%;

}



.search-data h2 {

    font-size: 2em;

    color: #666;

    font-weight: bold;

}



.search-data td {

    border-bottom: 1px solid #ccc;

}



.search-data svg {

    color: #dd3341;

}



.search-data small {

    color: #666;

    font-size: .9em;

    float: right;

}



.search-data input {

    height: 40px !important;

    border: 1px solid #ccc !important;

    padding: 0 1em !important;

    width: calc(100% - 2em) !important;

    margin: 5px 0 !important;

    font-size: 1em;

    box-shadow: none !important;

    border-radius: 5px !important;

    background-color: #fff !important;

}



.search-data select {

    margin: 0 !important;

    margin-top: 5px !important;

    margin-bottom: 15px !important;

    background-color: white !important;

    color: #999999 !important;

    padding-left: 1em !important;

    width: calc(100%) !important;

    border: 1px solid #ccc !important;

    border-radius: 5px !important;

    font-size: .9em !important;

}



.search-data .btn {

    border-radius: 5px !important;

    width: 100%;

    height: 40px;

    margin-top: 1.6em;

    background-color: #191D55 !important;

    box-shadow: none !important;

    padding: 0 1em !important;

}



.search-data .stock {

    background-color: #40cd28 !important;

    padding: 0 .5em !important;

    text-transform: none;

    font-size: .9em;

}



.search-data .stock svg {

    color: #fff;

}



.search-data .select-wrapper input.select-dropdown {

    font-size: .9em !important;

}



.search-data .dropdown-content li>a,

.search-data .dropdown-content li>span {

    font-size: .9em !important;

    color: #666 !important;

}



.search-data .select-wrapper span.caret {

    right: 10px;

}



.search-data .filter {

    width: 100%;

    float: left;

    margin-bottom: 10px;

}



.search-data .flex {

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: nowrap;

    padding: 0 .75rem;

}



.search-data .flex .btn {

    width: fit-content;

    color: #305179 !important;

    background-color: #fff !important;

    border: 1px solid #305179 !important;

    margin-top: 0;

    height: 30px;

    line-height: 30px;

    text-transform: none;

    font-size: .9em;

}



.search-data .create {

    width: fit-content !important;

    background-color: #40cd28 !important;

    box-shadow: none !important;

    float: right;

    text-transform: none;

}



.paginator {

    width: 100% !important;

    float: left;

    display: flex;

    justify-content: center;

    text-align: center;

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    color: #000 !important;

    background-color: transparent !important;

    height: initial !important;

    line-height: initial !important;

    box-shadow: none !important;

}



.paginator_item {

    width: 35px;

    height: 35px;

    border: 1px solid #c4302b;

    color: #c4302b;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 5px;

}



.paginator_item.paginator_active {

    width: 35px !important;

    height: 35px !important;

    border: 1px solid #c4302b;

    color: #fff !important;

    background-color: #c4302b;

    border-radius: 50% !important;

}



.paginator_item:first-of-type,

.paginator_item:last-of-type {

    width: initial;

    height: initial;

    color: #c4302b;

    border: none;

    border-radius: 0;

    border-bottom: 1px solid #c4302b;

}





/*-------- Cadastro --------*/



.tag {

    padding: 20px;

}



.tag .dropify-wrapper {

    height: 100px !important;

}



.tag .dropify-wrapper p {

    text-align: center !important;

}



.tag h2 {

    padding-left: 1.5rem;

    font-size: 2em;

    color: #305179;

    font-weight: bold;

    margin-top: 5px;

}



.tag h3 {

    font-size: 1.25em;

    color: #305179;

    font-weight: bold;

    margin-top: 0px;

    margin-bottom: 10px;

}



.tag label {

    font-size: 1em;

}



.tag input {

    margin: 0 !important;

    margin-top: 5px !important;

    margin-bottom: 5px !important;

    background-color: white !important;

    color: #999999 !important;

    padding-left: 1em !important;

    width: calc(100% - 1em) !important;

    border: 1px solid #999 !important;

    border-radius: 5px !important;

    font-size: .9em !important;

    box-shadow: none !important;

}



.tag textarea {

    margin: 0 !important;

    margin-top: 5px !important;

    margin-bottom: 0px !important;

    background-color: white !important;

    color: #999999 !important;

    padding: 1em !important;

    width: 100% !important;

    border: 1px solid #999 !important;

    border-radius: 5px !important;

    font-size: .9em !important;

    resize: none;

    height: 8em;

    outline: none !important;

}



.tag input::placeholder {

    color: #666;

    font-size: 1em !important;

}



.tag small {

    margin-bottom: 15px;

    width: 100%;

    float: left;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

}



.tag .switch {

    margin-top: 25px;

    margin-bottom: 15px;

    border: 1px solid #999;

    padding: 15px 20px;

    border-radius: 5px;

}



.tag .switch label {

    font-weight: bold;

}



.tag .switch label input[type=checkbox]:checked+.lever {

    background-color: #ccc !important;

}



.tag .switch label input[type=checkbox]:checked+.lever:after {

    background-color: #305179;

}



.tag .tags {

    border: 1px solid #999;

    border-radius: 5px;

    padding: 5px 0;

    height: 6em;

    position: relative;

    overflow: auto;

}



.tag .tags label {

    float: left;

    line-height: 30px !important;

    border: 1px solid #999;

    font-size: 1em !important;

    margin: 5px;

    padding: 0 1em;

    border-radius: 30px;

    position: relative;

    font-weight: bold;

    cursor: pointer;

    transition: all .5s;

}



.tag .tags label span {

    transition: all .5s;

}



.tag .tags label.checked {

    background-color: #305179;

    border-color: transparent;

}



.tag .tags ul:hover label {

    background-color: transparent;

}



.tag .tags label.checked span {

    color: white;

}



.tag .tags ul:hover span {

    color: currentColor;

}



.tag .tags label:hover {

    background-color: currentColor !important;

}



.tag .tags label:hover span {

    color: white !important;

}



.tag .card {

    margin-bottom: 0 !important;

    box-shadow: none;

}



.tag .card .card-content {

    padding: 5px 10px;

    display: flex;

    align-items: center;

    border: 1px solid #03a9f4 !important;

    color: #03a9f4 !important;

}



.tag .orange {

    background-color: #fff !important;

}



.tag .card p {

    margin: 0;

    position: relative;

    top: -2px;

    line-height: 1.25em;

    font-size: .7em;

    padding-right: 20px;

}



.tag .close {

    position: absolute;

    top: 4px !important;

    color: #03a9f4 !important;

}



.tag button.btn {

    line-height: 3em;

    height: 3em;

    text-transform: none;

    background-color: #40cd28 !important;

    box-shadow: none !important;

    width: 150px;

    margin-top: 20px;

}



.tag a.btn {

    line-height: 3em;

    height: 3em;

    text-transform: none;

    background-color: #dd3341 !important;

    box-shadow: none !important;

    width: 150px;

    margin-top: 20px;

    margin-right: 20px;

}





/*-------- Search --------*/



.search-tag {

    padding: 20px;

}



.search-tag h2 {

    font-size: 2em;

    font-weight: bold;

    color: #999999;

    margin-top: 0;

}



.search-tag ul li {

    width: 100%;

    float: left;

    border: 1px solid #ccc;

    padding-bottom: 10px;

    margin-bottom: 20px;

    position: relative;

}



.search-tag ul li ul li {

    border: none;

    padding-bottom: 0;

    margin: 0;

}



.search-tag ul {

    width: 100%;

    float: left;

    margin-bottom: 30px !important;

}



.search-tag ul a {

    width: 100%;

    float: left;

    border-bottom: 1px dashed #ccc;

    padding: 10px 20px !important;

    margin-bottom: 10px;

    color: #305179;

    font-weight: bold;

    background-color: rgb(231, 229, 229);

}



.search-tag .fa-star {

    color: #ffca2c;

    font-size: .9em;

    margin-left: 5px;

}



.search-tag ul ul a {

    border: none;

    margin-bottom: 0;

    padding: 2.5px 0 !important;

    color: #666;

    font-size: .9em;

    font-weight: normal;

    background-color: transparent;

}



.search-tag ul ul a:hover {

    text-decoration: underline;

}



.search-tag ul ul {

    margin: 0 !important;

}



.search-tag ul li ul li {

    padding-left: 50px !important;

    position: relative;

}



.search-tag ul li ul li::before {

    content: '';

    width: 1px;

    height: 10px;

    background-color: #666;

    position: absolute;

    top: 3px;

    left: 30px;

}



.search-tag ul li ul li::after {

    content: '';

    width: 10px;

    height: 1px;

    background-color: #666;

    position: absolute;

    top: 13px;

    left: 30px;

}



.search-tag .flex {

    width: 100%;

    float: left;

    text-align: center;

    display: flex;

    align-content: center;

    flex-wrap: wrap;

    justify-content: center;

    min-height: 300px;

}



.search-tag p {

    width: 100%;

    float: left;

    font-size: 1.25em;

    color: #666;

}



.search-tag .btn {

    line-height: 3em;

    height: 3em;

    text-transform: none;

    background-color: #40cd28 !important;

    box-shadow: none !important;

    padding: 0 4em;

    margin-top: 20px;

}



.search .btn {

    line-height: 3em;

    height: 3em;

    text-transform: none;

    background-color: #40cd28 !important;

    box-shadow: none !important;

    padding: 0 4em;

    margin-bottom: 20px;

}





/*-------- Files --------*/



.files {

    padding: 40px 20px;

}



.files fieldset {

    width: 100% !important;

}



.files header {

    width: 100% !important;

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 2em;

}



.files iframe {

    width: 100%;

    height: auto;

    object-fit: cover;

    margin: 0 !important;

    margin-top: -10px !important;

    margin-bottom: -15px !important;

}



.files time {

    position: absolute;

    right: 10px;

    top: 90px;

    background-color: #333;

    color: white;

    font-size: .9em;

    padding: 5px 10px;

}



.files h2 {

    font-size: 2em;

    font-weight: bold;

    color: #305179;

    margin: 0;

}



.files .btn-large {

    background-color: #32CD32 !important;

    text-transform: none;

    box-shadow: none !important;

    border-radius: 10px;

    height: 2.5em;

    line-height: 2.5em;

    padding: 0 1em;

}



.files .col {

    margin-top: 2em;

}



.files .l3 div {

    border: 1px solid #ccc;

    border-radius: 10px;

    position: relative;

    overflow: hidden;

}



.files .l3 svg {

    width: 100% !important;

    text-align: center;

    height: 50px;

    margin: 40px 0;

}



.files .l3 hgroup svg {

    width: 100% !important;

    text-align: center;

    height: 20px;

    margin: 0;

}



.files .l3 img {

    width: 100%;

    height: 135px;

    object-fit: cover;

    margin-bottom: -7px;

}



.files .fa-file-pdf {

    color: #c4302b;

}



.files .fa-file-excel {

    color: #0f8f0f;

}



.files .fa-file-csv {

    color: #23db23;

}



.files .fa-file-word {

    color: rgb(26, 114, 196);

}



.files .fa-file-powerpoint {

    color: #ee4a18;

}



.files .l3 hgroup:nth-of-type(1) {

    border-top: 1px solid #ccc;

    border-bottom: 1px solid #ccc;

    padding: 10px 20px;

}



.files .l3 hgroup:nth-of-type(1) p {

    margin: 0;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    font-size: .9em;

}



.files .l3 hgroup:nth-of-type(2) {

    display: flex;

    align-items: center;

    flex-wrap: nowrap;

    justify-content: center;

}



.files .l3 a {

    width: 100%;

    padding: 10px;

}



.files .l3 a:nth-of-type(1) {

    background-color: #305179;

    color: white;

}



.files .l3 a:nth-of-type(2) {

    background-color: #c4302b;

    color: white;

}



.files input {

    border: 1px solid #999 !important;

    border-radius: 5px !important;

    width: calc(100% - 1em) !important;

    padding-left: 1em !important;

    box-shadow: none !important;

    height: 2.9em !important;

    margin: 0 !important;

}



.files select {

    border: 1px solid #999 !important;

    border-radius: 5px !important;

    box-shadow: none !important;

}



.files .btn {

    background-color: #191D55 !important;

    box-shadow: none !important;

    height: 2.9em !important;

    line-height: 2.9em !important;

    text-transform: none;

    margin-bottom: -5px !important;

    border-radius: 5px;

}



.files .col {

    margin: 0 !important;

    margin-bottom: 2em !important;

}



.files form {

    display: flex;

    align-items: flex-end;

    justify-content: start;

    flex-wrap: wrap;

}





/*-------- Modal --------*/



.window {

    background-color: rgba(0, 0, 0, .7);

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 9999;

    transform: translateY(-100%);

    transition: all .5s;

    padding: 40px;

}



.window.active {

    transform: translate(0);

}



.window #upload,

.window #progress {

    text-align: center !important;

    padding: 40px;

    display: none;

}



.window #upload svg,

.window #progress svg {

    font-size: 4em;

    color: #191D55;

}



.window #upload h4,

.window #progress h4 {

    font-size: 1.1em;

    color: #666;

}



.window #progress h5 {

    font-size: .8em;

    color: #666;

    margin-top: -10px;

}



.window #upload .progress,

.window #progress .progress,

.window #file .progress {

    border-radius: 20px;

    height: 20px;

    background-color: rgba(26, 114, 196, 0.3);

}



.window #upload .determinate,

.window #progress .determinate,

.window #file .determinate,

.window #progress .indeterminate,

.window #file .indeterminate {

    height: 20px;

    background-color: rgba(26, 114, 196, 0.5);

}



.window .time {

    text-align: center;

    display: none;

}



.window #upload p,

.window #progress p,

.window #file .time p {

    font-size: 1em;

    font-weight: bold;

    margin-bottom: 0;

    width: 100%;

    text-align: center;

}



.window fieldset {

    background-color: white !important;

    padding: 30px !important;

    border-radius: 20px !important;

    position: relative;

    overflow: hidden;

    position: relative;

    max-width: 500px;

    max-height: 90vh;

    width: 100%;

}



.window .close:not(.btn) {

    position: absolute;

    top: 25px;

    right: 30px;

    color: #666;

    font-size: 1.5em;

}



.window h2 {

    font-size: 1.5em;

    font-weight: bold;

    color: rgb(54, 24, 207);

    margin-top: 0;

}



.window h3 {

    font-size: 1.1em;

    font-weight: bold;

}



.window label {

    font-size: 1em;

}



.window .dropify-wrapper p {

    text-align: center !important;

    font-weight: normal !important;

}



.window [type="checkbox"]:checked+label {

    border-color: rgb(54, 24, 207) !important;

}



.window [type="checkbox"]:checked+label p {

    color: rgb(54, 24, 207) !important;

}



.window label::before,

.window label::after {

    content: none !important;

}



.window video {

    height: auto;

}



.window label p {

    white-space: nowrap;

    width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: .9em;

    padding: 0 10px;

    margin: 0;

    font-weight: bold;

}



.window .footer {

    position: absolute;

    bottom: 0;

    left: 0;

    background-color: white;

    padding: 20px 30px;

    width: 100%;

}



.window .btn {

    background-color: #32CD32 !important;

    border-radius: 10px;

    margin-top: 10px;

    box-shadow: none !important;

    text-transform: none;

}



.window .btn.close {

    background-color: rgb(231, 228, 228) !important;

    border: 1px solid #666;

    color: #666;

}



.window .content {

    height: 60vh;

    position: relative;

    overflow: auto;

    padding-bottom: calc(2.5em + 20px);

}



.window.arquivo .content svg {

    width: 100%;

    height: 75px;

    margin: 10px 0;

}



.window.arquivo .fa-file-pdf {

    color: #c4302b;

}



.window.arquivo .fa-file-excel {

    color: #1db61d;

}



.window.arquivo .fa-file-word {

    color: rgb(26, 114, 196);

}



.window.arquivo .fa-file-powerpoint {

    color: #ee4a18;

}



.window.conteudo label {

    border: none !important;

    height: auto;

    width: 100%;

    padding: 0;

    border-radius: 0;

    overflow: inherit;

}



.window input {

    margin: 0 !important;

    margin-top: 5px !important;

    margin-bottom: 15px !important;

    background-color: white !important;

    color: #999999 !important;

    padding-left: 1em !important;

    width: calc(100% - 1.4em) !important;

    border: 1px solid #999 !important;

    border-radius: 5px !important;

    font-size: .9em !important;

    box-shadow: none !important;

}



.window fieldset {

    width: 100% !important;

    max-width: 900px !important;

}



.window.arquivo img {

    width: 100%;

    height: 100px;

    object-fit: cover;

    margin-bottom: -6px !important;

}



.window.video p {

    padding: 10px 10px !important;

    padding-top: 15px !important;

    padding-bottom: 5px !important;

    margin: 0;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    font-size: .9em;

}



.window.video iframe {

    width: 100%;

    height: auto;

    object-fit: cover;

    margin: 0 !important;

    margin-top: -10px !important;

    margin-bottom: -15px !important;

}



.window.video time {

    position: absolute;

    right: 10px;

    top: 90px;

    background-color: #333;

    color: white;

    font-size: .9em;

    padding: 5px 10px;

}



.window .col {

    margin-top: 2em;

}



.window .content label {

    width: 100%;

    border: 1px solid #ccc;

    border-radius: 10px;

    height: auto !important;

    padding: 0 !important;

    position: relative;

    overflow: hidden;

}



.window label[for="search"] {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: nowrap;

    padding-bottom: 10px !important;

}



.window label[for="search"] svg {

    border: 1px solid #ccc !important;

    width: 40px !important;

    height: 2.4em;

    padding: 10px;

    margin-right: -5px !important;

    border-radius: 5px 0 0 5px;

    position: relative;

}



.window label[for="search"] input {

    border: 1px solid #ccc !important;

    height: 2.5em !important;

    border-left: 0 !important;

    margin: 0 !important;

}



.content::-webkit-scrollbar-track {

    background-color: #F4F4F4;

}



.content::-webkit-scrollbar {

    width: 6px;

    background: #F4F4F4;

}



.content::-webkit-scrollbar-thumb {

    background: #dad7d7;

}



.modalTag {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 9999;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0;

    -webkit-backdrop-filter: blur(2px);

    backdrop-filter: blur(2px);

    background-color: rgba(0, 0, 0, .5);

    height: 0;

    overflow: hidden;

    opacity: 0;

    transition: all 1s;

}



.modalTag.active {

    opacity: 1;

    height: 100%;

    overflow: auto;

    padding: 20px;

}



.modalTag p {

    font-size: .8em !important;

}



.modalTag .close:not(.white-text) {

    position: absolute;

    top: 20px !important;

    right: 20px;

    color: #888;

    font-size: 1.25em;

    border: none;

    padding: 0;

    color: #666 !important;

}



.modalTag button.close {

    background-color: white;

}



.modalTag .close.btn {

    position: relative;

    top: 0 !important;

    right: 0;

    font-size: 1em;

    color: #fff !important;

    margin-right: 0;

}



.modalTag fieldset {

    position: relative;

    max-width: 550px;

    max-height: 110vh;

    overflow: auto;

    padding: 40px 40px !important;

    background-color: white;

    border-radius: 10px;

}



.modalTag h4 {

    font-size: 1.5em;

    color: #191D55;

    font-weight: bold;

    margin-top: 0;

    margin-bottom: 20px;

    text-align: center;

}



.modalTag #search-tag {

    border: 1px solid #ccc;

    width: 100%;

    float: left;

    margin-bottom: 10px;

}



.modalTag ul li {

    width: 100%;

    float: left;

    position: relative;

}



.modalTag ul {

    width: 100%;

    float: left;

}



.modalTag .fa-star {

    color: #ffca2c;

    font-size: .9em;

    margin-left: 5px;

}



.modalTag ul ul {

    margin: 0 !important;

}



.modalTag ul li {

    padding-left: 30px !important;

    position: relative;

}



.modalTag ul li label {

    padding-left: 30px !important;

    position: relative;

}



.modalTag ul li::before {

    content: '';

    width: 15px;

    height: 15px;

    border-radius: 50%;

    border: 2px solid #999;

    position: absolute;

    top: 3px;

    left: 28px;

    transition: all .5s;

}



.modalTag ul li::after {

    content: '';

    width: 15px;

    height: 15px;

    border-radius: 50%;

    background-color: #999;

    transform: scale(0);

    position: absolute;

    top: 3px;

    left: 28px;

    transition: all .5s;

}



.modalTag ul li.active::before {

    border-color: #191D55;

}



.modalTag ul li.active::after {

    background-color: #191D55;

    transform: scale(.6);

}



.modalTag .flex {

    width: 100%;

    float: left;

    text-align: center;

    display: flex;

    align-content: center;

    flex-wrap: wrap;

    justify-content: center;

    min-height: 300px;

}



.modalTag p {

    width: 100%;

    float: left;

    font-size: 1.25em;

    color: #666;

}



.modalTag .card {

    box-shadow: none;

    margin-bottom: 20px !important;

    width: 100%;

    float: left;

}



.modalTag .card .card-content {

    padding: 5px 10px;

    display: flex;

    align-items: center;

    border: 1px solid #03a9f4 !important;

    color: #03a9f4 !important;

}



.modalTag .orange {

    background-color: #fff !important;

}



.modalTag .card p {

    margin: 0;

    position: relative;

    top: -2px;

    line-height: 1.25em;

    font-size: .9em;

    padding-right: 20px;

    text-align: left;

}



.modalTag .close {

    position: absolute;

    top: 0px !important;

    color: #03a9f4 !important;

}



.modalTag button.btn {

    line-height: 3em;

    height: 3em;

    text-transform: none;

    background-color: #40cd28 !important;

    box-shadow: none !important;

    width: 150px;

    margin-top: 20px;

}



.modalTag a.btn {

    line-height: 3em;

    height: 3em;

    text-transform: none;

    background-color: #dd3341 !important;

    box-shadow: none !important;

    width: 150px;

    margin-top: 20px;

    margin-right: 20px;

}





/*-------- NPS --------*/



.nps h1 {

    font-size: 1.25em;

    font-weight: bold;

    color: #191D55;

    margin-bottom: 5px;

}



.nps h1 strong {

    font-size: 1.25em;

}



.nps hgroup h4 {

    font-size: .9em;

    margin: 0;

}



.nps hgroup h4 strong {

    float: none;

    width: auto;

}



.nps h1 strong {

    width: 100%;

    float: left;

}



.nps figure {

    text-align: center;

    padding: 40px 0;

    display: flex !important;

    justify-content: center;

    flex-wrap: wrap;

}



.nps figure p {

    font-size: 2em;

    width: 120px;

    height: 120px;

    border-radius: 50%;

    margin: 0 auto;

    line-height: 120px;

    border: 4px solid currentColor;

    font-weight: bold;

    color: currentColor !important;

}



.nps figure h3 {

    width: 100%;

    float: left;

    margin: 0;

    margin-top: 10px;

    font-weight: normal;

    color: currentColor;

}



.nps .bad {

    color: #E74C3C;

}



.nps .miro {

    color: #F4D03F;

}



.nps .god {

    color: #58D68D;

}



.nps .very {

    color: #117864;

}



.nps thead tr:first-child th {

    background-color: #191D55;

    text-align: center;

    color: white;

}



.nps thead tr:nth-of-type(2) th,

.nps tfoot th {

    background-color: #305179;

    border: 1px solid #ccc;

    text-align: center;

    color: white;

    border-radius: 0;

    font-weight: normal;

    font-size: .8em;

}



.nps tbody td {

    padding: 5px;

    text-align: center;

    border: 1px solid #ccc;

}



.nps ul p {

    font-size: 1em;

    margin-bottom: 5px !important;

    margin-top: 30px !important;

}



.nps li {

    position: relative;

}



.nps h6 {

    position: absolute;

    top: -30px;

    right: 0;

    border: 2px solid currentColor;

    color: #fff;

    width: 40px;

    height: 40px;

    line-height: 40px;

    border-radius: 50%;

    text-align: center;

    font-size: .7em;

}



.count h2 {

    font-size: 1.5em;

    color: #305179;

    margin-bottom: 0;

    margin-top: 2em;

}



.count hgroup {

    justify-content: center !important;

    margin: 30px 0;

}



.count hgroup h3:first-child {

    text-align: right;

    font-weight: normal;

    font-size: .8em;

    margin-left: -50px;

}



.count h3 strong {

    width: 100%;

    float: left;

    font-size: 1.25em;

}



.count h3 {

    margin: 0 5px;

    font-size: 1.25em;

}



.nps .fa-frown {

    color: #E74C3C;

}



.nps .fa-meh {

    color: #F4D03F;

}



.nps .fa-smile {

    color: #58D68D;

}



.nps .fa-grin-beam {

    color: #117864;

}



.count li {

    border-left: 40px solid;

    padding: 10px;

}



.count h4 {

    font-size: 1.5em;

    color: #000;

}



.count h4 strong {

    width: 100%;

    float: left;

    font-size: .7em;

    color: #191D55;

}



.count ul li:nth-of-type(1) {

    border-color: #E74C3C;

}



.count ul li:nth-of-type(2) {

    border-color: #F4D03F;

}



.count ul li:nth-of-type(3) {

    border-color: #117864;

}



.note h2 {

    font-size: 1.5em;

    color: #305179;

    margin-bottom: 0;

    margin-top: 2em;

}



.note li {

    border-left: 20px solid;

    padding: 5px;

}



.note ul li:nth-of-type(1) {

    border-color: #E74C3C;

}



.note ul li:nth-of-type(2) {

    border-color: #F4D03F;

}



.note ul li:nth-of-type(3) {

    border-color: #58D68D;

}



.note ul li:nth-of-type(4) {

    border-color: #117864;

}





/*-------- Modal Player --------*/



.players {

    background-color: rgba(0, 0, 0, .7);

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 9999;

    transform: translateY(-100%);

    transition: all .5s;

}



.players.active {

    transform: translate(0);

}



.players fieldset {

    background-color: white !important;

    padding: 30px !important;

    border-radius: 20px !important;

    position: relative;

    max-width: 400px;

    max-height: 90vh;

    width: 100%;

}



.players .close {

    position: absolute;

    top: 25px;

    right: 30px;

    color: #666;

    font-size: 1.5em;

}



.players h2 {

    font-size: 1.5em;

    font-weight: bold;

    color: rgb(54, 24, 207);

    margin-top: 0;

}



.players ul {

    max-height: 50vh;

    overflow: auto;

}



.players ul img {

    width: 50px;

    height: 50px;

    object-fit: contain;

    border: 1px solid #000;

    margin-right: 10px;

}



.players ul p {

    font-size: .9em;

    color: #666;

    margin: 0;

    line-height: 1.25em;

}



.players strong {

    color: #000;

}



.players ul div p:first-child strong {

    color: rgb(54, 24, 207);

}



.players li {

    display: flex;

    align-items: center;

    width: 100%;

    float: left;

    margin-top: 10px;

    position: relative;

}



.players ul div p:last-child {

    position: absolute;

    right: 0;

    top: 10px;

}



.players [type="checkbox"].filled-in:not(:checked)+label:after {

    border: 1px solid #666 !important;

}



.players [type="checkbox"].filled-in:checked+label:after {

    border-color: rgb(54, 24, 207) !important;

    background-color: rgb(54, 24, 207) !important;

}



.players .btn {

    padding: 0 1em;

    height: 2.5em;

    line-height: 2.5em;

    box-shadow: none !important;

    background-color: #32CD32 !important;

    font-weight: bold;

    font-size: .9em;

    border-radius: 10px;

    text-transform: none;

    float: right;

    margin-top: 10px;

}





/*-------- TIPOGRAFIA --------*/



button {

    cursor: pointer !important;

}



.row {

    margin-bottom: 0 !important;

}



address {

    font-style: normal;

}



cite {

    font-style: normal;

}



strong {

    font-weight: bold !important;

}



figcaption {

    display: none !important;

}



figure {

    margin: 0 !important;

}



fieldset {

    border: none !important;

    margin: 0 !important;

    padding: 0 !important;

}