:root {
    --BlueWC: #03A9F5;
    --LimeWC: #CDDC39;
    --OrangeWC: #FF5722;
    --PurpleWC: #9C27B0;
    --TealWC: #009688;
}


/* Classes btlc */

.bg-white {
    background-color: white;
}

.bg-notification-danger {
    background-color: red;
    color: white;
}

.fw-bold {
    font-weight: 900;
}

.p-0 {
    padding: 0rem!important;
}

.p-1 {
    padding: 1rem;
}

.mb-0 {
    margin-bottom: 0rem!important;
}

.mb-1 {
    margin-bottom: 1rem!important;
}

.mt-1 {
    margin-top: 1rem!important;
}

.m-1 {
    margin: 1rem;
}

.text-white {
    color: white;
}

.text-dark {
    color: black!important;
}

.w-50 {
    width: 50% !important;
}

.w-100 {
    width: 100% !important;
}

.rounded {
    border-radius: 1rem
}

.form-control {
    width: 100%;
    padding: 0.5rem;
    border-radius: 0.5rem;
}

input,
select {
    border: solid 1px rgba(118, 118, 118, 0.3);
}


/* Fim classes btlc */

.card-content {
    padding: 1rem 0.5rem 1rem 1rem!important;
}

.column-8 .card-content {
    padding: 0 1rem 0 0!important;
}

.card-img-first {
    object-fit: cover!important;
    display: flex;
    width: 95%;
    margin: auto;
}

@media (min-width: 727px) {
    .column-4 img {
        width: 50%;
        margin: auto;
        display: flex;
        padding-bottom: 1rem
    }
}

.paragrafo-item {
    font-weight: 500;
}

.dx-tab {
    min-width: 20vw!important;
    width: auto!important;
}

.dx-toolbar .dx-icon {
    color: white!important
}


/* New font */

span {
    /* font-size: 0.9rem; */
}

.secao p,
.dx-dialog-message {
    font-size: 1rem;
}


/* End font */


/* Agenda do dia */

.navTheme .dx-icon {
    color: white!important;
}

.navTheme .dx-item {
    padding-bottom: 1rem;
}

.thenavbar .dx-item-content {
    padding: 0.5rem;
    margin: 0.25rem 0.25rem 0 0.25rem;
}

.botao .dx-button-content .dx-icon {
    color: black!important;
}


/* Imagem */

p img {
    border-radius: 1rem;
    /* box-shadow: 0px 3px 8px rgb(0 0 0 / 30%);
    margin-bottom: 1rem; */
}


/* TitleCard - Comunicado */

.cardTitle {
    font-size: 1.2rem;
    /* max-width: 23ch; */
    line-height: 1.3rem;
    max-height: 2.6rem;
    overflow-y: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.titleCard {
    font-size: 1rem;
    width: 45ch;
    text-overflow: ellipsis;
    word-break: break-all;
}

.contato .dx-texteditor.dx-editor-standard .dx-texteditor-input {
    background-color: white;
    border-radius: 0.5rem;
    padding: 0.5rem;
}

.dx-texteditor.dx-editor-standard .dx-texteditor-input {
    padding: 10px;
}

.contato .dx-placeholder {
    padding: 0 0.5rem
}

.sv_main .sv-action-bar {
    padding: 0.5rem!important;
}

.chatInput {
    padding: 0.5rem;
    background-color: white!important;
    border-radius: 1rem;
}

.chatInput .dx-texteditor-container .dx-texteditor-input {
    border-radius: 0.3rem;
}

.chatInput.dx-texteditor.dx-state-focused:before {
    border-bottom: 0!important;
}

.chatInput.dx-texteditor.dx-state-hover:hover {
    border-bottom: 0!important;
}

#sv-nav-complete,
#sv-nav-preview,
#sv-nav-next {
    width: 100%;
}

.sv_nav_btn,
.sv_complete_btn {
    width: 100%;
}

.sv-action-bar .card-footer {
    display: grid;
}


/* .chatInput .dx-placeholder {
    padding: 0.5rem
} */

.dx-texteditor.dx-editor-standard {
    border: 1px solid #ddd;
    border-radius: 0.5rem;
    background-color: rgba(255, 255, 255, 0.50);
}

.dx-texteditor.dx-editor-standard:after {
    border-bottom: 0!important;
}

.dataInput .dx-texteditor-input,
.dataInput .dx-dropdowneditor-icon,
.dataGroup .dx-lookup-field,
.dataGroup .dx-lookup-arrow,
.dataGroup .dx-lookup-empty {
    color: white;
}

.dx-lookup-popup-search .dx-overlay-content,
.dx-lookup-popup-search .dx-overlay-content .dx-popup-content {
    height: 300px!important;
}

.wt-onlinecontentmessage-list {
    padding-bottom: 3rem;
}

.wt-text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.badgeStatus {
    background-color: #ddd;
    border-radius: 1rem;
    padding: 0.2rem 0.5rem;
}

button {
    cursor: pointer!important;
}

.sv_main .sv-paneldynamic__add-btn {
    float: unset!important;
}

.sv_main.sv_main.sv_bootstrapmaterial_css input[type="button"].btn-primary,
.sv_main.sv_bootstrapmaterial_css button.btn-primary {
    /* background-color: #03a9f4!important; */
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
    border: 0;
    font-weight: bold;
}

.btn-quick {
    width: 100% !important;
    margin-bottom: 0.5rem;
}

.onlinecontentlist .dx-scrollable-wrapper .dx-scrollable-container .dx-scrollable-content .dx-item {
    padding: 0.5rem 1rem
}

.surveyInput.dx-texteditor.dx-editor-standard:after {
    border-bottom: 0px solid rgba(0, 0, 0, 0.42)!important;
}

.surveyInput .dx-texteditor-container .dx-texteditor-input {
    background-color: whitesmoke;
    border-radius: 0.5rem;
    padding: 0.75rem;
}

.dx-actionsheet-item-content .dx-button .dx-button-content {
    text-align: left;
}

.dx-actionsheet-cancel.dx-button .dx-button-content {
    text-align: left;
}

.hr-divisor {
    opacity: 0.3;
    margin: 1.5rem 0;
}

.fa-btn {
    font-size: 1.5rem;
    padding: 0.5rem;
    display: inline-block;
    line-height: 2rem;
    position: relative;
    vertical-align: middle;
}

.secao {
    background-color: white;
    border-radius: 1rem;
    box-shadow: 0px 5px 3px 0px rgb(0 0 0 / 10%);
}

.shadow {
    box-shadow: 0px 5px 3px 0px rgb(0 0 0 / 10%);
}

.new-chat {
    height: 100%;
    padding: 0.3rem 0;
    border-radius: 2rem;
    background-color: #03a9f4;
}

.menu {
    display: flex;
    align-items: center;
    background-color: white;
    padding: 1rem;
    border-radius: 1rem;
    box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 20%);
}

.menu-title {
    /* overflow: hidden;
    text-overflow: ellipsis;
    width: 19ch; */
    white-space: break-spaces;
    font-weight: 600;
    line-height: 1rem;
    margin-top: 0.5rem!important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.menu-titulo {
    /* overflow: hidden;
    text-overflow: ellipsis;
    width: 19ch; */
    white-space: break-spaces;
    font-weight: 600;
    line-height: 1rem;
    margin-top: 0.5rem!important;
}

.detailBadge {
    background-color: black;
    color: white;
    padding: 0.2rem 0.5rem 0.2rem 0.5rem;
    font-size: 0.7rem;
    border-radius: 0.5rem;
}

.font-logo-regular {
    font-style: normal;
    font-weight: 400;
}

.font-logo-bold {
    font-style: normal;
    font-weight: 700;
}

.font-logo-regular-blue {
    font-style: normal;
    font-weight: 400;
    color: #0a3254
}

.font-logo-bold-blue {
    font-style: normal;
    font-weight: 700;
    color: #0a3254
}

.font-logo-regular-orange {
    font-style: normal;
    font-weight: 400;
    color: #f15523
}

.font-logo-bold-orange {
    font-style: normal;
    font-weight: 700;
    color: #f15523
}


/*Colors*/

.AccountMovementType-Receivable {
    color: darkgreen
}

.AccountMovementType-Payable {
    color: darkred
}

.AccountMovementType-Information {
    color: dimgrey
}


/*popup*/

.dx-datebox-wrapper .dx-overlay-content {
    border-radius: 1rem!important;
    width: 90vw!important;
    left: 5vw!important;
    top: 10vh!important;
    background-color: whitesmoke;
}

.dx-popup-content {
    /* overflow-y: scroll; */
    overflow-x: hidden;
}

.custom-styled-popup-control .dx-popup-content {
    padding-left: 5px;
    padding-right: 5px;
}


/*FileUpload*/

.bgInput {
    margin-top: 0.5rem;
    background-color: white;
    padding: 0.5rem;
    border-radius: 0.5rem;
    box-shadow: 0px 2px 3px rgb(0, 0, 0, 0.30)
}

.btnUpload .dx-fileuploader-content .dx-button {
    background-color: transparent!important;
}

.btnUpload .dx-fileuploader-input-wrapper .dx-button-has-icon:not(.dx-button-has-text) .dx-icon {
    color: white!important;
}

.custom-styled-file-upload-control .dx-fileuploader-wrapper {
    padding: 0px;
    /*! height: 100%; */
    width: 38px;
    overflow: hidden;
}

.custom-styled-file-upload-control .dx-fileuploader-container {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}

.custom-styled-file-upload-control .dx-fileuploader-content {
    display: table-row-group;
    vertical-align: middle;
}

.custom-styled-file-upload-control .dx-fileuploader-input-wrapper {
    padding: 0px;
    border: unset;
}

.custom-styled-file-upload-control .dx-fileuploader-files-container {
    padding: 0;
}

.custom-styled-file-upload-control .dx-fileuploader-button {
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
}

.custom-styled-file-upload-control .dx-button-content {}

.custom-styled-file-upload-control .dx-fileuploader-input-container {
    display: none
}

.custom-styled-file-upload-control .dx-fileuploader-input {}

.custom-styled-file-upload-control .dx-fileuploader-input-label {
    padding: 8px 9px;
    color: rgba(0, 0, 0, 0.87);
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/************************************************/


/*Centralizar icones quando não tem texto na navbar e altera o tamanho da navbar para 60px*/

.dx-nav-item {
    vertical-align: middle;
}

.dx-nav-item.dx-state-focused {
    box-shadow: 0 0 0 0;
    outline: 0;
}

.dx-theme-material .navbar-layout .layout-footer,
.dx-theme-material .navbar-layout .layout-footer .dx-navbar {
    bottom: 0;
    height: 60px !important;
}

.layout-footer {
    border-top: solid 1px #e0e4ed;
    height: 60px !important;
}

.dx-theme-material .navbar-layout.has-navbar .layout-content {
    bottom: 60px !important;
    background-color: whitesmoke!important;
}

.wt-view-navbar {
    height: 60px;
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 99;
}


/************************************************/


/*ForumStyle - Utilizar estes estilos para caixas de destaque tambem*/

.dx-fileuploader-input-container {
    width: 100%;
}

.dx-fileuploader-input-container .dx-fileuploader-input-label {
    white-space: normal;
}

.bubblecontainer {
    margin-bottom: 15px;
}

.bubblecontainer:last-child {
    margin-bottom: 0px;
}

.bubble {
    /*background-color: rgb(255, 255, 224);*/
    /*border-radius: 5px;*/
    /*box-shadow: 0 0 6px #B2B2B2;*/
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    display: inline-block;
    padding: 10px 18px;
    position: relative;
    vertical-align: top;
    max-width: 90%;
    word-wrap: break-word;
    margin-bottom: 0.1rem
}

.bubble::before {
    /*background-color: rgb(255, 255, 224);*/
    content: "\00a0";
    display: block;
    height: 16px;
    position: absolute;
    top: 11px;
    transform: rotate( 29deg) skew( -35deg);
    -moz-transform: rotate( 29deg) skew( -35deg);
    -ms-transform: rotate( 29deg) skew( -35deg);
    -o-transform: rotate( 29deg) skew( -35deg);
    -webkit-transform: rotate( 29deg) skew( -35deg);
    width: 20px;
}

.you {
    float: left;
    margin: 5px 25px 5px 20px;
    border-top-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
}

.you::before {
    /*box-shadow: -2px 2px 2px 0 rgba( 178, 178, 178, .4 );*/
    left: -9px;
}

.you a {
    font-style: italic;
    cursor: pointer;
    display: inline-block;
    margin-top: 10px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 0.5rem;
    padding: 0.3rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    /* max-width: 60vw; */
    margin: 0.25rem 0 0 0!important;
    overflow-x: hidden;
    max-width: 30ch;
}

.you a::before {
    font-family: "Font Awesome 6 Free";
    content: "\f15c";
    font-style: normal;
    margin-right: 0.25rem;
}

.bubbletitle {
    float: unset;
    width: 100%;
    margin: unset;
    max-width: 90%;
}

.me {
    float: right;
    /*margin: 5px 20px 5px 45px;*/
    border-bottom-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
}

.me::before {
    /*box-shadow: 2px -2px 2px 0 rgba( 178, 178, 178, .4 );*/
    right: -9px;
}

.me a {
    font-style: italic;
    cursor: pointer;
    margin-top: 10px;
    background-color: rgba(255, 255, 255, 0.75);
    border-radius: 0.5rem;
    padding: 0.3rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 60vw;
    margin: 0.25rem 0 0 0!important;
}

.me a::before {
    font-family: "Font Awesome 6 Free";
    content: "\f15c";
    font-style: normal;
    margin-right: 0.25rem;
}


/************************************************/

.dx-popup-wrapper .dx-button.dx-button-has-text {
    min-width: unset;
    border-radius: 1rem;
}

.dx-tab-color-only {
    padding: unset;
    min-width: unset;
    background-color: unset;
}

.dx-tab-min-width-unset {
    min-width: unset;
}

.dx-tab-background-color-only {
    padding: unset;
    min-width: unset;
    background-color: #f7f7f7;
    color: unset;
}

.dx-datagrid-pager,
.wt-toolbar,
.issue-toolbar {
    background-color: #f5f5f5;
}

.wt-toolbar .dx-button {
    background-color: transparent;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.54);
}

.issue-toolbar .dx-button {
    background-color: transparent;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: white;
}

.wt-forumroom-button {
    background-color: transparent;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.70);
    border-radius: 50%;
}

.dx-theme-generic-typography h2 {
    font-size: 28px !important;
}

.dx-theme-generic-typography h3 {
    font-size: 22px !important;
}

.dx-theme-generic-typography h4 {
    font-size: 18px !important;
}

.dx-theme-generic-typography h5 {
    font-size: 16px !important;
}

.dx-theme-generic-typography h6 {
    font-size: 12px !important;
}

.dx-theme-material-typography h1 {
    font-weight: 600;
    font-size: 18px;
    letter-spacing: -1.5px;
}

.dx-theme-material-typography h2 {
    font-weight: 600;
    font-size: 16px;
    letter-spacing: -0.5px;
}

.dx-theme-material-typography h3 {
    font-weight: 600;
    font-size: 14px;
}

.dx-theme-material-typography h4 {
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.25px;
}

.dx-theme-material-typography h5 {
    font-weight: 600;
    font-size: 0.9rem;
}

.dx-theme-material-typography h6 {
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.15px;
}

.dx-theme-material-typography .dx-font-xl {
    font-size: 20px;
    font-weight: 900;
}

.dx-theme-material-typography .dx-font-l {
    font-size: 18px;
    font-weight: 900;
}

.dx-theme-material-typography .dx-font-m {
    font-size: 1.2rem;
}

.dx-theme-material-typography .dx-font-s {
    font-size: 1rem;
}

.dx-theme-material-typography small,
.dx-theme-material-typography .dx-font-xs {
    font-size: 12px;
}

.break-text {
    max-width: 20ch;
    white-space: break-spaces;
}

.dx-texteditor-input {
    font-size: 14px;
}

.dx-placeholder {
    font-size: 14px;
}

.dx-button-text {
    font-size: 14px;
}

.dx-datagrid .dx-row>td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.dx-texteditor.dx-editor-standard.dx-state-disabled:after,
.dx-texteditor.dx-editor-standard.dx-state-readonly:after,
.dx-texteditor.dx-editor-standard.dx-state-readonly.dx-state-hover:after {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.btn.btn-primary.btn-survey {
    border: solid 1px #ccc;
}

.round {
    border-radius: 50%;
}

h1 {
    font-size: 20px !important;
    margin-bottom: 10px;
}

h2 {
    font-size: 18px !important;
    margin-bottom: 10px;
}

h3 {
    font-size: 16px !important;
    margin-bottom: 10px;
}


/*h1, h2, h3
{
    text-align: left;
    margin-top: 2px;
    margin-top: 5px;
}*/


/*p
{
    margin-bottom: 15px;
}*/


/*.dx-button
{
    border-color: #b5c2dc;
    color: #3a5795;
}

    .dx-button:hover
    {
        background-color: whitesmoke;
    }


.dx-fileuploader-wrapper
{
    padding: 0px;
}

.dx-fileuploader-input-container
{
    display: none;
    clear: both;
}

.dx-fileuploader-input-wrapper
{
    padding: 0px;
    border: none;
    text-align: center;
}

.dx-fileuploader-files-container
{
    padding: 0px;
}

.dx-fileuploader-input-wrapper .dx-button
{
    margin: 0px;
}

.dx-fileuploader-button
{
    float: none !important;
}*/

.wetoksizemode-auto {
    width: 100%;
}

.moduleSpacer {
    height: 15px;
}

.vmiddle {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.hmiddle {
    position: absolute;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.fullmiddle {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.vmiddle100 {
    position: absolute;
    top: 100%;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.borderShadow {
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
}

.borderShadow2 {
    -webkit-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.75);
}

.borderShadow3 {
    -webkit-box-shadow: 0 8px 6px -6px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 8px 6px -6px rgb(0 0 0 / 30%);
    box-shadow: 0 8px 6px -6px rgb(0 0 0 / 30%);
}

.menuHeaderShadow {
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.55);
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.55);
}

.separatorLine {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.separatorLine:last-child {
    border-bottom: none;
}

.separatorLineTheme {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.separatorLineTheme:last-child {
    border-bottom: none;
}

#mainMenuContainer {
    /*font-family: "Helvetica Neue","Segoe UI",Helvetica,Verdana,san-serif;*/
    vertical-align: middle;
    /*background-color: #F5F5F5;*/
    border-right: solid 1px silver;
}

#mainMenuContainer ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#mainMenuContainer span {
    height: 26px;
    display: block;
    padding: 3px 12px 3px 8px;
    border-bottom: 1px solid gainsboro;
    line-height: 26px;
    /*color: black !important;*/
    text-decoration: none !important;
    /*background-color: gainsboro;*/
}

#mainMenuContainer a {
    height: 42px;
    display: block;
    padding: 3px 12px 3px 8px;
    border-bottom: 1px solid gainsboro;
    line-height: 42px;
    /*color: black !important;*/
    text-decoration: none !important;
}

#mainMenuContainer a:hover {
    /*background-color: #EFEFEF;
            color: #FFF;*/
}

#mainMenuContainer li li a {
    height: 42px;
    display: block;
    padding: 3px 12px 3px 8px;
    border-bottom: 1px solid gainsboro;
    line-height: 42px;
    /*color: black !important;*/
    text-decoration: none !important;
}

.onePageRow {
    /*border-bottom: solid 1px silver;*/
    margin-bottom: 10px;
}


/*.text-block
{
    padding: 10px;
    text-align: justify;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}*/

.borderbox {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

img {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    /*-o-user-select: none; -khtml-user-select: none;*/
}


/*adaptLayout()*/

.adaptive-block {}

.wc-treelist-item {
    padding: 5px 0px 5px 0px;
    /*border-top: solid 1px silver;*/
    /*border-left: solid 1px silver;*/
}

.wc-survey-group-invalid {
    border: solid 1px red;
    border-radius: 3px;
    padding: 10px;
}

.survey-boxstyle-question-groupend {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: solid 1px silver;
}

.REMOVE_forum-message-title {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7abcff+0,60abf8+44,4096ee+100;Blue+3D+%2314 */
    /*background: #7abcff;*/
    background: -moz-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #7abcff 0%, #60abf8 44%, #4096ee 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee', GradientType=0);
    /* IE6-9 */
}

.backgroundPattern01 {
    /*background-color: #ddeff1;*/
    /*background:
radial-gradient(circle at 0% 50%, #ddeff1 9px, gainsboro 10px, #ddeff1 11px) 0px 10px,
radial-gradient(at 100% 100%,     #ddeff1 9px, gainsboro 10px, #ddeff1 11px),
#8a3;
background-size: 20px 20px;*/
}

.customkeyboard-numeric {}

.customkeyboard-numeric table td {
    vertical-align: middle;
    text-align: center;
    padding: 20px;
    border: solid 1px silver;
    border-radius: 5px;
    cursor: pointer;
}

.wetoktheme {
    background-color: whitesmoke;
}

.wetoktheme .menu-header {
    /*color: white;
        background-color: #0665bc;*/
    overflow: hidden;
    padding: 10px 10px;
    text-transform: uppercase;
}

.wetoktheme .menu-header div div:first-child span {
    max-width: 100%;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.wetoktheme .children {
    background: url("../img/fundo-filhos.jpg") no-repeat;
    background-size: cover;
    /*background-color: #0664bc;*/
    /*#fd5c28;*/
    white-space: nowrap;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.wetoktheme .children .children-info {
    background-color: #fff;
    border-radius: 50%;
    padding: 0.5rem;
    /* max-width: 200px; */
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
    overflow-x: hidden;
    position: relative;
}

.wetoktheme .children .children-info:first-child {
    margin-left: 10px;
}

.wetoktheme .children .children-info:last-child {
    margin-right: 10px;
}

.wetoktheme .children .children-info .children-photo {
    height: 140px;
    width: 140px;
    border-radius: 50%;
    border: 10px solid #edeef5;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    position: relative;
    /*text-align:center;*/
}

.wetoktheme .children .children-info .children-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.wetoktheme .children .children-info .children-photo div {
    height: 80px;
    width: 80px;
    font-size: 80px;
    /* border: solid 1px red; */
    /* color: #4f4f4f; */
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.wetoktheme .children .children-info h2 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    /*color: #26528d;*/
    text-align: center;
}

.wetoktheme .children .children-info span {
    /*font-size: 15px;*/
    /*color: #8d8f9d;*/
    display: table;
    margin: 0 auto;
}

.wetoktheme .child {}

.wetoktheme .child .child-photo {
    position: relative;
    height: 180px;
    overflow: hidden;
    background: url("../img/shadow.png");
    background-repeat: repeat-x;
    background-position: bottom;
    vertical-align: middle;
    border: solid 1px #eeeeee;
}

.wetoktheme .child .child-photo img {
    z-index: -1;
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.wetoktheme .child .child-photo .child-infos {
    position: absolute;
    bottom: 10px;
    left: 20px;
    /*color: #fd5c28;*/
    font-weight: bold;
}

.wetoktheme .child .child-photo .child-infos h2 {
    text-transform: uppercase;
    font-size: 20px;
    margin: 0;
}

.wetoktheme .adapta-img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.wetoktheme .menu-buttons {}

.wetoktheme .menu-buttons .friendlytext {
    text-align: center;
    padding-top: 1rem;
    /* margin: 0; */
    display: block;
    word-break: break-word !important;
    white-space: normal !important;
}

.wetoktheme .menu-buttons .desc-menu {
    text-align: center;
    font-size: 14px;
    padding: 20px 0px;
    margin: 0;
}

.wetoktheme .menu-buttons .menu-buttons-menu {
    /*color: #0a3558;*/
    /* border-right: 1px solid #eeeeee; */
    /* border-bottom: 1px solid #eeeeee; */
    padding: 0.5rem;
    overflow: hidden;
    text-align: left;
    cursor: pointer;
    position: relative;
    /* height: 100%!important; */
}

.wetoktheme .menu-buttons .menu-buttons-menu i {
    font-size: 1rem;
    vertical-align: left;
}

.wetoktheme .menu-buttons .menu-buttons-menu p {
    margin: 0;
}

.menu-buttons-submenu .menu-display,
.menu-buttons-submenu .menu-buttons-menu {
    height: 100%!important;
}

.wetoktheme .menu-buttons .menu-buttons-submenu {
    /*color: #0a3558;*/
    /* border: 1px solid #80c2fe; */
    /* -webkit-box-sizing: border-box; */
    /* -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f7f7f7;
    position: absolute;
    width: 100%;
    z-index: 10;
    cursor: pointer; */
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: white;
    position: absolute;
    width: 95%;
    top: 0.5rem;
    border-radius: 1rem;
    z-index: 10;
    cursor: pointer;
    box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 20%)
}

.menu-display {
    display: grid;
    height: 100%;
}

@media (min-width: 357px) and (max-width: 557px) {
    .menu-display {
        height: auto;
    }
}

.wetoktheme .menu-buttons .menu-buttons-menu:hover {}

.wetoktheme .menu-buttons .menu-buttons-menu:hover i {}

.menuitembadge {
    position: absolute;
    top: 2rem;
    right: 2rem;
}

.menuitembadge .dx-badge {
    padding: 0.15rem 0.3rem;
}

.submenuitembadge {
    position: absolute;
    top: 0px;
    right: 10px;
}

.wetoktheme .contextMenu {
    bottom: 0px;
    right: 0px;
    background-color: white!important;
    position: absolute;
    z-index: 2;
    display: none;
    max-width: 100%;
    box-shadow: 0px -1px 6px rgb(0 0 0 / 30%);
    border-radius: 1.5rem 1.5rem 0 0;
}

.wetoktheme .linkedConnect {}

.wetoktheme .linkedConnect .current {}

.wetoktheme .linkedConnect .current .dx-badge {
    display: table;
    margin: auto;
    position: absolute;
    top: 0;
    width: 1rem;
    left: 0;
    z-index: 99;
}

.dx-badge {
    text-align: center;
    margin-bottom: 0.2rem;
}

.wetoktheme .linkedConnect .current .expand-button {
    display: table;
    margin: auto;
    position: absolute;
    top: 0px;
    right: 10px;
    z-index: 98;
}

.wetoktheme .linkedConnect .other-info {
    /* margin: 10px 0px 10px 0px; */
    /* padding-top: 10px; */
    color: #424242;
    font-size: 0.9rem;
}

.wetoktheme .linkedConnect .other-connect {
    padding: 8px;
    border: solid 1px #ccc;
    background-color: var(--BlueWC);
    color: white;
    margin: 0.25rem;
    border-radius: 0.5rem;
}

.wetoktheme .linkedConnect .other-connect:hover {
    opacity: 0.8;
    cursor: pointer;
}

.wetoktheme .linkedConnect .other-connect:last-child {
    margin-bottom: 0;
}

.wetoktheme .linkedConnect .dx-badge {
    display: table;
    margin: auto;
    position: absolute;
    top: 8px;
    /* right: 10px; */
}

#globalOverlay {
    height: 101%;
    width: 101%;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: white;
    z-index: 100000;
    text-align: center;
    display: none;
    font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
}

#globalOverlay .inner {
    position: relative;
    height: 100%;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#globalOverlay .inner .content {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% - 40px);
    white-space: nowrap;
}

#globalOverlay .inner .content .fa-spinner {
    display: inline-block;
    font-size: 16px;
}

#globalOverlay .inner .content .text {
    display: inline-block;
    font-size: 16px;
}

.wetoktheme .message-new-button {
    border-radius: 50%;
    padding: 0 0.2rem;
    display: table;
    position: absolute;
    z-index: 1;
    bottom: 1rem;
    right: 1rem;
    cursor: pointer;
    box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 25%);
}

.wetoktheme .menu-buttons {}

.wetoktheme .message {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.wetoktheme .message .imagecell {
    display: table-cell;
    width: 50px;
    vertical-align: top;
}

.wetoktheme .message .imagecontainer {
    border-style: solid;
    border-width: 4px;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    width: 100%;
    height: 50px;
}

.wetoktheme .message .imagecell .imagecontainer .image {
    width: 100%;
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    /*! padding: 10px 10px; */
}

.wetoktheme .message .contentcell {
    display: table-cell;
    vertical-align: middle;
    padding-left: 12px;
}

.wetoktheme .message .contentcell .text {
    max-width: 100%;
    overflow-x: hidden;
}

.wetoktheme .message .contentcell .text h3 {
    margin: 0;
    /*color: #0665bc;*/
    font-size: 11pt;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: inline;
}

.wetoktheme .message .contentcell .text p {
    /*! color: #aeafbd; */
    /*! white-space: normal; */
    /*! overflow: hidden; */
    /*! max-height: 40px; */
    /*! text-overflow: ellipsis; */
    /*! margin: 0px; */
    padding-top: 4px;
}

.wetoktheme .message .contentcell .text-unread {
    max-width: 100%;
    overflow-x: hidden;
    font-weight: bold;
}

.wetoktheme .message .contentcell .text-unread h3 {
    margin: 0;
    /*color: #0665bc;*/
    font-size: 17px;
    font-weight: bold;
}

.wetoktheme .message .contentcell .text-unread p {
    /*color: black;*/
    white-space: normal;
    overflow: hidden;
    max-height: 40px;
    text-overflow: ellipsis;
    margin: 0px;
    font-weight: bold;
}

.wetoktheme .message .datacell {
    display: table-cell;
    vertical-align: top;
    text-align: right;
    width: 50px;
}

.wetoktheme .message .datacell .badge {
    position: relative;
    margin: auto;
    display: inline-block;
}


/*.wetoktheme .message .datacell .badge .dx-badge
            {
                font-size: 8pt;
                display: table;
                position: absolute;
                z-index: 1;
                margin-top: -8px;
                right: 0px;
            }*/

.wetoktheme .message .datacell .date {
    /*color: #aeafbd;*/
    margin: 0px;
    font-size: 11px;
}

.wetoktheme .article {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.wetoktheme .article .imagecell {
    display: table-cell;
    width: 22px;
    vertical-align: top;
}

.wetoktheme .article .imagecontainer {
    overflow: hidden;
    text-align: center;
}

.wetoktheme .article .imagecell .imagecontainer .image {
    width: 100%;
}

.wetoktheme .article .contentcell {
    display: table-cell;
    vertical-align: top;
    padding-left: 5px;
    max-width: 100%;
    overflow-x: hidden;
}

.wetoktheme .article .contentcell .article-text {
    max-width: 100%;
    overflow-x: hidden;
}

.wetoktheme .article .contentcell .article-text h3 {
    margin: 0;
    /*color: #0665bc;*/
    font-size: 9pt;
}

.wetoktheme .article .contentcell .article-text p {
    white-space: normal;
    overflow: hidden;
    max-height: 40px;
    text-overflow: ellipsis;
    margin: 0px;
}

.wetoktheme .article .datacell {
    display: table-cell;
    vertical-align: top;
    text-align: right;
    width: 50px;
}

.wetoktheme .article .datacell .badge {
    width: 30px;
    position: relative;
    margin: auto;
    display: inline-block;
}


/*.wetoktheme .article .datacell .badge .dx-badge
            {
                font-size: 8pt;
                display: table;
                position: absolute;
                z-index: 1;
                margin-top: -8px;
                right: 0px;
            }*/

.wetoktheme .article .datacell .date {
    /*color: #aeafbd;*/
    margin: 0px;
    font-size: 11px;
}

.wetoktheme .onlinecontent {
    list-style-position: inside;
}

.wetoktheme .onlinecontent .title {
    /*! color: #0871d3; */
    /*! font-size: 16px; */
    /* text-transform: uppercase; */
    font-weight: 900;
    /*! text-align: justify; */
    margin-bottom: 4px;
}

.wetoktheme .onlinecontent .subtitle {
    /*color: #565656;*/
    /*! font-size: 15px; */
    text-align: justify;
    margin-bottom: 10px;
}

.wetoktheme .onlinecontent .summary {
    /*color: #565656;*/
    font-size: 15px;
    text-align: justify;
    margin-bottom: 10px;
}

.wetoktheme .onlinecontent .content {
    /*! color: #565656; */
    /*! font-size: 15px; */
    /*! text-align: justify; */
    margin-bottom: 10px;
}

.wetoktheme .onlinecontent .picture-main {
    max-height: 200px;
    overflow: hidden;
    border-bottom: solid 1px #f4f4f4;
}

.wetoktheme .onlinecontent .picture-main img {
    width: 100%;
    /*position: relative;
            top: 50%;
                transform: translateY(-50%);*/
}

.wetoktheme .onlinecontent .creator-table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 30px;
    overflow: hidden;
    /*! -webkit-box-shadow: inset 0 39px 26px -25px #065aa8; */
    /*! box-shadow: inset 0px 39px 26px -25px #065aa8; */
    /*background-color: #0665bd;
        color: white;*/
    /*! font-size: 12px; */
}

.wetoktheme .onlinecontent .creator-table .cell01 {}

.wetoktheme .onlinecontent .creator-table .cell02 {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    padding-left: 5px;
}

.wetoktheme .onlinecontent .creator-table .cell03 {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    width: 80px;
    padding-right: 4px;
}

.wetoktheme .onlinecontent .viewmore {
    /*background-color: #f4f4f4;*/
}

.wetoktheme .onlinecontent .viewmore .button {
    width: 100%;
    /*display: table;
                text-decoration: none;
                color: #04c1b8;
                border: 2px solid #04c1b8;
                text-transform: uppercase;
                padding: 8px 16px;
                border-radius: 25px;
                margin-left: 10px;
                -webkit-transition: all 0.2s ease-in;
                -moz-transition: all 0.2s ease-in;
                -ms-transition: all 0.2s ease-in;
                -o-transition: all 0.2s ease-in;
                transition: all 0.2s ease-in;
                cursor: pointer;*/
}

.wetoktheme .onlinecontent .survey {
    padding-left: 10px;
    padding-right: 10px;
}

.wetoktheme .onlinecontent .quickanswer {
    /*! -webkit-border-radius: 3px; */
    /*! -moz-border-radius: 3px; */
    /*! -ms-border-radius: 3px; */
    /*! -o-border-radius: 3px; */
    /*! border-radius: 3px; */
    /*! -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07); */
    /*! -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07); */
    /*! box-shadow: 0px 1px 3px rgba(0,0,0,0.07); */
    /*! border-width: 1px; */
    /*! border-style: solid; */
    /*background-color: #fafcff;*/
    /*border-color: rgba(0, 0, 0, 0.12);*/
    /*color: #0664bc;*/
    /*! cursor: pointer; */
    padding: 10px;
    text-align: left;
    margin-bottom: 5px;
}

.wetoktheme .onlinecontent .survey-container {
    /*! border: solid 1px #b5c2dc; */
    /*! padding: 10px 10px 0px 10px; */
    /*! border-radius: 3px; */
}

.wetoktheme .onlinecontent .oc-sections .details {}

.wetoktheme .onlinecontent .oc-sections .details .detail-row {
    margin-top: 4px;
    color: dimgray;
    font-size: 9pt;
}

.wetoktheme .onlinecontent .oc-sections .details .detail-row.recipients {
    cursor: pointer;
    color: dimgray;
    margin-top: 5px;
    border: solid 1px #ccc;
    display: table;
    padding: 4px 8px 2px 8px;
    border-radius: 4px;
}

.roundbox {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.07);
    border-width: 1px;
    border-style: solid;
    /*background-color: #fafcff;
    border-color: rgba(0, 0, 0, 0.12);
    color: #0664bc;*/
    padding: 10px;
    text-align: left;
    margin-bottom: 5px;
}

.marginbottom5 {
    margin-bottom: 5px;
}

.marginbottom5:last-child {
    margin-bottom: 0px;
}

.marginbottom10 {
    margin-bottom: 10px;
}

.marginbottom10:last-child {
    margin-bottom: 0px;
}

.marginbottom15 {
    margin-bottom: 15px;
}

.marginbottom15:last-child {
    margin-bottom: 0px;
}

.marginbottom20 {
    margin-bottom: 20px;
}

.marginbottom20:last-child {
    margin-bottom: 0px;
}

.marginbottom25 {
    margin-bottom: 25px;
}

.marginbottom25:last-child {
    margin-bottom: 0px;
}

.marginbottom30 {
    margin-bottom: 30px;
}

.marginbottom30:last-child {
    margin-bottom: 0px;
}

.marginbottomforce5 {
    margin: 0px;
    margin-bottom: 5px !important;
}

.marginbottomforce5:last-child {
    margin-bottom: 0px;
}

.marginbottomforce10 {
    margin: 0px;
    margin-bottom: 10px !important;
}

.marginbottomforce10:last-child {
    margin-bottom: 0px;
}

.wt-file-list {}

.wt-file-list .file-cell-ico {}

.wt-file-list .file-cell-info {}

.wt-file-list .file-cell-info .name {
    white-space: normal;
    word-break: break-word;
}

.wt-file-list .file-cell-info .size {
    font-size: 0.8em;
    color: dimgray;
}

.wt-file-list .file-cell-delete {
    width: 20px;
}

.wt-file-list .file-item {
    border-bottom: solid 1px gainsboro;
}

.wt-file-list .file-cell-info {
    padding-top: 5px;
    padding-bottom: 5px;
}

.wetoktheme .forum {}

.wetoktheme .forum .forum-room {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.07);
    border-width: 1px;
    border-style: solid;
    /*background-color: #fafcff;
        border-color: rgba(0, 0, 0, 0.12);
        color: #0664bc;*/
    cursor: pointer;
    padding: 10px;
    text-align: left;
    margin-bottom: 5px;
}

.forumMessagePopup .dx-popup-content {
    padding: 0!important
}

.wetoktheme .forum .forum-room:last-child {
    margin-bottom: 0px;
}

.wetoktheme .forum .forum-room-title {
    max-width: 100%;
}

.wetoktheme .forum .forum-room-title span {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 100%;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
}

.wetoktheme .forum .forum-room-chat {
    position: relative;
}

.wetoktheme .forum .forum-room-chat .fa-comments-o {
    position: relative;
}


/*.wetoktheme .forum .forum-room-chat .dx-badge
        {
            position: absolute;
            z-index: 1;
            top: -8px;
            right: -4px;
        }*/

.wetoktheme .forum .forum-room-date {
    /*font-size: 8pt;*/
    /*color: black;*/
}

.wetoktheme .forum .forum-room-lastmsg {
    max-width: 100%;
    margin-top: 0px;
}

.wetoktheme .forum .forum-room-lastmsg span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    display: block;
    font-size: 11px;
    padding: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-style: italic;
}

.wetoktheme .onlinecontentlist {
    /*background-color: #fafcff;*/
}


/*.wetoktheme .onlinecontentlist .dx-list-item
    {
        border-top: none !important;
    }*/

.wetoktheme .onlinecontentlist .onlinecontentlist-item {
    white-space: normal;
    /*margin: 10px 10px 0px 10px;*/
    /*margin: 0px 0px 0px 0px;*/
    overflow-x: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*-webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.35);
            -moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.35);
            box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.35);*/
    /*border: solid 1px #415c74;*/
    border-bottom: solid 1px #dae2ea;
    /*background-color: white;*/
}

.wetoktheme .onlinecontentlist .onlinecontentlist-item .picture-featured {
    width: 101%;
    height: 160px;
    overflow: hidden;
    position: relative;
    border: none;
}

.wetoktheme .onlinecontentlist .onlinecontentlist-item .picture-featured img {
    width: 100%;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.wetoktheme .onlinecontentlist .onlinecontentlist-item .content-featured {
    padding: 16px 10px 16px 10px;
}

.wetoktheme .onlinecontentlist .onlinecontentlist-item .content-featured .title {
    /* font-size: 16pt; */
    font-weight: 600;
    /* text-align: justify; */
}

.wetoktheme .onlinecontentlist .onlinecontentlist-item .content-featured .summary {
    white-space: normal;
    text-align: justify;
    margin-top: 5px;
}

.wetoktheme .onlinecontentlist .onlinecontentlist-item .content-featured .footer {
    margin-top: 14px;
}

.wetoktheme .onlinecontentlist .onlinecontentlist-item .content-featured .footer .image {
    width: 100%;
    height: 40px;
    /*background-color: #0664bc;*/
    border: solid 2px #0664bc;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
}

.wetoktheme .onlinecontentlist .onlinecontentlist-item .content-featured .footer .info {
    padding-left: 10px;
    margin: auto;
}

.wetoktheme .onlinecontentlist .onlinecontentlist-item .picture-featuredn {
    width: 101%;
    height: 160px;
    overflow: hidden;
    position: relative;
    border: none;
}

.wetoktheme .onlinecontentlist .onlinecontentlist-item .picture-featuredn img {
    width: 100%;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.wetoktheme .onlinecontentlist .onlinecontentlist-item .content-featuredn {
    padding: 16px 10px 16px 10px;
}

.wetoktheme .onlinecontentlist .onlinecontentlist-item .content-featuredn .title {
    /* font-size: 16pt; */
    font-weight: 600;
    /* text-align: justify; */
}

.wetoktheme .onlinecontentlist .onlinecontentlist-item .content-featuredn .summary {
    white-space: normal;
    text-align: justify;
    margin-top: 5px;
}

.wetoktheme .onlinecontentlist .onlinecontentlist-item .content-featuredn .footer {
    margin-top: 14px;
}

.wetoktheme .onlinecontentlist .onlinecontentlist-item .content-featuredn .footer .image {
    width: 100%;
    height: 40px;
    /*background-color: #0664bc;*/
    border: solid 2px #0664bc;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
}

.wetoktheme .onlinecontentlist .onlinecontentlist-item .content-featuredn .footer .info {
    padding-left: 10px;
    margin: auto;
}

.wetoktheme .onlinecontentlist .onlinecontentlist-item .picture-regular {
    width: 101%;
    height: 160px;
    overflow: hidden;
    position: relative;
    border: none;
    margin-top: -1rem;
}

.wetoktheme .onlinecontentlist .onlinecontentlist-item .picture-regular img {
    width: 100%;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.wetoktheme .onlinecontentlist .onlinecontentlist-item .content-regular {
    padding: 16px 10px 16px 10px;
    position: relative;
}

.wetoktheme .onlinecontentlist .onlinecontentlist-item .content-regular .title {
    /*! font-size: 13pt; */
    font-weight: 600;
    /*! text-align: justify; */
}

.wetoktheme .onlinecontentlist .onlinecontentlist-item .content-regular .summary {
    white-space: normal;
    text-align: justify;
    margin-top: 5px;
}

.wetoktheme .onlinecontentlist .onlinecontentlist-item .content-regular .footer {
    margin-top: 14px;
}

.wetoktheme .onlinecontentlist .onlinecontentlist-item .content-regular .footer .image {
    width: 100%;
    height: 30px;
    /*! background-color: #0664bc; */
    /*! border: solid 2px #0664bc; */
    border-radius: 50%;
    position: relative;
    overflow: hidden;
}

.wetoktheme .onlinecontentlist .onlinecontentlist-item .content-regular .footer .info {
    padding-left: 10px;
    margin: auto;
}

.wetoktheme .nopadding {}

.wetoktheme .nopadding .dx-list-item-content {
    padding: 0px !important;
}

.dx-list-item:last-of-type {
    margin-bottom: 150px!important;
}


/*.wetoktheme .onlinecontentlist .onlinecontentlist-item .dx-badge
        {
            position: absolute;
            right: 10px;
            width: 20px;
            height: 20px;
            line-height: 20px;
            text-align: center;
            vertical-align: middle;
            font-size: 16pt;
            padding-top: 2px;
        }*/

.wt {}

.wt .wt-personframe {
    border-style: solid;
    border-width: 4px;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    width: 50px;
    height: 50px;
    position: relative;
}

.wt-personframe .image.fa {
    margin-top: 0.3rem;
}

.wt .wt-personframe .image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.wt .wt-surveysummaryitem {
    display: inline-block;
    background-color: white;
    border-left-style: solid;
    border-left-width: 1px;
    height: 70px;
    width: 100px;
    text-align: center;
    cursor: pointer;
    position: relative;
    font-size: 11px;
    color: #717171;
    border: solid 1px rgba(113, 113, 113, 0.3);
    margin-right: 5px;
    border-radius: 0.5rem;
    box-shadow: 0px 5px 4px rgb(0 0 0 / 30%);
}

.wt .wt-surveysummaryitem:last-child {
    display: inline-block;
    border-right-style: solid;
    border-right-width: 1px;
}

.wt-box {
    height: 100%;
    max-height: 100%;
}

.wt-box .wt-box-header {
    height: unset;
    max-height: unset;
}

.wt-box .wt-box-content {
    height: 1px;
    max-height: unset;
    overflow: hidden;
}

.wt-box .wt-box-footer {
    height: unset;
    max-height: unset;
}

.wt-navbar {
    border-bottom: solid 1px #ced5e4;
}


/*.wt-navbar .dx-item
    {
        background-color: white;
    }

        .wt-navbar .dx-item:hover
        {
            background-color: #f5f7fa);
        }

    .wt-navbar .dx-tab-selected
    {
        background-color: #f5f7fa;
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }

    .wt-navbar .dx-state-focused
    {
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }

    .wt-navbar .dx-nav-item-content
    {
        color: #3a5795;
    }

    .wt-navbar .dx-icon
    {
        color: #3a5795;
    }*/

.wt-navbar .wt-content {
    /*background-color: #f5f7fa;*/
}

.wt .wt-quest-item {
    width: 200px;
    margin: auto;
    border: solid 1px #ddd;
    padding: 25px;
    border-radius: 4px;
    text-align: center;
    position: relative;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
}

.wt .wt-quest-item-image {
    margin: auto;
    display: table;
}

.wt .wt-quest-item-title {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.wt .wt-quest-item-check {
    /*color: limegreen;*/
    position: absolute;
    top: 10px;
    right: 10px;
}

.wetoktheme .fileupload {}

.wetoktheme .fileupload .files {
    white-space: nowrap;
    text-align: center;
}

.wetoktheme .fileupload .file {
    border: solid 1px #dae4ec;
    padding: 5px;
    display: inline-block;
    position: relative;
    /*color: #e00000;*/
    cursor: pointer;
}

.wetoktheme .fileupload .file div {
    position: absolute;
    right: 0px;
    margin-right: 8px;
}

.wetoktheme .fileupload .file img {
    height: 100px;
}

.wetoktheme .fileupload .buttons {
    text-align: center;
    margin-top: 10px;
}

.wetoktheme .fileupload .button {
    border-radius: 0;
    margin: 0px;
}

.wetoktheme .fileupload .button-img {
    display: block;
    margin: 3px 4px 0px 4px;
}


/*.dx-pivottabs
{
    background-color: rgb(6, 101, 188);
    color: white;
    height: 44px;
    text-transform: uppercase;
}

.dx-pivottabs-tab
{
    font-size: 16px;
    color: #05b9b8;
}

.dx-pivottabs-ghosttab
{
    font-size: 16px;
    color: #05b9b8;
}

.dx-pivottabs-tab-selected
{
    color: white;
    font-size: 16px;
    font-weight: bold;
}

.dx-pivot-itemcontainer
{
    top: 44px;
}

.dx-pivottabs .dx-empty-message
{
    display: none;
}

.dx-list .dx-list-item.dx-state-hover
{
    background-color: inherit !important;
    color: inherit !important;
}

.dx-list .dx-list-item.dx-state-focused
{
    background-color: inherit !important;
    color: inherit !important;
}

.dx-actionsheet-container
{
    padding: 10px 10px 0px 10px;
}

.dx-popup-content .dx-button
{
    margin: auto;
}*/

body {
    -ms-content-zooming: none;
}


/*custom*/


/*.dx-content-header
{
}

    .dx-content-header .dx-toolbar
    {
        padding-left: 10px !important;
        padding-right: 10px !important;
        background-color: #f2f9ff;
        border-top: solid 1px #e0e4ed;
        border-bottom: solid 1px #e0e4ed;
    }*/


/*.layout-footer {
    border-top: solid 1px #e0e4ed;
    height: 60px !important;
}
    */


/*.layout-footer .dx-tab
    {
        background-color: white;
        color: #3a5795;
    }

    .layout-footer .dx-tab-selected
    {
        background-color: #3a5795;
        color: white;
    }

        .layout-footer .dx-tab-selected i
        {
            color: white !important;
        }

    .layout-footer .dx-tab i
    {
        color: #3a5795;
    }*/


/*.wt-view-navbar .dx-tab
    {
        background-color: white;
        color: #3a5795;
    }

    .wt-view-navbar .dx-tab-selected
    {
        background-color: #3a5795;
        color: white;
    }

        .wt-view-navbar .dx-tab-selected i
        {
            color: #3a5795 !important;
        }

    .wt-view-navbar .dx-tab-selected
    {
        color: #3a5795 !important;
        background-color: white !important;
    }


    .wt-view-navbar .dx-tab i
    {
        color: #3a5795;
    }*/

wt-fileupload-info {
    text-align: left !important;
}

.wt-product-search {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    /*background-color: white;*/
    border-bottom: solid 1px silver;
    margin-bottom: 10px;
}

.wt-product-search>div {
    padding: 10px;
}

.wt-product-content {
    height: 100%;
}

.wt-product-options {
    position: absolute;
    z-index: 1000;
    width: 100%;
    bottom: 0px;
    /*background-color: white;*/
    height: 50px;
    text-align: center;
}

.wt-product-list {
    height: calc(100% - 50px);
}

.wt-product-list .wt-product-item-image {
    width: 150px;
    height: 96px;
    background-size: cover;
    float: left;
    margin-right: 10px;
}

.wt-product-list .wt-product-item-name {
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
}

.wt-product-list .wt-product-item-promo {
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    /*color: gray;*/
}

.wt-survey-dxlist {}

.wt-survey-dxlist .dx-list-item {
    /* border-bottom: solid 1px #ccc; */
    padding: 0.5rem 1rem 1rem 1rem;
}

.calendar .dx-list-group-header {
    /* padding: 14px 16px 0px 14px!important; */
    padding: 0rem 1rem 1rem;
    border-top: 0px;
}

.calendar .dx-list-group:not(.dx-list-group-collapsed):not(:last-child) {
    border-bottom: 0px;
}


/* .wt-survey-dxlist .dx-list-item:first-child {
    border-top: solid 1px #ccc;
} */


/* .wt-school-reportgrade {}
 */

.wt-school-reportgrade th {
    padding: 10px;
}


/* .wt-school-reportgrade td {
    padding: 10px 10px 10px 0px;
} */

.wt-school-reportgrade tr {
    border-top: solid 1px gainsboro;
}

.wt-school-reportgrade tr:last-child {
    border-bottom: none;
}

.wt-school-reportgrade tr:last-child td {
    padding-bottom: 0px;
}

.oc-content-group {
    padding: 12px 8px 12px 8px;
    white-space: normal;
}

.oc-content-group-border {
    border-top: 1px solid rgb(228, 228, 228);
}

.oc-sections {
    padding: 0px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0.9em;
}

.oc-sections .section {
    margin-bottom: 0.5rem;
    /*border-top: solid 1px #ccc !important;*/
}

.oc-sections .section:last-child {}

.oc-sections .title {
    cursor: pointer;
    font-weight: 600;
    text-transform: uppercase;
    color: black;
    background-color: #eaeaea;
    padding: 8px;
    margin-bottom: 4px;
    border-radius: 4px;
}

.oc-sections .title:last-child {
    margin-bottom: 0px !important;
}

.oc-sections .content {
    /* margin-bottom: 30px !important; */
    padding: 0.5rem;
}

.oc-sections.nosidepaddings .content {
    padding: 0rem;
}

.dx-tag-content {
    margin: 0.5rem 0.25rem 0 0.25rem;
}


/*.oc-sections .noborder
    {
        border-top:! none !important;
    }*/

.oc-sections .surveyInputCaption {
    font-weight: 600;
    /* color: rgba(0, 0, 0, 0.7); */
    font-size: 0.9rem;
}

.surveyTitle {
    font-weight: 600;
    /* color: rgba(0, 0, 0, 0.7); */
    font-size: 0.9rem;
    margin-top: 0.5rem;
}

.surveyInput {
    /* margin-bottom: 1rem!important; */
}

.surveyInputCaption {
    font-weight: 900;
    padding-right: 0.2rem;
    /* margin-top: 0.5rem; */
    margin-bottom: 0rem!important;
}

.dx-checkbox-container:last-child {}

.oc-message-filter-button-group {
    border: solid 1px #555;
    background-color: #ddd;
    border-radius: 50px;
    width: auto;
    display: inline-block;
}

.oc-message-filter-button-group .oc-message-filter-button {
    display: inline-block;
    border-radius: 50px;
    padding: 6px 12px 6px 12px;
    color: #6a6a6a;
    background: #ddd;
    /* font-size: 1rem; */
    margin: 0.3rem;
}

.oc-message-filter-button-group .oc-message-filter-button.selected {
    color: white;
    font-weight: 600;
    border: solid 1px #555;
    background-color: #555;
}

.oc-message-folder {
    position: relative;
}

.oc-message-folder .dx-texteditor-input {
    padding: 8px !important;
    background-color: transparent;
}

.oc-message-folder .dx-texteditor.dx-editor-standard::after {
    border: none;
    background-color: transparent;
}

.oc-message-folder .dx-texteditor.dx-editor-standard.dx-state-hover::after {
    border: none;
    background-color: transparent;
}

.nosidepaddings {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.messsage-pivot {}

.messsage-pivot .dx-tabpanel-tabs {
    display: none !important;
}

.dx-tabpanel-tabs .dx-tabs-wrapper {
    padding: 0.5rem;
}

.dx-tabpanel-tabs .dx-tab-selected .dx-tab-content {
    background-color: white!important;
    color: black!important;
}

.dx-tabpanel-tabs .dx-tab-selected .dx-tab-text {
    color: black!important;
    font-weight: 900;
}

.dx-tabpanel-tabs .dx-tab .dx-tab-content {
    background-color: lightgray;
    color: grey!important;
    margin: 0.25rem!important;
    border-radius: 5rem;
    padding: 0.5rem;
}

.virtualroom {
    border: solid 1px orangered;
    margin: 2px;
    padding: 10px;
    font-size: 9pt;
    background-color: #fff0d5;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
    position: relative;
}

.virtualroom .content-title {
    margin-bottom: 15px;
    font-size: 11pt;
}

.virtualroom .block-title {
    margin-top: 15px;
    border-top: solid 1px silver;
    padding-top: 8px;
    font-weight: 600;
    font-size: 11pt;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #3c3c3c;
}

.virtualroom .block-summary {}

.virtualroom .block-content {
    margin-top: 10px;
}

.virtualroom .digits {
    margin-top: 8px;
}

.virtualroom .tokenpart {
    display: inline-block;
    font-size: 20pt;
    font-weight: 600;
    margin-right: 8px;
}

.virtualroom a {
    display: table;
    text-decoration: none;
    font-size: 10pt;
    padding: 4px 6px 4px 6px;
    border: solid 1px darkorange;
    border-radius: 4px;
    background-color: ghostwhite;
    color: #222;
}

.sv_q_file img {
    margin-top: 0.5rem;
    border-radius: 1rem;
}

.sv_q_file_preview {
    display: inline-block;
    vertical-align: top;
    border: 1px solid lightgray;
    box-shadow: 0px 4px 5px rgb(0 0 0 / 20%);
    padding: 10px;
    margin: 0 5px 5px 5px;
    border-radius: 1rem;
    background-color: whitesmoke;
}

.sv_container .alert-danger span {
    display: block;
}

.sv_container .alert-danger input {
    margin-top: 8px;
    color: red;
    border: none;
    border-radius: 4px;
    padding: 4px 8px 4px 8px;
}

.sv_main .panel-footer {
    background-color: transparent !important;
    border-top: none;
    padding: 0;
    text-align: center;
}

#docviewer {
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: white;
    width: 100%;
    height: 100%;
    z-index: 99;
    /*padding: 3px;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*border-radius: 4px;*/
}

#docviewer iframe {
    height: calc(100% - 60px);
    width: 100%;
    /*border-radius: 3px;*/
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#docviewer .actions {
    height: 60px;
    text-align: center;
    border-top: solid 1px #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding-top: 10px;
    position: absolute;
}

#docviewer .actions-inner {
    height: 100%;
    position: relative;
}

#docviewer #docviewer-info {
    border: none;
    -webkit-box-shadow: none;
    padding: 0;
    position: absolute;
    bottom: 5rem;
    right: 2rem;
    width: 50px;
    height: 50px;
}

#docviewer-info .dx-icon-info {
    width: 36px;
    font-size: 36px;
}

.CLIPBOARDCOPY {
    border: dashed 1px #ff6f29;
    padding: 4px 8px 2px 6px;
    cursor: pointer;
    border-radius: 4px;
    display: inline-block;
    border-radius: 4px;
}

.flexbox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.flexbox .flexbox-item {}

.quest-monitor-list {}

.quest-monitor-list .questitem .responsibles {
    text-align: center;
    margin-top: 10px;
    border-top: solid 1px #ccc;
    padding: 8px;
}

.quest-monitor-list .questitem .responsibles .flexbox {
    justify-content: center;
}

.quest-monitor-list .questitem .responsibles .title {
    margin-bottom: 4px;
    color: #555;
}

.quest-monitor-list .questitem .responsibles .responsible {
    width: 100px;
    border-radius: 4px;
    margin-right: 5px;
    /*height: 80px;*/
    /*display: inline-block;*/
}

.quest-monitor-list .questitem .responsibles .responsible .picture {
    height: 80px;
    width: 100px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    border: solid 1px #9d9d9d;
}

.quest-monitor-list .questitem .responsibles .responsible .picture img {
    width: 100%;
}

.quest-monitor-list .questitem .responsibles .responsible .picture .nophoto {
    width: 100%;
    font-size: 64px;
    color: gray;
}

.quest-monitor-list .questitem .responsibles .responsible .name {
    font-size: 10pt;
    max-height: 40px;
    text-overflow: ellipsis;
}

.quests-monitor {}

.quests-monitor .parents {
    margin-top: 20px;
    border: solid 1px #ccc;
    padding: 10px;
    border-radius: 4px;
}

.quests-monitor .parents .title {
    font-size: 14pt;
    font-weight: bold;
    margin-bottom: 15px;
}

.quests-monitor .parents .block {
    margin-bottom: 20px;
}

.quests-monitor .parents .block .name {
    font-size: 12pt;
    font-weight: bold;
    color: #838383;
    background-color: #efefef;
    padding: 4px;
    border-radius: 4px;
    margin-bottom: 8px;
}

.quests-monitor .parents .block .pictures {}

.quests-monitor .parents .block .picture {
    font-size: 64px;
    color: dimgray;
}

.quests-monitor .parents .block .picture img {
    max-width: 200px;
    width: 244px;
}

.editButtons .dx-icon {
    color: white!important;
}


/*ajustes survey*/


/*após a remoção do bootstrap ainda é necessário?*/

.select.form-control {
    width: 100%;
    padding: 0.5rem;
    border-radius: 0.5rem!important;
}

input[type=date],
input[type=time] {
    width: 100%;
    padding: 0.5rem;
    border-radius: 0.5rem;
    border: solid 1px rgba(118, 118, 118, 0.3);
}

.sv_row {
    margin-bottom: 10px;
}

.sv_qstn fieldset {
    padding: 0.3rem;
    /* display: flex; */
}

.sv_main.sv_main.sv_bootstrapmaterial_css .btn-default {
    margin: 0.25rem;
    background-color: white;
    padding: 0.25rem 0.5rem;
    border-radius: 1rem;
}

.btn-group fieldset {
    white-space: nowrap;
    height: 2rem;
    margin-top: 0.5rem;
}

.sv_main.sv_main.sv_bootstrapmaterial_css .btn-default.active .sv_q_rating_item_text {
    /* background-color: var(--BlueWC); */
    color: rgb(255, 255, 255);
}

.sv_qstn .form-group .bmd-form-group {
    width: 100%;
}

.secao .sv_row input[type=text],
.secao .sv_row textarea {
    width: 100%;
}

.sv_row input[type=text],
.sv_row textarea {
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0.5rem!important;
    border: solid 1px rgba(118, 118, 118, 0.3);
    overflow-x: hidden;
    padding: 0.5rem;
    background-color: white;
}


/*estou chegando - tornar dinâmico*/


/*@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');*/

.quest-monitor-list {
    margin: 0;
    font-size: 1rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

.quest-monitor-list :root {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 2rem;
}

.quest-monitor-list div {
    display: block;
}

.quest-monitor-list p {
    font-size: 0.8rem;
    letter-spacing: 0.075rem;
    margin-top: 0;
    margin-bottom: 1rem;
}

.quest-monitor-list h5 {
    font-size: 1.25rem;
}

.quest-monitor-list hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: .25;
}

.quest-monitor-list hr:not([size]) {
    height: 1px;
}

.quest-monitor-list button {
    text-transform: none;
    margin: 0;
    font-family: inherit;
}

.quest-monitor-list button:not(:disabled) {
    cursor: pointer;
}

.quest-monitor-list .btn {
    display: inline-block;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.quest-monitor-list .btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: .75rem;
    border-radius: 0.2rem;
}

.quest-monitor-list .btn-outline-dark {
    color: #212529;
    border-color: #212529;
}

.quest-monitor-list .btn-outline-dark:hover {
    color: #fff;
    background-color: #212529;
    border-color: #212529;
}

.quest-monitor-list .btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107;
}

.quest-monitor-list .btn-outline-warning:hover {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107;
}

.quest-monitor-list .btn-outline-success {
    color: #198754;
    border-color: #198754;
}

.quest-monitor-list .btn-outline-success:hover {
    color: #fff;
    background-color: #198754;
    border-color: #198754;
}

.quest-monitor-list .btn-outline-danger {
    color: red;
    border-color: red;
}

.quest-monitor-list .btn-outline-danger:hover {
    color: #fff;
    background-color: red;
    border-color: red;
}

.quest-monitor-list .bg-light {
    background-color: #f8f9fa !important;
}

.quest-monitor-list .bg-dark {
    background-color: #212529 !important;
}

.quest-monitor-list .bg-warning {
    background-color: #ffc107 !important;
}

.quest-monitor-list .badge {
    display: inline-block;
    padding: 0.35em 0.65em;
    font-size: .75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

.quest-monitor-list .container {
    width: 100%;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.quest-monitor-list .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
}

.quest-monitor-list .my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.quest-monitor-list .my-5 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.quest-monitor-list .mb-0 {
    margin-bottom: 0 !important;
}

.quest-monitor-list .mt-0 {
    margin-top: 0 !important;
}

.quest-monitor-list .mt-2 {
    margin-top: 0.5rem !important;
}

.quest-monitor-list .mt-5 {
    margin-top: 3rem !important;
}

.quest-monitor-list .mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.quest-monitor-list .mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}

.quest-monitor-list .p-0 {
    padding: 0 !important;
}

.quest-monitor-list .me-1 {
    margin-right: 0.25rem !important;
}

.quest-monitor-list .pe-1 {
    padding-right: 0.25rem !important;
}

.quest-monitor-list .pe-2 {
    padding-right: 0.5rem !important;
}

.quest-monitor-list .px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

.quest-monitor-list .pt-2 {
    padding-top: 0.5rem !important;
}

.quest-monitor-list .w-50 {
    width: 50% !important;
}

.quest-monitor-list .w-100 {
    width: 100% !important;
}

.quest-monitor-list .text-uppercase {
    text-transform: uppercase !important;
}

.quest-monitor-list .fw-bold {
    font-weight: 700 !important;
}

.quest-monitor-list * {
    box-sizing: border-box;
}

.quest-monitor-list .col-12 {
    flex: 0 0 auto;
    width: 100%;
}

.quest-monitor-list .card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: 15px;
}

.quest-monitor-list .card-title {
    margin-bottom: 0.5rem;
}

.quest-monitor-list .card-body {
    position: relative;
    bottom: 35px;
    flex: 1 1 auto;
}

.quest-monitor-list .card-title {
    margin-bottom: 0.5rem;
}

.quest-monitor-list .profile img {
    width: 68px;
    height: 68px;
    border-radius: 50%;
}

.quest-monitor-list .avatar {
    border: solid 2px white;
}

.quest-monitor-list .img-fluid {
    max-width: 100%;
}

.quest-monitor-list img {
    vertical-align: middle;
}

.quest-monitor-list .border-0 {
    border: 0 !important;
}

.quest-monitor-list .shadow-sm {
    /*box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;*/
}

.quest-monitor-list .d-flex {
    display: flex !important;
}

.quest-monitor-list .collapse:not(.show) {
    display: none;
}

@media (min-width: 768px) {
    .quest-monitor-list .col-md-3 {
        flex: 0 0 auto;
        width: 25%;
    }
}

.option-group {
    display: inline-block;
    font-size: 1.2em;
    padding: 10px;
    cursor: pointer;
    text-align: center;
    position: relative;
    width: 50%;
    border-radius: 50px;
}