/*

  You can add custom CSS rules or import files here.
*/

/* Import the Radzen CSS files */
@import './styles-generated.css';
@import url('/css/fonts/fonts.css');

html, body  {
    font-family: 'Gilroy', sans-serif !important;
}

input{
    border-radius: 12px !important;
}
.radzenCard:hover {
    outline: #243760 solid 4px;
}

.bg-dark {
    background-color: #243760 !important;
}

.rz-button.btn-primary {
    background-color: #ebaf1b !important;
    border-radius: 12px;
}

.btn-primary {
    background-color: #ebaf1b !important;
    border-color: #ebaf1b !important;
    border-radius: 12px;
}

/*Dialog*/
.rz-dialog {
    border-radius: 40px;
    width: 40%;
}

    .rz-dialog input, .rz-inputtext, .rz-textarea {
        border-radius: 12px;
    }

.rz-dropdown-trigger {
    background-color: #ebaf1b;
    width: 32px;
}

.rz-dialog-titlebar {
    background-color: white;
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rz-dialog-title {
    color: #243760;
    font-weight: 700;
    font-size: 40px;
    margin-top: 65px;
    margin-left: 20px;
}

#dob {
    border-radius: 12px;
}

span.rz-spinner {
    border-radius: 12px;
}

div.rz-dropdown {
    border-radius: 12px;
}

.rz-spinner-button-icon {
    background-color: #ebaf1b;
}

.rz-multiselect-trigger .rzi-chevron-down:before, .rz-dropdown-trigger .rzi-chevron-down:before {
    color: white;
}

.rz-dropdown-trigger {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .rz-dropdown-trigger .rzi-chevron-down {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .rz-dropdown-trigger .rzi-chevron-down:before {
            content: 'expand_more';
            margin-left: 6px;
            font-size: 30px;
        }
/*Tables*/
.rz-datatable {
    border: none;
    font-family: 'Gilroy', sans-serif !important;
    box-shadow: none;
}

.rz-grid-table thead th {
    background-color: #243760;
}

    .rz-datatable-thead th .rz-column-title, .rz-grid-table thead th .rz-column-title {
        color: white;
        font-weight: 700;
    }

.rz-data-grid-data {
    border-radius: 12px;
}

.grid-button {
    min-width: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: red;
    margin: 0;
    margin-left: 4px;
}

.grid-button--edit {
    background: #EBAF1B !important;
    width: 20px;
}

.grid-button--view {
    background: #215FAA !important;
}

.grid-button--delete {
    background: #858585 !important;
}

td {
    background-color: white !important;
    border-bottom: solid 2px #dfe7eb;
    border-right: solid 2px #dfe7eb;
    height: 40px;
}

.dashboard-messages-pager {
    margin-left:20px;
}

.rz-grid-table td .rz-cell-data {
    font-weight: 700;
    font-size: 12px;
    color: #9B9A9A;
}

.rz-sortable-column .rzi-sort, .rz-grid-filter-icon {
    color: white;
}
/*Table pagination*/
.rz-paginator {
    background: #F8F9FA;
    border: none;
    padding-top: 20px;
}

.rz-paginator-page {
    background-color: #ffffff;
    color: black;
    border: 1px solid #e6ecef;
    font-weight: 700;
}

.rz-paginator-page.rz-state-active {
    color: white !important;
    font-weight: 700;
    background: #243760;
}

.rz-paginator-icon {
    color: #000000 !important;
}

.rz-paginator-next, .rz-paginator-prev, .rz-paginator-first, .rz-paginator-last, .rz-state-focused {
    color: #007bff !important;
}

/*General*/
.no-border {
    border: none !important;
}

.rz-heading {
    color: #243760;
}

.rz-panel {
    border-radius: 12px;
    background: none;
}

.white-panel {
    background-color: white;
    border-radius: 12px;
    padding: 20px;
}

.rz-fieldset {
    border: none;
}

.rz-label {
    color: #B0B0B0;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
}

.tab-hide {
    display: none;
}

.rz-tabview-panels {
    border: none;
    overflow: hidden;
    border-radius: 16px !important;
}

.rounded-extra {
    border-radius: 50px !important;
}
/*Send Adhoc Notification*/
.message-textarea {
    min-height: 100px;
}

.notification-panel {
    margin-top: 30px;
}

    .notification-panel label {
        color: #243760;
    }

    .notification-panel .rz-dropdown {
        width: 100%;
    }

/*Athlete Banner*/

.athlete-banner {
    background-color: #243760;
    height: 400px;
}


/*Login Screen*/

.abp-account-layout a.nav-link {
    display: none;
}

.abp-account-layout nav.navbar {
    box-shadow: none !important;
}

.abp-account-container {
    margin-top: 65px;
    max-width: 355px;
    max-width: 355px;
}

.login-card {
    min-height: 500px;
    font-family: 'Gilroy', sans-serif !important;
}

    .login-card label {
    }

.login-card__input {
    background-color: #F4F4F4;
    border: none;
    border-radius: 14px;
    margin-bottom: 20px;
}

    .login-card__input ::placeholder {
        color: #858585;
        font-size: 16px;
        font-weight: 700;
    }

.login-card__heading {
    color: #243760;
    font-weight: 700;
    font-size: 32px;
    line-height: 1;
    max-width: 220px;
    margin-bottom: 45px;
}

.login-card__checkbox {
    margin: 25px 0;
}

    .login-card__forgot-password, .login-card__checkbox label {
        color: #243760;
        font-weight: 700;
        font-size: 16px;
    }

.login-card__submit {
    width: 115px;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 40px;
}

.login__text-container {
    color: white;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    margin-left: 50px;
}

.login__text {
    font-weight: 700;
    font-size: 52px;
    margin-bottom: 60px;
    line-height: 1;
    margin-top: 90px;
    max-width: 310px;
}

.login__register-text {
    font-size: 18px;
    font-weight: 700;
}

.login__register-link {
    color: #EBAF1B;
    border-bottom: 3px solid #EBAF1B;
}

.forgot-password__form span:not(.field-validation-error), .forgot-password__form label {
    display: none;
}

/*Tabs*/


.rz-tabview-top > .rz-tabview-nav li {
    background: none;
}

.rz-tabview-nav li a {
    color: white;
    background: #C5C5C4;
    width: 170px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-right: 2px;
    height: 42px;
    text-transform: uppercase;
}

.rz-tabview-nav .rz-tabview-selected a {
    color: white;
    background: #EBAF1B;
}

.rz-tabview-nav li {
    border: none;
}

.tab a::before {
    content: '';
    height: 20px;
    width: 25px;
    margin-right: 5px;
    background-repeat: no-repeat;
}

.tab--gallery a::before {
    background-image: url('/icons/gallery-icon.png');
    width: 22px;
}

.tab--videogallery a::before {
    background-image: url('/icons/athlete-icon.png');
    width: 22px;
}

.tab--information a::before {
    background-image: url('/icons/info-icon.png');
    min-width: 20px;
}

.tab--messages a::before {
    background-image: url('/icons/chat-icon.png');
}

.tab--activity a::before {
    background-image: url('/icons/info-icon.png');
}

.tab--lists a::before {
    background-image: url('/icons/notes-icon.png');
}

.tab--commit a::before {
    background-image: url('/icons/athlete-icon.png');
}

.view-athlete__tabs ul, .view-coach__tabs ul {
    border-bottom: 2px solid #215FAA;
}

.view-coach__tabs .rz-tabview-panels {
    /*    margin-top: 20px;*/
    background: none;
}
/*View athlete info*/

.view-athlete__bio {
    color: #243760;
    line-height: 1.25;
}

.view-athlete__social {
    margin-top: 20px;
}

.athlete-profile__sport-icon {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    margin-bottom: 7px;
}

.athlete-profile__sport-icon--soccer {
    margin-bottom: 7px;
}

.athlete-profile__heading-container {
    display: flex;
    align-items: center;
}

.view-athlete__tabs .rz-tabview-panels, view-coach__tabs .rz-tabview-panels {
    background: none;
}

.view-athlete__tabs .rz-tabview-panel, .view-coach__tabs .rz-tabview-panel {
    padding: 1.25em 0;
}
.view-coach__tabs .athlete-list ul.rz-tabview-nav{
    width: 30%;
}
.view-coach__tabs ul.rz-tabview-nav .list__athlete-item a {
    width: 100%;
}
.view-athlete__info {
}

.social-link {
    margin-right: 10px;
}

.view-athlete__info-heading {
    text-transform: uppercase;
    color: #243760;
    font-size: 19px;
    font-weight: 700;
    width: 100%;
    border-bottom: 2px solid #215FAA;
}

.view-athlete__info-row {
    margin-top: 25px;
}

.view-athlete__info-col {
    margin-bottom: 10px;
}

.view-athlete__info-card {
    background: white;
    border-radius: 12px;
    height: 100%;
    padding: 15px;
}

.info-card__heading {
    text-transform: uppercase;
    color: #243760;
    font-size: 14px;
    font-weight: 700;
    width: 100%;
}

.info-card__list {
    color: #243760;
    font-family: 'Gilroy', sans-serif !important;
    padding: 0;
    list-style: none;
    border: none !important;
}

.info-card__list-item {
    color: #243760;
    border-bottom: 1px solid #215FAA;
}

.info-card__label {
    font-size: 12px;
    font-weight: 700;
    margin: 8px 0;
}

.info-card__text {
    font-size: 12px;
    font-weight: 400;
    margin: 8px 0;
    color: #243760;
}

.info-card__text--score {
    margin-right: 30px;
}

.info-card__col--score {
    display: flex;
    justify-content: end;
}

.info-card__heading-container {
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #215FAA;
}

.info-card__header-icon {
    margin-bottom: 3px;
}


/*Athlete Header*/
.athletes-header {
    background: #243760;
    margin-bottom: 30px;
    min-height: 300px; 
    padding: 40px;
 border-radius: 40px;

}
.athletes-header .rz-dropdown{
    width: 100%;
}
    .athletes-header .rz-dropdown .rz-dropdown-label{
       margin-top: 2px;
    }
.athletes-header h1{
    color: white; 
}
.athletes-heading {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}
.athletes-heading button{
    margin-left: auto; 
}
.athletes-heading__icon {
    margin-bottom: 12px;
    width: 21px;
    margin-right: 10px;
    height: auto;
}
.athlete-search__label {
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
}
.athletes-header .rz-dropdown{
    border: none;
}
.athlete-search__col {
    border-right: solid 1px #EBAF1B;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 120px;
}
    /*Showreel video*/
    .video-container {
        margin-bottom: 20px;
        max-width: 100%;
    }

    .video-container iframe { 
        max-width: 100%;
        border-radius: 25px;
    }
    
/*Image gallery*/
.image-gallery {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.image-gallery__item {
    /* flex: 0 0 33%;*/
    padding: 0;
    border-radius: 12px;
    margin-bottom: 20px;
    flex: 0 0 auto;
    margin-left: 10px;
    margin-right: 10px;
}
.image-gallery__item :hover{
    cursor: pointer; 
}

.image-gallery__item img {
    border-radius: 12px;
    height: 250px !important;
    width: auto !important;
}
.image-gallery__item img :hover {
    cursor: pointer; 
}

.profile-picture img {
    border-radius: 12px;
    height: 350px !important;
    width: auto !important;
}

.full-image{

}
/*Message Threads*/

.thread-tab {
}

.thread-tab__content {
}

.thread-tab__img {
}

.thread-tab__text-container {
}

.thread-tab-name {
}

.thread-tab__message {
}

/*Message screen*/
.message-tabs .rz-tabview-panels {
    background: #EBEBEB;
}

.message-tabs .rz-tabview-panel {
    padding-bottom: 0;
    max-height: 550px;
    overflow: auto;
}

.message-tabs .rz-tabview {
    margin-bottom: 0;
}

.message-tabs ul.rz-tabview-nav {
    background: white;
    border: none;
    width: 31%;
    max-height: 550px;
    overflow-y: auto;
    overflow-x: hidden;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
}

.message-tabs .thread-tab a {
    width: 100%;
    margin-bottom: 0;
}

.message-screen__header {
    border-bottom: solid 1px #D8D8D8;
    padding: 10px;
    padding-left: 20px;
}

.message-screen__tabName {

}

.message-screen__type {
    font-size: 11px;
    font-weight: 700;
    color: #6F6F6E;
}

.message-screen__name {
    font-size: 14px;
    font-weight: 700;
    color: #6F6F6E;
}

.message-card {
    max-width: 500px; 
    width: fit-content;
    overflow-wrap:anywhere;
    background-color: rgba(33, 95, 170,0.7);
    margin-left: 20px;
    margin-bottom: 10px;
    color: white; 
    border-radius: 12px;
}

.message-card--dashboard {
    max-width: 500px;
    width: 100%;
    background-color: rgba(33, 95, 170,0.7);
    margin-left: 20px;
    margin-bottom: 10px;
    color: white;
    border-radius: 12px;
    text-align: left;
    cursor: pointer;
}

.message-card--you {
    max-width: 500px;
    width: fit-content;
    background-color: #fff;
    margin-left: auto;
    margin-right: 20px;
    color: #1D1D1B;
}

.message-card--not-you a {
    color: #e2e9ff;
}

.message-tabs ul.rz-tabview-nav::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

/*Lists*/

.vertical-tabs li a {
    margin-bottom: 5px;
    height: auto;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 0;
}

.vertical-tabs li {
    background: none;
}

.list__athlete-item li {
    background: none;
}

    .list__athlete-item li a {
        margin-bottom: 5px;
        height: auto;
        border-bottom-left-radius: 10px;
        border-top-right-radius: 0;
    }

.list__message-item li {
    background: none;
}

    .list__message-item li a {
        /*    margin-bottom: 5px;*/
        height: auto;
        /*  border-bottom-left-radius: 10px;
    border-top-right-radius: 0;*/
        height: 80px;
        background: white;
        color: grey;
        border-bottom: solid 2px grey;
        border-radius: 0;
        text-transform: none;
    }

    .list__message-item li.rz-tabview-selected a {
        background: rgba(235, 175, 27, 0.3);
        color: grey;
    }

.athlete-card__img {
    border-radius: 12px;
}

.athlete-list .rz-card {
    border-radius: 12px;
}

.athlete-list .rz-tabview-nav {
    border: none;
}
.athlete-list .rz-tabview-panel {
    padding-top: 0 !important;
}
.athlete-list .rz-tabview-panel .radzenCard:first-of-type {
   margin-top: 0 !important;
}
/*Nav*/
li#MenuItem_Portal\.Home {
    display: none;
}

/*Account page*/

#ProfileManagementWrapper h4, #ProfileManagementWrapper hr {
    display: none;
}

#ProfileManagementWrapper h2 {
    color: #243760;
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 20px;
}

#ProfileManagementWrapper label {
    font-size: 11px;
    color: #B0B0B0;
    font-weight: 700;
}

#ProfileManagementWrapper input {
    border-radius: 12px;
}

#ProfileManagementWrapper .col-md-3 {
    background: #EBEBEB;
    min-height: 500px;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}
#ProfileManagementWrapper .col-md-9{
    background: white;
 
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}
#ProfileManagementWrapper .card-body {
    padding: 0;
    min-height: 500px;
}

#ProfileManagementWrapper .tab-content {
    padding: 40px;
}

#ProfileManagementWrapper .nav {
    padding: 40px 0;
}

#ProfileManagementWrapper .card {
    border: none;
}
#ProfileManagementWrapper li.nav-item a {
    text-transform: uppercase;
    color: #B0B0B0;
    font-size: 14px; 
    font-weight: 700; 
    background: none;
}
#ProfileManagementWrapper .nav-pills .nav-link.active {
    color: #EBAF1B;
    background: none;
}

/*Recruiter*/
.view-athlete__info-card.recruiter, .view-athlete__info-card.school {
    width: 100%;
} 
     
/*Input*/ 

.rz-dropdown-label{ 
    margin-top: 2px;
} 

.navbar-nav:last-of-type .nav-item:first-of-type{
    display: none;
} 
/*Tablet*/

.drop-zone {
    padding: 20px;
    width: 100%;
    min-height: 100px;
    border: 2px dashed #0087F7;
    border-radius: 5px;
}

    .drop-zone.hover {
        border-style: solid;
    }

@media only screen and (max-width : 835px)
{
    .navbar-nav a.nav-link {
        font-size:14px;
    }
    .rz-grid-table-fixed {
        table-layout: unset;
    }

}
/*Mobile*/
@media only screen and (max-width : 480px) {
    .navbar-nav a.nav-link {
        font-size: 16px;
    }
    .image-gallery__item {
        /* flex: 0 0 33%;*/
        flex: 44%;
        height: auto;
    }

        .image-gallery__item img {
            height: auto !important
        }

    #ProfileManagementWrapper .col-md-3 {
        min-height: 0;
    }

    .rz-tabview.rz-tabview-left {
        flex-direction: column;
    }

    .list__athlete-item li a {
        width: 100%;
    }

    .athlete-list .radzenCard .flex-row {
        flex-direction: column !important;
    }

        .athlete-list .radzenCard .flex-row .col-5, .athlete-list .radzenCard .flex-row .col-4 {
            max-width: 100% !important;
            width: 100% !important;
            min-width: 750px !important;
        }

    .video-container {
        max-height: 250px;
        display: flex;
        align-items: center;
    }

    .view-athlete__info-heading {
        margin-top: 20px;
    }

    .view-athlete__info-col {
        margin-bottom: 20px;
    }

    .notification-row {
        flex-direction: column;
    }

    .notification-col {
        max-width: 100%;
        flex: 100%;
        width: 100%;
    }

    .rz-grid-table-fixed {
        table-layout: unset;
    }

    .view-coach__tabs ul.rz-tabview-nav {
        flex-direction: column;
    }

        .view-coach__tabs ul.rz-tabview-nav a {
            margin-bottom: 5px;
            width: 100%;
        }

    .message-tabs ul.rz-tabview-nav {
        width: 100%;
        max-height: 400px;
        margin-bottom: 10px;
    }

    .view-athlete__info-card.recruiter {
        width: 100%;
    }

    .view-coach__tabs .athlete-list ul.rz-tabview-nav {
        width: 100%;
    }

    .athlete-search__col {
        border: none;
        min-height: 75px;
    }

    .rz-dialog {
        position: unset !important;
    }
}
 
div:focus {
    border: #ffffff !important;
}