.text-right {
    text-align: right !important;
}
.text-left {
    text-align: left !important;
}
.cursor-pointer {
    cursor: pointer !important;
}

/* Ajuste usabilidade datatables espacamento filtros */
#basic-datatable_wrapper .row:first-child {
    padding-bottom: 16px;
}

#basic-datatable_wrapper .row .dataTables_length:first-child {
    padding-bottom: 16px;
}

/* Avatar, view prontuário, foto usuário */
.avatar-lg {
    height: 6.5rem !important;
    width: 6.5rem !important;
}

/* input em forma de texto. remover efeitos de input */
.input-only-view {
    border: none;
}
.input-only-view:focus {
    outline: none;
}

/* Ajuste de input para a cor de acordo com o tema (dark) */
.input-dark {
    color: var(--ct-text-muted) !important;
    background-color: var(--ct-card-border-color) !important;
}

/* Estilo borda inferior rosa */
.b-b-pink {
    border-bottom: solid 2px #f5c4d8 !important;
}

/* Timeline, custom color */
.timeline-box {
    background: var(--ct-gray-100) !important;
}

.timeline-item.timeline-item-left .timeline-desk .arrow-alt {
    border-left: 12px solid var(--ct-gray-100) !important;
}

.timeline-item .timeline-desk .arrow {
    border-right: 12px solid var(--ct-gray-100) !important;
}

/* Visualização do treino, tag visual para métodos em circuito */
.metodo-circuito {
    border-left: solid 2px var(--ct-red);
    border-left-style: dashed;
    padding-left: 18px;
    margin-left: -24px;
}

.metodo-circuito-label {
    position: absolute;
    transform: rotate(-90deg);
    left: 0;
    margin: 20vh 0px 0px -29px;
}

.metodo-super-set {
    left: -12px !important;
}

@media screen and (max-width: 768px) {
    .metodo-circuito-label {
        margin: 33vh 0px 0px -29px;
    }
}


/* Carousel dieta - Tema Claro */
.carousel-control-prev-icon-light {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") !important;
}

.carousel-control-next-icon-light {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

/* Carousel dieta - Tema Escuro */
.carousel-control-prev-icon-dark {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") !important;
}

.carousel-control-next-icon-dark {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

/* Float */
.f-left {
    float: left !important;
}

.f-right {
    float: left !important;
}

/* Menu mobile active */
#mobile-menu a.active i{
    color: var(--ct-blue) !important;
}


/* Tela de treino iterativa */
span#countTime {
    font-weight: 700;
}

.training-check {
    position: absolute;
    right: 54px;
    z-index: 1;
    margin-top: 60px !important;
    font-size: large;
}

.training-checked {
    opacity: 0.6;
}

/** Pull to refresh js */
.ptr--ptr {
  background: var(--ct-body-bg);
  font-weight: bold;
}

/* Ajuste calendário tema escuro */
body[data-layout-color="dark"] option.flatpickr-monthDropdown-month {
    background-color: #132a38 !important;
}

/* Fundo de tela customizado mobile */
body.authentication-bg-pattern-mobile {
    background-color: #000000;
    background-image: url('../../images/bg-pattern-mobile.jpg');
    background-position: top;
    background-size: cover;
    background-attachment: fixed;
}

/* Fundo de tela customizado mobile 2 - com pattern */
body.authentication-bg-pattern-mobile2 {
    background-color: #000000;
    background-image: url('../../images/bg-pattern-mobile2.jpg');
    background-position: top;
    background-size: cover;
    background-attachment: fixed;
}

/* Customização de inputs de form para tema escuro */
body[data-layout-color="dark"] .form-control {
    background-color: #0a0e12;
    border-radius: 12px;
    border: 2px solid #1f272b;
    font-size: 1.15rem;
}
body[data-layout-color="dark"] .form-select {
    background-color: #0a0e12;
    border-radius: 12px;
    border: 2px solid #1f272b;
    font-size: 1.15rem;
}

/* Ícone de input customizado, lado esquerdo */
.input-group-text-left-style {
    background-color: #0a0e12;
    border: 2px solid #1f272b;
    font-size: 1.15rem;
    border-radius: 12px;
    border-right: 0;
}

/* Ícone de input customizado, lado direito */
.input-group-text-right-style {
    background-color: #0a0e12;
    border: 2px solid #1f272b;
    font-size: 1.15rem;
    border-radius: 12px;
    border-left: 0;
}

/* Remoçao fundo footer */
.footer {
    background-color: unset;
}

/* Menu inferior mobile, remoção do fundo */
body[data-layout-color=dark] .bg-light {
    background-color: var(--ct-card-bg) !important;
}

/* Menu inferior mobile, caixas brancas botões */
/* .footer-btn-background {
    background: rgb(255, 255, 255);
    padding: 1rem .8rem .7rem .8rem;
    border-radius: 18px 18px 0px 0px;
} */

/* .footer-btn-background i { */
    /* min-width: 1em; */
    /* text-align: center; */
/* } */

/* Ajustes identidade */
.card, .card-body {
    border-radius: 20px;
}
.modal-content {
    border-radius: 1.2rem;
}

/* Menus dashboard */
.dash-menu-image {
    border-radius: 42px;
    box-shadow: 1px 3px 23px -10px rgba(247, 210, 80, 0.75);
    -webkit-box-shadow: 1px 3px 23px -10px rgba(247, 210, 80, 0.75);
    -moz-box-shadow: 1px 3px 23px -10px rgba(247,210,80,0.75);
}
.dash-menu-image-alert {
    border-radius: 42px;
    box-shadow: -1px 5px 5px -2px rgb(255 0 0 / 75%);
    -webkit-box-shadow: -1px 4px 5px -2px rgb(234 51 67);
    -moz-box-shadow: -1px 5px 5px -2px rgba(234,51,67,0.75);
}
.dash-menu-image-success {
    border-radius: 42px;
    box-shadow: -1px 5px 5px -2px rgba(0, 255, 26, 0.75);
    -webkit-box-shadow: -1px 4px 5px -2px rgb(0, 255, 26);
    -moz-box-shadow: -1px 5px 5px -2px rgba(0,255,26,0.75);
}
.dash-menu-image-highlight {
    border-radius: 42px;
    box-shadow: -1px 11px 9px -6px rgb(241 85 108);
    -webkit-box-shadow: -1px 11px 9px -6px rgb(241 85 108);
    -moz-box-shadow: -1px 11px 9px -6px rgba(241, 85, 108, 0.75);
}
.dash-menu-alert-label {
    position: absolute;
    font-variant: all-small-caps;
    font-size: large;
    margin-top: 1em;
    margin-left: 15em;
}

/* Fundo de tela customizado para componentes/widgets de tela */
.dash-component-bk1 {
    background-color: #000000;
    background-image: url('../../images/background-box1.jpg');
    background-size: cover;
    min-height: 170px;
    max-height: 170px;
    height: -webkit-fill-available;
}
.dash-component-bk2 {
    background-color: #000000;
    background-image: url('../../images/background-box2.jpg');
    background-size: cover;
    min-height: 170px;
    max-height: 170px;
    height: -webkit-fill-available;
}
.dash-component-bk3 {
    background-color: #000000;
    background-image: url('../../images/background-box3.jpg');
    background-size: cover;
    min-height: 170px;
    max-height: 170px;
    height: -webkit-fill-available;
}

/* Customização datatables input de busca estourando tela */
input[type="search"].form-control {
    width: 85% !important;
}

/* Imagens de conquista bloqueadas */
.achievementNotCompleted {
    filter: blur(5px) grayscale(1);
}

/* Box conquistas */
.achievementBox {
    border-radius: 30px;
}

.achievement_comum {
    border: 3px solid #16c60c;
}
.achievement_raro {
    border: 3px solid #0078d7;
}
.achievement_epico {
    border: 3px solid #886ce4;
}
.achievement_legendario {
    border: 3px solid #fff100;
}
.achievement_comum_text {
    color: #16c60c;
}
.achievement_raro_text {
    color: #0078d7;
}
.achievement_epico_text {
    color: #886ce4;
}
.achievement_legendario_text {
    color: #fff100;
}