@import url('https://fonts.googleapis.com/css2?family=Exo:wght@400;500;700&display=swap');

:root {
    --shadowSize: 20px;
    --shadowColor: rgba(0, 0, 0, 0.20);
}

@keyframes dropPanel
{
    0% {
        opacity: 0;
        transform: translateY(-100px) scaleY(0.5);
    }
    
}

@keyframes dropPanelProfile
{
    0% {
        opacity: 0;
        transform: translateY(-25px) scaleY(0.5);
    }
    
}

/* ajax loader e modal box */
.modal-backdrop {
    background-color: #cdcdcd;
    z-index: 499;
}

#ajax_loader {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 999999999;
    height: 100px;
    width: 200px;
    margin-left: -100px;
    margin-top: -50px;
    text-align: center;
}

.text-loading {
    margin-top: 20px;
    color: #3b3e42;
    font-weight: 500;
}

.modal {
    z-index: 500;
}

.modal-danger .modal-header {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.modal-danger .close {
    color: #a94442;
}

.modal-danger .modal-content {
    border-color: #ebccd1;
}

.modal-danger .modal-footer {
    border-top: 1px solid #ebccd1;
}

.modal-warning .modal-header {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.modal-warning .close {
    color: #8a6d3b;
}

.modal-warning .modal-content {
    border-color: #faebcc;
}

.modal-warning .modal-footer {
    border-top: 1px solid #faebcc;
}

.modal-info .modal-header {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.modal-info .close {
    color: #31708f;
}

.modal-info .modal-content {
    border-color: #bce8f1;
}

.modal-info .modal-footer {
    border-top: 1px solid #bce8f1;
}

.modal-success .modal-header {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.modal-success .close {
    color: #3c763d;
}

.modal-success .modal-content {
    border-color: #d6e9c6;
}

.modal-success .modal-footer {
    border-top: 1px solid #d6e9c6;
}

.modal-primary .modal-header {
    color: #fff;
    background-color: #428bca;
    border-color: #428bca;
}

.modal-primary .close {
    color: #fff;
}

.modal-primary .modal-content {
    border-color: #428bca;
}

.modal-primary .modal-footer {
    border-top: 1px solid #428bca;
}

/* end modal box*/

#subcontent {
    float: left; 
    width: 100%;
    overflow: hidden;
}

.main_parallax_v {
    width:100%;
}

.contents_parallax_v {
    height: 100%;
}

.main_parallax_h {
    width:100%; 
    height:300px;
    position:relative; 
    overflow:hidden;
}

.contents_parallax_h {
    height: 100%;
    position: absolute;
}

.div_parallax_v {
    height: 500px;
    border: 1px solid red;
    margin-bottom: 10px;
    float:left;
}

.div_parallax_h {
    height: 350px;
    border: 1px solid red;
    margin-bottom: 10px;
    float:left;
}

/* font face use */

html,
body {
    font-family: 'Exo', sans-serif;
    margin: 0;
    background-color: transparent;
    min-width: 1900px;
}


/* end font face */


/* links */

a {
    /*font-family: 'Conv_GOTHIC';*/
    font-size: 11px;
}

a:link {
    color: #282828;
    text-decoration: none;
}

a:visited {
    color: #282828;
    text-decoration: none;
}

a:hover {
    color: #FF6600;
    text-decoration: underline;
}

a:active {
    color: #FF6600;
    text-decoration: underline;
}

p
{
    margin-bottom: 0;
}

/* end links */
.div_block_ele {
    position: relative;
    padding-bottom: 30px;
}
.LV_validation_message {
    position: absolute;
    top: 32px;
    left: 0px;
}
.titulo_caracteristica_cor {
    margin-top: 20px;
    font-weight: bold;
    font-size: 16px;
}
.cor {
    padding-right: 20px;
    cursor: pointer;
}
.cor:hover {
    opacity: 0.5;
}
.color_selected {
    border: 2px solid #000;
}


.login_title_normal
{
    color: #ECECEC;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 50px;
}

.login_title_bold
{
    color: #ECECEC;
    font-family: Exo;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}


.login_background, .login_background body
{
    background: url(/media/images/login_background.svg) no-repeat center center fixed;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    
}

.login_logo
{
    width: 100%;
    max-width: 309px;
    margin-top: 70px;
}

.whitebox
{
    background-color: white;
    border-radius: 15px;
    width: 100%;
    padding: 30px;
    text-align: left;
}

.video_duration
{
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

.login_area
{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}

.login_area .whitebox
{
    max-width: 590px;
    margin-top: 50px;
   
}

.area_title_block
{
    display: flex;
    gap: 20px;
    height: fit-content;
}

.area_title
{
    color: #222;

    font-family: Exo;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.area_subtitle
{
    color: #222;

    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.title_division
{
    width: 3px;
    background: linear-gradient(270deg, #EC8571 -41.67%, #E01E6B 158.33%);
}

.profile_division
{
    width: 1px;
    background: #DDD;
    height: 100%;
}

.login_content
{
    color: #717171;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin-top: 20px;
}

#Form_Login
{
    display: grid;
    margin-top: 10px;
}

label
{
    color: #222;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 25px;
}

input, textarea
{
    border-radius: 9px;
    border: 1px solid #DDD;
    background: #FFF;
    padding: 12px 20px;
    width: 100%;
}

.input_dplayer
{
    border-radius: 9px;
    border: 1px solid #DDD;
    background: #FFF;
    width: 100%;
    
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.input_dplayer p
{
    color: #BDBDBD;
    font-family: Exo;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    
    padding: 12px 20px;
    
    margin: 0;
}

::placeholder {
    opacity: 1; /* Firefox */
    color: #BDBDBD;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

::-ms-input-placeholder { /* Edge 12 -18 */
    color: #BDBDBD;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.div_recuperarpass
{
    margin-top: 15px;
}

a.link_recuperarpass
{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    color: #E01E6B;
}


.input_iniciarsessao, .main_action_button
{
    border-radius: 10px;
    background: linear-gradient(90deg, #05B8EB -49.11%, #0B70E7 95.54%);
    
    border: 1px solid #FFF;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    
    background-size: 200% auto;
    transition: 0.5s;
    
    display: inline-flex;
    justify-content: center;
    align-items: center;
    
    /*
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    */
    
}

.desativar_action_button
{
    border-radius: 10px;
    background: linear-gradient(180deg, #EC8571 0%, #E01E6B 100%);
    
    border: 1px solid #FFF;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    
    background-size: 200% auto;
    transition: 0.5s;
    
    display: inline-flex;
    justify-content: center;
    align-items: center;
    
    padding: 18px 70px;
    height: fit-content;
}

.reativar_action_button
{
    border-radius: 10px;
    background: linear-gradient(90deg, #007922 -18.57%, #039800 100%);
    
    border: 1px solid #FFF;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    
    background-size: 200% auto;
    transition: 0.5s;
    
    display: inline-flex;
    justify-content: center;
    align-items: center;
    
    padding: 18px 70px;
    height: fit-content;
}

.novo_atleta_grid
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 25px 100px;
}

.input_iniciarsessao
{
    margin-top: 35px;
}

.details_actions_buttons_area
{
    display: flex;
    gap: 20px;
}

.main_action_button
{
    padding: 18px 40px;
    height: fit-content;
}

.secondary_action_button, .secondary_action_button:link, a.secondary_action_button, a.secondary_action_button:link
{
    background-color: white;
    border-radius: 10px;
    color: #0B70E7;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: 1px solid #0B70E7;
    padding: 18px 40px;
    display: inline-flex;
    height: fit-content;
    
    justify-content: center;
    align-items: center;
    
    cursor: pointer;
}



.change_video
{
    cursor: pointer;
}

.secondary_action_button > img
{
    filter: invert(31%) sepia(84%) saturate(4216%) hue-rotate(203deg) brightness(97%) contrast(91%);
}

.secondary_action_button:hover, a.secondary_action_button:hover
{
    background: linear-gradient(90deg, #05B8EB -49.11%, #0B70E7 95.54%);
    border: 1px solid #FFF;
    color: #FFF;
}

.secondary_action_button:hover > img, a.secondary_action_button:hover > img
{
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(142deg) brightness(104%) contrast(105%);
}


.secondary_action_button.atribuido
{
    border: 1px solid #BCC926;
    color: #BCC926;
    
}

.programacao_button:after
{
    content: "Atribuir";
}

.secondary_action_button.atribuido:after
{
    content: "Atribuído";
}

.secondary_action_button.atribuido img
{
    content:url("/media/images/icons/atribuido.svg");
    filter: invert(65%) sepia(69%) saturate(467%) hue-rotate(24deg) brightness(102%) contrast(90%);
}

.secondary_action_button.atribuido:hover
{
    background: #BCC926;
    color: #FFF;
    border: 1px solid #FFF;
}

.secondary_action_button.atribuido:hover img
{
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(142deg) brightness(104%) contrast(105%);
}


.input_iniciarsessao:hover, .main_action_button:hover, .desativar_action_button:hover, .reativar_action_button:hover
{
    background-position: right center;
    
    /*
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    */
}

.passwordicon{
    position: absolute;
    top: 50%;
    right: 4%;
    cursor: pointer;
    color: rgba(102, 102, 103, 0.5);
}

.passwordicon.fa-eye 
{
    color: black;
}

.passwordicon.fa-eye-slash
{
    color: rgba(102, 102, 103, 0.5);
}


.form_password .group {
    position: relative;
    margin: 5px 0 0 0;
    width: 100%;
}


.div_errormessage {
    margin-top: 20px;
    margin-bottom: 20px;
    color: red;
}

.login_footer
{
    margin-top: auto;
}

.footer_text, a.footer_link
{
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.header {
    gap: 20px;
    height: 90px;
    display: flex;
    padding-left: 50px;
    padding-right: 50px;
    place-content: space-between;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    background: #FFF;

    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.10);
}

.header_opcoes {
    display: flex;
    gap: 20px;
    height: fit-content;
    align-self: center;
    height: 100%;
    align-items: center;
    margin-right: auto;
}

.header_actions {
    display: flex;
    gap: 50px;
    height: fit-content;
    align-self: center;
    align-items: center;
}

a.header_opcao {
    color: #222;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    height: fit-content;
    padding: 8px 20px;
    align-items: center;
    display: flex;
    height: 100%;
    border-bottom: 3px solid transparent;
}

a.header_opcao:hover, a.header_opcao:active, a.header_opcao.active {
    color: #0B70E7;
    /*filter: invert(31%) sepia(84%) saturate(4216%) hue-rotate(203deg) brightness(97%) contrast(91%);*/
    text-decoration: none;
    font-weight: 700;
    border-bottom: 3px solid #0B70E7;
}

a.header_opcao:hover img, a.header_opcao:active img, a.header_opcao.active img
{
    filter: invert(33%) sepia(50%) saturate(7104%) hue-rotate(203deg) brightness(98%) contrast(91%);
}

.form-background {
    background-color: #F5F5F5;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 9px;
    padding-left: 20px;
    padding-right: 20px;
}

.form-background-alt {
    background-color: white;
    border: 1px solid #DDDDDD;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 9px;
    padding-left: 20px;
    padding-right: 20px;
}

.search_container {
    position: relative;
    min-width: 340px;
    max-width: 465px;
}

input.input_search {
    background: none;
    color: #2D2D2D;
    font-size: 15px;
    display: block;
    width: 100%;
    border: none;
    outline: none;
    padding: 10px 0;
}

.notification_area, .profile_area {
    position: relative;
    display: flex;
    gap: 15px;
}

.profile-container {
    cursor: default;
    position: absolute;
    z-index: 999;
    top: 65px;
    right: 24px;
    width: 220px;
    font-weight: 300;
    background: white;
    border-radius: 0.5rem;
    box-sizing: border-box;
    box-shadow: 0px 4px 15px var(--shadowColor);
    animation-name: dropPanelProfile;
    animation-iteration-count: 1;
    animation-timing-function: all;
    animation-duration: 0.75s;
    padding: 20px 0 0 0;
}

.notification-container:before, .profile-container:before {
    content: "";
    position: absolute;
    top: 1px;
    right: 0;
    width: 25px;
    height: 25px;
    background-color: #fff;
    box-shadow: 0 0 var(--shadowSize) var(--shadowColor);
    transform: translate(-50%, -50%) rotate(315deg);
    clip-path: polygon( calc(var(--shadowSize) * -1) calc(var(--shadowSize) * -1), calc(100% + var(--shadowSize)) calc(var(--shadowSize) * -1), calc(100% + var(--shadowSize)) calc(100% + var(--shadowSize)) );
}

.notification_top {
    display: flex;
    padding: 0 20px 0 20px;
}

.notification_title {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    color: #1E1E1E;
}

.notification_content_container {
    max-height: 347px;
    overflow-y: auto;
    padding: 0 20px 0 20px;
}

.notification_bell_detail {
    height: fit-content;
    align-self: center;
}

a.profile_item {
    color: #1E1E1E;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    width: 100%;
}

.profile_picture {
    width: 45px;
    height: 45px;
    border-radius: 50px;
    aspect-ratio: 1/1;
    object-fit: cover;
}

.profile_name
{
    color: #222;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.inner_container
{
    background: #F8F8FA;
    padding-left: 35px;
    padding-right: 35px;
    padding-bottom: 35px;
}

.breadcrumbs_area
{
    display: flex;
    gap: 20px;
    
    padding-top: 30px;
    padding-bottom: 30px;
    color: #222;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.breadcrumbs_area a
{
    color: #222;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.atleta_details_top_area
{
    position: relative;
}

.atleta_details_profile_image
{
    position: absolute;
    left: 0;
    z-index: 3;
    bottom: 0;
}

.atleta_details_top_actions
{
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    margin-left: 140px;
    align-items: center;
}

.atleta_details_bottom_area
{
    background-color: white;
    border-radius: 15px;
    display: grid;
    grid-template-columns: 0.45fr 0fr 1.5fr;
    gap: 40px;
    padding: 25px 50px;
    box-shadow: 0px 15px 50px 4px rgba(0, 0, 0, 0.07);
    z-index: 2;
    position: relative;
}

.atleta_nome_area
{
    display: flex;
    align-items: center;
    margin-left: 70px;
    gap: 40px;
    padding: 15px 0;
    justify-content: center;
}


.nacionalidade_area
{
    display: flex;
    align-items: center;
    gap: 15px;
}

.nacionalidade_name
{
    color: #222;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.atleta_nome_inner_grid
{
    display: grid;
    justify-content: center;
    justify-items: center;
    /*text-align: center;*/
}

button, input, optgroup, select, textarea {
    display: inline-flex;
}
    
    
.custom-select input
{
    padding: 10px;
}

.custom-select.data_atualizacao input
{
    padding: 5px 0;
}

.custom-select span
{
    
    top: 0;
    bottom: 0;
    margin: auto 0;
    
}

.custom-select.nome_atleta span, .custom-select.data_atualizacao span
{
    width: 22px;
    height: fit-content;
}


.custom-select label
{
    padding-left: 5px;
}

.custom-select .rounded-l-\[0\.25rem\]
{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.custom-select .rounded-r-\[0\.25rem\]
{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.custom-select.nome_atleta input
{
    color: #222;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    
}

.custom-select.nome_atleta.parceiro input
{
    text-align: left;
}

.custom-select.data_atualizacao input
{
    color: #222;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}


.nome_atleta .group > div, .data_atualizacao .group > div
{
    border: none;
}

.nome_atleta .group[data-te-input-focused] > div, .data_atualizacao .group[data-te-input-focused] > div
{
    border: none;
    --tw-shadow: none;
}


.text-base
{
    font-size: 14px !important;
    padding: 10px !important;
}

.details_data_selector_label
{
    color: #222;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.atleta_personal_info_area
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 0.3fr;
    gap: 10px;
    align-items: center;
    flex: 1;
}

.atleta_personal_info_area_submenu
{
    display: grid;
    grid-template-columns: 5fr 0.3fr;
    gap: 10px;
    align-items: center;
    flex: 1;
    
    max-height: 180px;
    overflow-y: auto;
}

.atleta_personal_info_area_content_grid
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 50px 10px;
    align-items: center;

    
    
}

.atleta_main_info_item
{
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
}

.atleta_main_info_label
{
    color: #717171;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.atleta_main_info_content_div
{
    display: flex;
    align-items: center;
    gap: 20px;
}

.atleta_main_info_content
{
    color: #222;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}



.atleta_main_info_show_more
{
    background-color: #F8F8FA;
    border-radius: 15px;
    display: grid;
    grid-template-columns: 0.45fr 0fr 1.5fr;
    gap: 40px;
    padding: 25px 50px;
    box-shadow: 0px 15px 50px 4px rgba(0, 0, 0, 0.07);
    border-radius: 0 0 15px 15px;
    z-index: 1;
    position: relative;
    margin-top: -9px;
    padding-top: 34px;
}

.see_more_main_text
{
    color: #222;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 20px 0;

}

.dplayer_scroll::-webkit-scrollbar  {
    height: 8px;
    width: 8px;
    background-color: #D9D9D9;
}

.dplayer_scroll::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #0B70E7;
}

.dplayer_scroll::-webkit-scrollbar-track {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    
}

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

.white_box
{
    background-color: white;
    border-radius: 15px;
    box-shadow: 0px 15px 50px 4px rgba(0, 0, 0, 0.07);
    padding: 35px;
}

.atleta_own_area
{
    margin-top: 20px;
}

.atleta_area_preferencias
{
    max-height: 463px;
    overflow-y: auto;
    margin-top: 30px;
    padding-right: 40px;
}

.atleta_spec_title
{
    color: #222;

    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.atleta_spec_content
{
    color: #222;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}



.atleta_componente_item
{
    display: grid;
    grid-template-columns: 1fr 2fr;
    align-items: center;
}

.atleta_specs_block
{
    margin-top: 20px;
}

.avaliacao_tecnica_graph_area
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    padding-right: 20px;
    
    
    max-height: 660px;
    overflow-y: auto;
}

.grap_area
{
    border-radius: 15px;
    border: 1px solid #DDD;
    
    background: #FFF;
    padding: 35px;
    text-align: center;
}

.grap_area > canvas
{
    margin-top: 40px;
}

.momentos_top_area
{
    
    display: flex;
    gap: 20px;
    align-items: center;
}

.momentos_button_area
{
    display: flex;
    gap: 15px;
}

.momentos_button
{
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 200px;
    height: 72px;
    gap: 10px;
    padding: 10px;
    
    border-radius: 9px;
    border: 1px solid #DDD;
    
    background: #FFF;
    
}

.momentos_button.selecionado
{
    background: var(--Gradient-Rosa-H, linear-gradient(90deg, #EC8571 -67.21%, #E01E6B 104.92%));
}

.momentos_button .momento_button_title
{
    color: #222;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.momentos_button.selecionado .momento_button_title
{
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}


.momentos_button .momento_button_description
{
    color: #717171;
    text-align: center;
    font-family: Exo;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.momentos_button.selecionado .momento_button_description
{
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.momentos_stats_area
{
    margin-top: 50px;
}



.tab {
    display: flex;
    transform: rotateX(180deg);
}

/* Style the buttons inside the tab */
.tab button {
    cursor: pointer;
    padding: 25px 10px;
    text-align: center;
    width: fit-content;
    min-width: 128px;
    color: #222;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-bottom: 3px solid #E5E5E5;
    display: block;
}

/* Change background color of buttons on hover */
.tab button:hover {
    color: #0B70E7;
    border-bottom: 3px solid #0B70E7;
    font-weight: 700;
}

/* Create an active/current tablink class */
.tab button.active {
    color: #0B70E7;
    border-bottom: 3px solid #0B70E7;
    font-weight: 700;
}

/* Style the tab content */
.tabcontent {
    display: none;
}

.tab_scroll_container
{
    overflow-x: auto;
    transform: rotateX(180deg);
}


.avaliacao_tecnica_content
{
    overflow-y: auto;
    max-height: 720px;
    margin-top: 40px;
    padding-right: 20px;
}

.avaliacao_tecnica_content_header_grid, .avaliacao_tecnica_content_details_grid
{
    display: grid;
    grid-template-columns: 1fr 1fr 3fr;
    gap: 20px;
    align-items: center;
}

.avaliacao_tecnica_content_header_grid
{
    border-radius: 9px;
    background: #F4F5F7;
    padding: 20px;
}

.avaliacao_tecnica_content_details_grid
{
    padding: 0 20px;
}


.atleta_spec_grade
{
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.atleta_spec_grade.color_good
{
    color: #0B70E7;
}

.atleta_spec_grade.color_medium
{
    color: #E01E6B;
}

.atleta_spec_grade.color_bad
{
    color: #FB5D00;
}

.registo_treino_grid
{
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 20px;
    margin-top: 40px;
}

.focus_area_content
{
    border-radius: 9px;
    border: 1px solid #DDD;
    background: #FFF;
    padding: 25px 25px;
}

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

.registo_treino_scroll
{
    max-height: 384px;
    overflow-y: auto;
    padding-right: 20px;
}

.info_treino_conteudo_grid
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px 20px;
    
}

.selected_spec
{
    display: flex;
    gap: 10px;
    align-items: center;
}

.tabs-botoes
{
    display: flex;
    gap: 20px;
    align-items: center;
}

.button_tab
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 200px;
    height: 72px;
    gap: 10px;
    padding: 10px;
    
    border-radius: 9px;
    border: 1px solid #DDD;
    
    background: #FFF;
    cursor: pointer;
}

.button_tab.active
{
    background: var(--Gradient-Rosa-H, linear-gradient(90deg, #EC8571 -67.21%, #E01E6B 104.92%));
}

.button_tab .button_tab_title
{
    color: #222;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.button_tab.active .button_tab_title {
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.atleta_analise_direta_relatorio_grid
{
    display: grid;
    grid-template-columns: 2.5fr 3fr 2fr;
    gap: 20px;
}

.chart_area
{
    display: grid;
    grid-template-columns: 45% 55%;
    gap: 20px;
}

.desempenho_line_area
{
    display: grid;
    gap: 20px;
    align-items: center;
}

.desempenho_line_row
{
    display: flex;
    gap: 20px;
    align-items: center;
}

.desempenho_line_background
{
    background-color: #DDD;
    border-radius: 20px;
    height: 7px;
    width: 100%;
    max-width: 187px;
}

.desempenho_line_background.psicologia
{
    max-width: 100%;
}

.desempenho_line_value
{
    height: 100%;
    border-radius: 20px;
}

.desempenho_line_value.longo
{
    background-color: #0B70E7;
}

.desempenho_line_value.medio
{
    background-color: #FB5D00;
}


.desempenho_line_value.curto
{
    background-color: #E01E6B;
}


.informacoes_jogo_area, .informacoes_jogo_stats_area
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 45px 20px;
}

.campo_area
{
    position: relative;
}

.campo_area_posicao
{
    position: absolute;
    background-color: #0B70E7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    border-radius: 50px;
    
    top: 5%;
    left: 10%;
}

.posicao_text
{
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.analise_desempenho_top_actions
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.analise_desempenho_top_actions_right
{
    display: flex;
    gap: 15px;
    align-items: center;
}


.analise_desempenho_content_header_grid, .analise_desempenho_content_details_grid
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
    align-items: center;
}

.analise_desempenho_content_header_grid
{
    border-radius: 9px;
    background: #F4F5F7;
    padding: 20px;
}

.analise_desempenho_content_header_grid_create, .analise_desempenho_content_details_grid_create
{
    grid-template-columns: 0.3fr 0.4fr 1fr 1fr 1fr 1fr;
    gap: 30px;
}

.analise_desempenho_content_details_grid
{
    padding: 0 20px;
}

.center
{
    text-align: center;
}

.dplayer_video
{
    width: 100%;
    border-radius: 15px;
}

.video_container
{
    position: relative;
}

.video_tags_container
{
    position: absolute;
    top: 0;
    width: 100%;
}

.play_button_container
{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    
    display: grid;
    align-items: center;
    justify-items: center;
    cursor: pointer;
}

.play_video_top_tags
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    
}

.play_button
{
    width: fit-content;
    align-self: center;
}





.video_estado_tag {
    border-radius: 9px;
    padding: 10px 20px;
    min-width: 90px;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tag_sucesso, .tag_ponto_forte {
    background: #D9EAFF;
    color: #4198FF;
    border: 1px solid #4198FF;
}

.tag_melhores_momentos, .tag_movimento_tipo, .tag_apto{
    background: #CCF1DF;
    color: #00B960;
    border: 1px solid #00B960;
}

.tag_insucesso, .tag_ponto_fraco, .tag_nao_apto{
    background: #F8DDDD;
    color: #DB5757;
    border: 1px solid #DB5757;
}

.tag_em_transicao{
    background: #ffdfa4;
    color: #ffa500;
    border: 1px solid #ffa500;
}

.resumo_jogo_teams, .resumo_jogo_result
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    align-items: center;
    justify-items: center;
}

.resumo_jogo_result
{
    align-items: end;
}

.label_resultados_jogos
{
    color: #222;
    text-align: center;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  
}

.label_data_jogo
{
    color: #717171;

    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
}

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

.video_completo_area
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: center;
    justify-items: center;
}

.video_completo_buttons
{
    display: flex;
    gap: 20px;
    align-items: center;
}

.analise_direta_videos_filtros
{
    display: flex;
    gap: 20px;
    align-items: center;
}

.analise_direta_videos_grid
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 40px 20px;
    max-height: 1174px;
    overflow-y: auto;
    padding-right: 10px;
}

.video_info_area
{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.video_info_title
{
    color: #222;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    min-height: 54px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.video_info_description
{
    color: #222;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

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


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

.instumento_avaliacao_area
{
    padding-right: 20px;
    max-height: 215px;
    overflow-y: auto;
}

.instrumento_avaliacao_linha
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    align-items: center;
}

.sistematologia_top_area
{
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
}

.sistematologia_content_area
{
    display: grid;
    grid-template-columns: 2fr 1.2fr 1.8fr;
    gap: 20px;
}

.sintoma_value
{
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #E01E6B;
}

.intensidade_sintomas_area, .observacoes_sintomas_content
{
    padding-right: 20px;
    max-height: 415px;
    overflow-y: auto;
}

.atleta_psicologia_competencias_grid
{
    display: grid;
    grid-template-columns: 2fr 3fr;
    gap: 20px;
}

.competencias_psicologicas_area
{
    padding-right: 20px;
    max-height: 709px;
    overflow-y: auto;
    display: grid;
    gap: 15px;
}

.psicologia_caixa_observacoes_area
{
    padding-right: 20px;
    max-height: 286px;
    overflow-y: auto;
}

.psicologia_documentos_area
{
    padding-right: 20px;
    max-height: 285px;
    overflow-y: auto;
}

.competencias_psicologicas_inner_grid
{
    display: grid;
    grid-template-rows: 1fr 0.7fr;
    gap: 20px;
}

.criar_competencias_psicologicas_inner_grid
{
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 20px;
}

.competencias_reabilitacao_inner_grid
{
    display: grid;
    grid-template-rows: 0.7fr 1fr;
    gap: 20px;
}

.programacao_videos_area
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    padding-right: 20px;
    max-height: 534px;
    overflow-y: auto;
    
}

.programacao_item_area
{
    border: 1px solid #DDDDDD;
    border-radius: 9px;
    display: grid;
    grid-template-columns: 1.3fr 2fr;
}


.programacao_item_content_area
{
    padding: 25px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.programacao_item_area_video
{
    width: 100%;
    border-radius: 9px 0 0 9px;
    height: 100%;
}

.programacao_categoria
{
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #0B70E7;
}

.psicologia_objetivos_area
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    padding-right: 20px;
    max-height: 434px;
    overflow-y: auto;
}

.psicologia_objetivos_inner_grid
{
    display: grid;
    grid-template-columns: 5fr 1fr;
    gap: 20px;
    height: 100%;
}

.psicologia_objetivos_inner_grid_right_column
{
    align-self: center;
    justify-self: center;
    text-align: center;
    border-left: 1px solid #E5E5E5;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 20px;
}

.psicologia_objetivos_tag {
    border-radius: 9px;
    padding: 5px 15px;
    min-width: 112px;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tag_longoprazo {
    background: #D9EAFF;
    color: #4198FF;
    border: 1px solid #4198FF;
}

.tag_processo {
    background: rgba(231, 156, 39, 0.10);
    color: #E79C27;
    border: 1px solid #E79C27;
}

.tag_medioprazo {
    background: rgba(121, 11, 231, 0.10);
    color: #790BE7;
    border: 1px solid #790BE7;
}

.tag_curtoprazo {
    background: rgba(0, 185, 96, 0.10);
    color: #00B960;
    border: 1px solid #00B960;
}

.tag_resultado {
    background: rgba(224, 30, 107, 0.10);
    color: #E01E6B;
    border: 1px solid #E01E6B;
}


.psicologia_objetivo_valor
{
    font-family: Exo;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #0B70E7;
}

.psicologia_objetivo_valor.longo
{
    color: #0B70E7;
}

.psicologia_objetivo_valor.medio
{
    color: #FB5D00;
}

.psicologia_objetivo_valor.curto
{
    color: #E01E6B;
}

.psicologia_historico_header
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 20px;
    border-radius: 9px;
    background: #F4F5F7;
    padding: 10px 20px;
    align-items: center;
    padding-right: 40px;
}

.psicologia_historico_content
{
    padding-right: 20px;
    max-height: 455px;
    overflow-y: auto;
}

.psicologia_historico_content_grid
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 20px;
    padding: 20px 20px;
    align-items: center;
}

.psicologia_historico_list
{
    list-style: inside;
    margin-bottom: 0;
}

.atleta_global_stats_area
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 0.3fr;
    gap: 10px;
    align-items: center;
    flex: 1;
}

.atleta_global_dashboard_area
{
    display: grid;
    grid-template-columns: 4.8fr 1fr;
    position: relative;
}

.atleta_global_dashboard_area > .atleta_details_bottom_area
{
    border-radius: 15px 0 0 15px;
    grid-template-columns: 0.6fr 0fr 1.5fr;
}

.atleta_details_total_score_area
{
    background-color: #120D0D;
    border-radius: 0 15px 15px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.dashboard_dplayer_total_label
{
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.dashboard_dplayer_total_value
{
    color: #FFF;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.dplayer_badge.color_orange .start_color
{
    stop-color: #FB5D00;
}

.dplayer_badge.color_orange .end_color
{
    stop-color: #FFE62A;
}

.dplayer_badge.color_pink .start_color
{
    stop-color: #E01E6B;
}

.dplayer_badge.color_pink .end_color
{
    stop-color: #E43D6D;
}

.dplayer_badge.color_blue .start_color
{
    stop-color: #0B70E7;
}

.dplayer_badge.color_blue .end_color
{
    stop-color: #05B8EB;
}

.atleta_global_dashboard_area .atleta_global_stats_area
{
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: center;
}

.dplayer_badge_container
{
    display: grid;
    align-items: center;
    justify-content: center;
    justify-items: center;
    gap: 10px;
}

.dplayer_badge_wrapper
{
    position: relative;
}

.dplayer_badge_text
{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: grid;
    align-items: center;
    justify-items: center;
    padding-bottom: 10px;
    
    color: #FFF;

    text-align: center;
    text-shadow: 0px 0px 9.12px rgba(0, 0, 0, 0.40);
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.dplayer_badge_label
{
    color: #222;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.dashboard_areas_grid
{
    display: flex;
    gap: 10px;
    align-items: center;
    display: grid;
    grid-template-columns: auto 1fr;
}

.area_subtitle_toptitle
{
    color: #222;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.flickity-viewport
{
    
}

.carousel.flickityList.flickity-enabled
{
    margin: 0 50px;
}

.flickityList .carousel-cell
{
    padding: 0 10px;
}

.flickityList .flickity-prev-next-button.previous
{
    background: white;
    left: -50px;
    
}

.flickityList .flickity-prev-next-button.next
{
    background: white;
    right: -50px;
    
}

.flickityList  .tabs-botoes
{
    padding: 0;
    width: fit-content;
    height: fit-content;
    position: relative;
}

.flickityList .button_tab
{
    height: 60px;
}

.list_jogadores_grid
{
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.jogador_list_item_grid
{
    display: grid;
    grid-template-columns: 2.4fr 0.1fr 1fr 1fr 1fr 1fr 0.3fr 0.3fr 1.1fr;
    gap: 30px;
    align-items: center;
    justify-items: center;
}

.jogador_criacao_list_item_grid
{
    display: grid;
    grid-template-columns: 1fr 0.1fr 0.5fr 0.1fr 2.3fr;
    gap: 30px;
    align-items: center;
    justify-items: center;
}

.user-stats
{
    justify-self: start;
}

.jogador_list_item_grid .nome_jogador_text, .jogador_criacao_list_item_grid .nome_jogador_text
{
    justify-self: baseline;
}

.jogador_criacao_list_item_grid .jogadores_controls
{
    justify-self: end;
    display: flex;
}
    
.nome_jogador_text
{
    color: #222;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.jogador_list_caracteristica_label
{
    color: #222;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.jogador_list_caracteristica_valor
{
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}



.jogador_list_caracteristica_valor.color_orange
{
    color: #FB5D00;
}

.jogador_list_caracteristica_valor.color_pink
{
    color: #E01E6B;
}


.jogador_list_caracteristica_valor.color_blue 
{
    color: #0B70E7;
}

.jogador_list_caracteristica_valor.total
{
    font-size: 30px;
}

.page-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 2rem;
    background-color: #fff;
    box-shadow: 0 0 10px #d3d3d3;
    border-radius: 10px;
    padding: 10px 15px;
    justify-content: center;
    min-height: 56px;
    gap: 40px;
}
.page-container i {
    padding: 6px 12px;
    cursor: pointer;
    font-size: 18px;
    color: #E01E6B;
    pointer-events: none;
}
.page-container a {
    cursor: pointer;
    background-color: transparent;
    border: none;
    
    color: #231F20;
    font-family: Exo;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    
}
.page-container .current
{
    border-radius: 9px;
    background: linear-gradient(90deg, #EC8571 -67.21%, #E01E6B 104.92%);
    color: white;
    padding: 10px 18px;
    font-weight: 700;
    
}
.page-container a:disabled i {
    color: #aaadc7;
}

.custom-pagination {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.custom-pagination li {
    list-style: none;
    cursor: pointer;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 3px;
}
.custom-pagination li.active {
    background-color: #E01E6B;
}
.custom-pagination li.active a {
    color: #fff;
}
.custom-pagination li a {
    text-decoration: none;
    font-weight: 600;
    padding: 8px 16px;
    display: inline-block;
    line-height: 1;
    color: #a9a9a9;
    font-size: 20px;
    pointer-events: none;
}
.custom-pagination li:hover {
    background-color: #E01E6B;
}
.custom-pagination li:hover a {
    color: #fff;
}




.fisioterapia_bodypart_gray
{
    filter: invert(5%) sepia(0%) saturate(39%) hue-rotate(172deg) brightness(290%) contrast(110%);
}

.fisioterapia_bodypart_red
{
    filter: invert(5%) sepia(21%) saturate(6300%) hue-rotate(340deg) brightness(93%) contrast(107%);
}

.fisioterapia_bodypart_red:hover
{
    filter: invert(5%) sepia(21%) saturate(6300%) hue-rotate(340deg) brightness(73%) contrast(107%);
    cursor: pointer;
}

.fisioterapia_bodypart_orange
{
    filter: invert(5%) sepia(84%) saturate(864%) hue-rotate(1deg) brightness(155%) contrast(102%);
}

.fisioterapia_bodypart_orange:hover
{
    filter: invert(5%) sepia(84%) saturate(864%) hue-rotate(1deg) brightness(135%) contrast(102%);
    cursor: pointer;
}

.fisioterapia_bodypart_green
{
    filter: invert(5%) sepia(79%) saturate(1155%) hue-rotate(87deg) brightness(131%) contrast(105%);
}

.fisioterapia_bodypart_green:hover
{
    filter: invert(5%) sepia(79%) saturate(1155%) hue-rotate(87deg) brightness(111%) contrast(105%);
    cursor: pointer;
}


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

.fisioterapia_body_details_grid
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    align-items: center;
}

.fisioterapia_body_details_label
{
    color: #717171;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.fisioterapia_body_details_value
{
    color: #222;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 24px */
}

.estado_lesao
{
    display: flex;
    gap: 10px;
    align-items: center;
}

.estado_color_red
{
    width: 10px;
    height: 10px;
    clip-path: circle(40%);
    background-color: red;
}

.estado_color_green
{
    width: 10px;
    height: 10px;
    clip-path: circle(40%);
    background-color: green;
}

.estado_color_orange
{
    width: 10px;
    height: 10px;
    clip-path: circle(40%);
    background-color: orange;
}

.fisioterapia_tipo_lesao_details_top
{
    display: flex;
    gap: 20px;
    
}


.fisioterapia_tipo_lesao_details_bottom_grid
{
    display: grid;
    grid-template-columns: 0.7fr 1fr;
    gap: 20px;
}

.fisioterapia_documentos_area
{
    padding-right: 20px;
    max-height: 285px;
    overflow-y: auto;
}
    
.programacao_fisioterapia_details_top
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.programacao_fisioterapia_image
{
    width: 100%;
    object-fit: cover;
    aspect-ratio: 3/2;
    height: 100%;
    border-radius: 10px 0 0 10px;
}

.programacao_fisioterapia_videos_area {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    padding-right: 20px;
    max-height: 781px;
    overflow-y: auto;
}

.dashboard_atleta_header_nome
{
    color: #222;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.fisioterapia_body_div
{
    width: 500px;
    position: relative;
}

.fisioterapia_bodypart
{
    position: absolute;
    top: 0;
    left: 239px;
    
}

.cabeca
{
    top: 34px;
    left: 267px;
}

.pescoco
{
    top: 92px;
    left: 252px;
}

.tronco
{
    top: 134px;
    left: 235px;
}

.ombro_dir
{
    top: 131px;
    left: 207px;
}

.ombro_esq
{
    top: 131px;
    left: 344px;
}

.braco_dir
{
    top: 157px;
    left: 193px;
}

.braco_esq
{
    top: 157px;
    left: 368px;
}

.antebraco_dir
{
    top: 217px;
    left: 156px;
}

.antebraco_esq
{
    top: 217px;
    left: 380px;
}

.mao_dir
{
    top: 307px;
    left: 119px;
}

.mao_esq
{
    top: 307px;
    left: 428px;
}

.anca
{
    top: 280px;
    left: 241px;
}

.coxa_dir
{
    top: 316px;
    left: 228px;
}

.coxa_esq
{
    top: 316px;
    left: 306px;
}

.perna_dir
{
    top: 463px;
    left: 240px;
}

.perna_esq
{
    top: 463px;
    left: 319px;
}

.joelho_dir
{
    top: 433px;
    left: 240px;
}

.joelho_esq
{
    top: 433px;
    left: 316px;
}

.pe_dir
{
    top: 578px;
    left: 226px;
}

.pe_esq
{
    top: 578px;
    left: 329px;
}

.player_avatar
{
    width: 79px;
    height: 79px;
    border-radius: 50px;
    
    background-size: 100%;
    background-color: #EBEBEB;
    
    background-position-y: 10px;
    background-repeat: no-repeat;
}



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

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

.detalhes_avaliacao_grid_area
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.detalhes_avaliacao_area
{
    padding-right: 20px;
    max-height: 252px;
    overflow-y: auto;
}


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

.nutricao_valor_medio
{
    text-align: center;
    font-family: Exo;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #E01E6B;
}

.nutricao_selected_body_part_description
{
    color: #222;

    text-align: center;
    font-family: Exo;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

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

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

.nutricao_graphs_inner_grid
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.mental_coach_questionario_scrolll_area
{
    max-height: 400px;
    overflow-y: auto;
    padding-right: 40px;
}

.programacao_mentalcoach_item_area
{
    border: 1px solid #DDDDDD;
    border-radius: 9px;
    display: grid;
    grid-template-columns: 1fr 3fr;
}

.programacao_mentalcoach_item_content_area
{
    padding: 25px;
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 30px;
}

.programacao_mentalcoach_diascolumn
{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-self: center;
    justify-self: center;
}

.programacao_mentalcoach_title_desafio
{
    font-family: Exo;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #0B70E7;
}

.programacao_mentalcoach_title_desafio.longo
{
    color: #0B70E7;
}

.programacao_mentalcoach_title_desafio.medio
{
    color: #FB5D00;
}

.programacao_mentalcoach_title_desafio.curto
{
    color: #E01E6B;
}

.mentalcoach_programacao_scrollarea
{
    padding-right: 20px;
    max-height: 460px;
    overflow-y: auto;
    margin-top: 20px;
    display: grid;
    gap: 20px;
}

.mentalcoach_videos_scrollarea
{
    padding-right: 20px;
    max-height: 558px;
    overflow-y: auto;
    margin-top: 20px;
    display: grid;
    gap: 20px;
}

.mentalcoach_videos_gridarea
{
    display: grid;
    grid-template-columns: 1.5fr 2fr;
    gap: 20px;
}

.mentalcoach_item_area_video
{
    width: 100%;
    border-radius: 9px;
    height: 100%;
}

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

.criar_fixa_flex
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.criar_ficha_title
{
    font-family: Exo;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 115.625%; /* 37px */
    color: #0B70E7;
}

.foco_criar_ficha
{
    border: 2px solid #0B70E7;
}

.min-w-max
{
    opacity: 1;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    --tw-shadow-colored: 0 2px 5px 0 var(--tw-shadow-color), 0 2px 10px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.videos_analise_direta
{
    display: none;
}

.videos_analise_direta.active
{
    display: block;
}

.nome_ficha_input
{
    border: 2px solid #0B70E7;
    color: #0B70E7;
    
    font-family: Exo;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.nome_ficha_input::placeholder {
    color: #098EE9;
    opacity: 1; /* Firefox */
    
    font-family: Exo;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.nome_ficha_input::-ms-input-placeholder { /* Edge 12 -18 */
    color: #098EE9;
    
    font-family: Exo;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.nome_ficha_input:focus-visible
{
    border: 3px solid #0B70E7;
    outline: none;
}

.criar_ficha_analise_desenvolvimento_grid_6
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 50px;
}

.criar_ficha_analise_desenvolvimento_grid_5
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr ;
    gap: 50px;
}

.analise_indireta_video_upload_area
{
    grid-column: span 3;
}

.analise_indireta_caixa_obs_area
{
    grid-column: span 2;
}

.custom_date_input
{
    display: block;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    background: url(/media/images/icons/calendario_input_icon.png) no-repeat;
    width: 21px;
    height: 18px;
}

.custom-select.analise_desenvolvimento_tipo_analise input
{
    color: #FFF;
    background-color: #E01E6B;

    font-family: Exo;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    
    text-align: center;
    padding: 25px;
}

.custom-select.analise_desenvolvimento_tipo_analise span
{
    color: #FFF;
}

.custom-select.analise_desenvolvimento_tipo_analise .border-neutral-300
{
    
}

.custom-select.analise_desenvolvimento_tipo_analise .bg-transparent 
{
    
}

.custom-select.analise_desenvolvimento_tipo_analise
{
    /*
    background-color: #E01E6B;
    color: white;
    */
}

.custom-select.analise_desenvolvimento_tipo_analise .rounded-l-\[0\.25rem\]
{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.custom-select.analise_desenvolvimento_tipo_analise .rounded-r-\[0\.25rem\]
{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.custom-select.analise_desenvolvimento_tipo_analise .rounded
{
    border-radius: 10px;
}

.custom-select.analise_desenvolvimento_tipo_analise .border-neutral-300
{
    border-color: transparent;
}



.custom-select-form input
{
    padding: 12px;
}

.custom-select-form .rounded-l-\[0\.25rem\]
{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.custom-select-form .rounded-r-\[0\.25rem\]
{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.custom-select-form .rounded
{
    border-radius: 10px;
}

.criar_ficha_resultados_jogo_flex
{
    display: flex;
    gap: 20px;
    align-items: center;
}



.modal {
    z-index: 500;
}

/*
.modal-open .modal
{
    overflow: hidden;
    display: grid;
}
*/

.modal-content
{
    max-height: 97vh;
    border-radius: 10px;
    box-shadow: 0px -1.86667px 11.66666px 0px rgba(0, 0, 0, 0.10);
}

.modal-header
{
    max-height: 17vh;
    padding: 30px;
    
}
.modal-body
{
    max-height: 60vh;
    overflow-y: auto;
    padding: 30px;
}

.modal-footer
{
    max-height: 20vh;
    margin-bottom: 20px;
    padding: 30px;
}


.modal-danger .modal-header {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.modal-danger .close {
    color: #a94442;
}

.modal-danger .modal-content {
    border-color: #ebccd1;
}

.modal-danger .modal-footer {
    border-top: 1px solid #ebccd1;
}

.modal-warning .modal-header {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.modal-warning .close {
    color: #8a6d3b;
}

.modal-warning .modal-content {
    border-color: #faebcc;
}

.modal-warning .modal-footer {
    border-top: 1px solid #faebcc;
}

.modal-info .modal-header {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.modal-info .close {
    color: #31708f;
}

.modal-info .modal-content {
    border-color: #bce8f1;
}

.modal-info .modal-footer {
    border-top: 1px solid #bce8f1;
}

.modal-success .modal-header {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.modal-success .close {
    color: #3c763d;
}

.modal-success .modal-content {
    border-color: #d6e9c6;
}

.modal-success .modal-footer {
    border-top: 1px solid #d6e9c6;
}

.modal-primary .modal-header {
    color: #fff;
    background-color: #428bca;
    border-color: #428bca;
}

.modal-primary .close {
    color: #fff;
}

.modal-primary .modal-content {
    border-color: #428bca;
}

.modal-primary .modal-footer {
    border-top: 1px solid #428bca;
}

.modal-header
{
    border-bottom: none;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: none;
}

.close
{
    opacity: 1;
}

.modal_twocolumns
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

@media (min-width: 768px)
{
    .modal-dialog {
        width: 1000px;
        margin: auto auto;
    }
}





/* ===================== FILE INPUT ===================== */
 .file-area {
	 width: 100%;
	 position: relative;
	 border-radius: 9px;
    border: 1px dashed #DDD;
    height: 170px;
}
 .file-area input[type=file] {
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 opacity: 0;
	 cursor: pointer;
	 
	 
}
 .file-area .file-dummy {
	 width: 100%;
	 padding: 30px;
	 background: rgba(255, 255, 255, 0.2);
	 border: 2px dashed rgba(255, 255, 255, 0.2);
	 text-align: center;
	 transition: background 0.3s ease-in-out;
    color: black;
    height: 170px;
     
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
    background-color: #f5f5f5;
}
 .file-area .file-dummy .success {
	 display: none;
}
 .file-area:hover .file-dummy {
	 background: rgba(255, 255, 255, 0.1);
}

.file-area input[type=file] + .file-dummy .default 
{
    text-align: center;
    display: grid;
    justify-items: center;
}

 .file-area input[type=file]:focus + .file-dummy {
	 outline: 2px solid rgba(255, 255, 255, 0.5);
	 outline: -webkit-focus-ring-color auto 5px;
}
 .file-area input[type=file]:valid:required + .file-dummy {
	 border-color: rgba(0, 255, 0, 0.4);
	 background-color: rgba(0, 255, 0, 0.3);
     border-radius: 9px;
}
 .file-area input[type=file]:valid:required + .file-dummy .success {
	 display: inline-block;
}
 .file-area input[type=file]:valid:required + .file-dummy .default {
	 display: none;
}


 .file-area input[type=file] + .file-dummy.selecionado {
	 border-color: rgba(0, 255, 0, 0.4);
	 background-color: rgba(0, 255, 0, 0.3);
     border-radius: 9px;
}
 .file-area input[type=file] + .file-dummy .success.selecionado {
	 display: inline-block;
}
 .file-area input[type=file] + .file-dummy .default.vazio {
	 display: none;
}


.preview_box
{
    border-radius: 9px;
    border: 1px solid #DDD;
    
    background: #F0F0F2;
    
    padding: 100px 30px;
    
    color: #717171;

    text-align: center;
    font-family: Exo;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#preview_video, .preview_video
{
    display: none;
}


.tags_selector_flex
{
    display: flex;
    gap: 20px;
    justify-content: space-between;

}

.tag_selector_item
{
    display: flex;
    gap: 15px;
}

.custom_checkbox input[type="radio"], .custom_checkbox input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    margin: 0;
    color: rgba(69, 69, 69, 0.40);
    width: 24px;
    height: 24px;
    border: 1px solid currentColor;
    border-radius: 4px;
    display: grid;
    place-content: center;
}

.custom_checkbox input[type="radio"]::before, .custom_checkbox input[type="checkbox"]::before {
    content: "";
    width: 13px;
    height: 13px;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    transform: scale(0);
    transform-origin: bottom left;
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--form-control-color);
    /* Windows High Contrast Mode */
    background-color: white;
}

.custom_checkbox input[type="radio"]:checked, .custom_checkbox input[type="checkbox"]:checked {
    background-color: #E01E6B;
}

.custom_checkbox input[type="radio"]:checked::before, .custom_checkbox input[type="checkbox"]:checked::before {
    transform: scale(1);
}

.custom_checkbox input[type="radio"]:focus, .custom_checkbox input[type="checkbox"]:focus {
    outline: max(2px, 0.15em) solid currentColor;
    /*outline-offset: max(2px, 0.15em);*/
    outline: none;
}

.custom_checkbox input[type="radio"]:disabled, .custom_checkbox input[type="checkbox"]:disabled {
    --form-control-color: var(--form-control-disabled);
    
    color: var(--form-control-disabled);
    cursor: not-allowed;
}

.tag_label
{
    color: #222;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

.videos_analise_direta_controls_area
{
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
    
    margin-top: 20px;
}

.videos_analise_direta_controls_area > *
{
    display: grid;
    align-items: center;
    justify-items: center;
    gap: 15px;
    
    cursor: pointer;
}
    

.controls_adicionar_text
{
    color: #222;

    text-align: center;
    font-family: Exo;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.controls_remover_text
{
    text-align: center;
    font-family: Exo;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    
    background: var(--Gradient-Rosa-H, linear-gradient(90deg, #EC8571 -67.21%, #E01E6B 104.92%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hidden_video_container
{
    display: none;
}


.remover_action_button
{
    background-color: white;
    border-radius: 10px;
    color: #E01E6B;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: 1px solid #E01E6B;
    padding: 18px 40px;
    display: inline-flex;
    height: fit-content;
    
    justify-content: center;
    align-items: center;
}

.remover_action_button > img
{
    filter: invert(17%) sepia(88%) saturate(5239%) hue-rotate(327deg) brightness(95%) contrast(84%);
}

.remover_action_button:hover
{
    background: linear-gradient(90deg, #EC8571 -49.11%, #E01E6B 95.54%);
    border: 1px solid #FFF;
    color: #FFF;
}

.remover_action_button:hover > img
{
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(142deg) brightness(104%) contrast(105%);
}

.custom-select.tipoanalise span {
    display: grid;
    height: 100%;
    align-items: center;
    width: 3rem;
}

.psicologia_listar_sintomalogia_header {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
    gap: 20px;
    border-radius: 9px;
    background: #F4F5F7;
    padding: 20px 20px;
    align-items: center;
    padding-right: 40px;
}

.psicologia_listar_sintomalogia_content
{
    padding-right: 20px;
    max-height: 585px;
    overflow-y: auto;
}

.psicologia_listar_sintomalogia_content_grid
{
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
    gap: 20px;
    padding: 20px 20px;
    align-items: center;
}

.criar_programacao_top
{
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 10px;
    align-items: center;
}

.criar_ficha_psicologia_objetivos_grid
{
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 50px;
}

.objetivo_datalimite_grid
{
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 20px;
    align-items: center;
}

.psicologia_criar_objetivos_inner_grid
{
    display: grid;
    grid-template-columns: 4fr 2fr;
    gap: 20px;
    height: 100%;
}

.psiciologia_criar_objetivo_actions_area
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    align-items: center;
}

.objetivos_atribuidos_area
{
    padding-right: 20px;
    max-height: 628px;
    overflow-y: auto;
    display: grid;
    gap: 15px;
}

.psicologia_upload_documents_block
{
    display: grid;
    grid-template-columns: 1fr 1.3fr;
    gap: 50px;
}

.inserir_documentos_button
{
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(142deg) brightness(104%) contrast(105%);
}

.psicologia_ficheiros_anexados
{
    display: grid;
    max-height: 300px;
    padding-right: 20px;
    overflow-y: auto;
    
}

.subcomponentes_tecnicas_select_grid
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 30px;
    align-items: center;
}

.registo_subcomponentes_treino_container
{
    padding-right: 20px;
    max-height: 500px;
    overflow-y: auto;
}


.nutricao_stats_grid
{
    display: grid;
    grid-template-columns: 2fr 3fr 4fr;
    gap: 20px;
}

.nutricao_items_inner_grid
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
}

.nutricao_perim_items_inner_grid
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px;
}

.human_nutricao_block
{
    position: relative;
    width: fit-content;
}

.nutricao_body_value
{
    font-family: Exo;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

.nutricao_body_value.blue
{
    color: #0B70E7;
}

.nutricao_body_value.red
{
    color: #E01E6B;
}


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

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

.competencias_mentalcoach_area
{
    padding-right: 20px;
    max-height: 700px;
    overflow-y: auto;
}

.desafios_atribuidos_conteudo_area
{
    padding-right: 20px;
    max-height: 400px;
    overflow-y: auto;
    display: grid;
    gap: 15px;
}

.psicologia_criar_desafios_inner_grid
{
    display: grid;
    grid-template-columns: 1.1fr 2fr 1fr;
    gap: 20px;
    height: 100%;
}

.imagem_desafio
{
    width: 100%;
    object-fit: cover;
    aspect-ratio: 3/2;
    height: 100%;
    border-radius: 10px;
}

.reabilitacao_infomembro
{
    cursor: pointer;
}

.reabilitacao_infomembro:hover, .reabilitacao_infomembro.active
{
    content:url("/media/images/human_body/reabilitacao/info_membro_active.png");
    
}

.membro_details_title
{
    color: #717171;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.reabilitacao_body_details_area_scroll
{
    padding-right: 20px;
    max-height: 290px;
    overflow-y: auto;
}

.nivel_dor_title
{
    color: #717171;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.nivel_dor_text
{
    color: #222;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.atleta_reabilitacao_musculo_grid
{
    display: grid;
    grid-template-columns: 75% calc(25% - 20px);
    gap: 20px;
}

.musculo_inner_grid
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px 15px;
}

.reabilitacao_ficheiros_anexados
{
    display: grid;
    max-height: 520px;
    padding-right: 20px;
    overflow-y: auto;
}

.optometria_area_top_grid
{
    display: grid;
    grid-template-columns: 1.8fr 1fr;
    gap: 20px;
}

.optometria_area_exames_grid
{
    display: grid;
    grid-template-columns: 1fr 1.8fr;
    gap: 20px;
}

.optometria_documentos_area
{
    padding-right: 20px;
    max-height: 632px;
    overflow-y: auto;
}

.dplayer_text_gray_title
{
    color: #717171;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.fisioterapia_body_part_area
{
    padding-right: 20px;
    max-height: 385px;
    overflow-y: auto;
}

.grid-border {
    position: absolute;
    left: 50%;
    width: 2px;
    height: 100%;
    background: #DDDDDD;
    right: -9px
}

.historico_lesao_text
{
    color: #B3B3B3;
    font-family: Exo;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    padding: 10px 0;
}

.historico_lesao_text.atual
{
    color: #0B70E7;
}

.fisioterapia_historico_list
{
    padding-right: 20px;
    max-height: 813px;
    overflow-y: auto;
}

.membro_lesao_area.selecionado
{
    border: 1px solid #0B70E7;
}

.atribuir_lesao_area_grid
{
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 20px;
}

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

.lesoes_atribuidas_area
{
    padding-right: 20px;
    max-height: 465px;
    overflow-y: auto;
    display: grid;
    gap: 15px;
}

.reabilitacao_row_two_grid
{
    display: grid;
    grid-template-columns: 1.7fr 0.65fr 0.65fr;
    gap: 20px;
}

.reabilitacao_row_three_grid
{
    display: grid;
    grid-template-columns: 2.2fr 1fr;
    gap: 20px;
}

.mensagens_block
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
}

.mensagem_list
{
    display: flex;
    flex-direction: column;
    gap: 10px;
    
    padding-right: 20px;
    max-height: 700px;
    overflow-y: auto;
}

.mensagem_item
{
    display: grid;
    grid-template-columns: 5fr 1fr 0.6fr;
    gap: 50px;
    background-color: white;
    padding: 35px;
    border-radius: 10px;
    align-items: center;
    cursor: pointer;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.04);
}


.mensagem_item.read img
{
    content:url("/media/images/icons/black_bell.png");
}

.mensagem_item.ativo
{
    background: var(--Gradient-Azul-Stroke, linear-gradient(90deg, #05B8EB -18.57%, #0B70E7 100%));
    
}

.mensagem_item.ativo img
{
    content:url("/media/images/icons/white_bell.png");
}

.mensagem_item.ativo img.has_messages
{
    content:url("/media/images/icons/white_bell_message.png");
}

.message_number
{
    position: absolute;
    right: 5px;
    width: 17px;
    height: 17px;
    top: 3px;
    text-align: center;
    
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #E01E6B;
}

.mensagem_item.ativo .message_number
{
    color: white;
}

.tipo_utilizador_text
{
    color: #222;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.mensagem_item.ativo .tipo_utilizador_text
{
    color: white;
}

.mensagem_item.ativo .nome_jogador_text
{
    color: white;
}

.mensagem_detalhes
{
    border-radius: 15px;
    background: #FFF;
    
    box-shadow: 0px 15px 50px 4px rgba(0, 0, 0, 0.07);
    
    padding: 25px;
    
    display: flex;
    flex-direction: column;
    height: 700px;
}

.mensagem_detalhes_titulo
{
    color: #222;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.mensagens_corpo
{
    padding-right: 20px;
    max-height: 520px;
    overflow-y: auto;
    
    display: grid;
    gap: 40px;
    
    
    flex-direction: column-reverse;
    display: flex;
}

.mensagem_corpo_item_left
{
    border-radius: 25px 25px 25px 0px;
    background: #EEE;
    color: #505050;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    
    padding: 20px;
    width: fit-content;
    justify-self: left;
}

.mensagem_corpo_item_right
{
    border-radius: 25px 0px 25px 25px;
    background: var(--Gradient-Azul, linear-gradient(40deg, #05B8EB -4.19%, #0B70E7 75.82%));
    color: #FFF;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    
    padding: 20px;
    width: fit-content;
    margin-left: auto;
}

.send_message_area
{
    padding: 0 10px;
    margin-top: auto;
}

.send_message_button
{
    position: absolute;
    top: 35%;
    right: 2%;
}

.send_message_textbox
{
    border-radius: 15px;
    background: #FFF;
    
    box-shadow: 5px 4px 20px 0px rgba(0, 0, 0, 0.13);

}

.mentor_fichas_selector_block
{
    position: relative;
}

.mentor_fichas_selector_block .elevate
{
    position: absolute;
    top: -400px;
    left: 0;
}


:root {
   --color-black: hsl(0, 0%, 10%);
   --color-darks: hsl(0, 0%, 20%);
   --color-greys: hsl(0, 0%, 80%);
   --color-light: hsl(0, 0%, 96%);
   --color-white: hsl(0, 0%, 100%);
   --color-blues: hsl(217, 91%, 60%);

   --shadow-small: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
      0 1px 2px 0 rgba(0, 0, 0, 0.06);
   --shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
      0 2px 4px -1px rgba(0, 0, 0, 0.06);
   --shadow-large: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
      0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
    
.new-form-group {
	 position: relative;
	 width: fit-content;
	 min-width: 100%;
}
.form-arrow {
	 position: absolute;
	 top: 1.5rem;
	 right: 0.5rem;
	 z-index: 10;
	 color: var(--color-darks);
}
.new-dropdown {
	 position: relative;
}
.new-dropdown-select {
	 position: relative;
	 font-family: inherit;
	 cursor: pointer;
	 user-select: none;
	 width: fit-content;
	 height: auto;
     padding: 12px 2rem 12px 1.25rem;
	 border-radius: 5px;
     border: 1px solid #DDD;
	 outline: none;
	 color: var(--color-black);
	 background-clip: padding-box;
	 background-color: var(--color-white);
	 transition: all 0.3s ease-in-out;
	 min-width: 182px;
	 min-width: 100%;
}
.new-dropdown-menu {
	 position: absolute;
	 display: none;
	 top: 100%;
	 left: 0;
	 width: fit-content;
	 min-width: 100%;
	 z-index: 10;
	 border-radius: 0.25rem;
	 background-color: var(--color-white);
	 box-shadow: var(--shadow-large);
	 transition: all 0.3s ease-in-out;
}
.new-dropdown-menu-inner {
	 max-height: 16rem;
	 overflow-y: scroll;
	 overflow-x: hidden;
	 width: fit-content;
     min-width: 100%;
}
.new-dropdown-menu-inner::-webkit-scrollbar {
	 width: 5px;
	 height: auto;
}
.new-dropdown-menu-inner::-webkit-scrollbar-thumb {
	 border-radius: 0.25rem;
	 background-color: var(--color-greys);
	 box-shadow: var(--shadow-small);
}
.new-dropdown-menu-item {
	 font-family: inherit;
	 cursor: pointer;
	 user-select: none;
	 padding: 0.65rem 1.25rem;
	 background-color: var(--color-white);
	 transition: all 0.2s ease-in-out;
}
.new-dropdown-menu-item:hover {
	 color: var(--color-black);
	 background-color: var(--color-greys);
}
.new-dropdown-menu-item.is-select, .new-dropdown-menu-item.is-select:hover {
	 color: var(--color-white);
	 background-color: var(--color-blues);
}

.new-dropdown-menu-search {
	 display: block;
	 font-family: inherit;
	 width: 100%;
	 height: auto;
	 padding: 0.65rem 1.25rem;
	 border: none;
	 outline: none;
	 color: var(--color-black);
	 background-clip: padding-box;
	 background-color: var(--color-light);
}
 .new-wrapper-column {
	 max-width: 40rem;
	 height: auto;
	 margin: 0 auto;
	 padding: 5rem 3rem;
	 border-radius: 0.25rem;
	 background-color: var(--color-white);
	 box-shadow: var(--shadow-medium);
}

.new-dropdown-menu-item[data-disabled="true"]
{
    background-color: #d9d9d9;
}

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



/******************************   media queries   ******************************/

@media (min-width: 1200px){
    
}

@media (max-width: 1100px) {
    
}
    
@media (max-width: 880px) {
    
}
        
@media (max-width: 790px) {
    .div_ele {
        width: 100% !important;
    }
}
@media (max-width: 680px) {
    #produtos_responsive {
        display: block;
    }

    #tabela_loja {
        display: none;
    }
}
                
@media (max-width: 500px) {
    
}
                    
@media (max-width: 400px) {
    
}
/******************************   end media queries   ******************************/


.esconder
{
    display: none;
}

.mostrar
{
    display: block;
}