/* Mobile */
@media(max-width:750px) {
    p {
        font-size: 16px !important;
    }

    .mt3-mobile {
        margin-top: 5%;
    }

    .mt5-mobile {
        margin-top: 10%;
    }

    .mt-important-mobile {
        margin-top: 40%;
    }

    .margin-top-negative-sm {
        margin-top: -2%;
    }

    .layout-main-content {
        padding-bottom: 35% !important;
    }

    .login-container .organization-logo {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .content-page {
        padding-left: 4% !important;
        padding-right: 4% !important;
    }

    .switch-role {
        display: none !important;
    }

    .btn-save {
        min-width: 250px !important;
        padding-top: 5% !important;
        padding-bottom: 5% !important;
        padding-left: 15% !important;
        padding-right: 15% !important;
    }

    .btn-save-tournament {
        height: 55px;
        width: 150px;
    }

    .btn-new {
        width: 104px !important;
        height: 80px !important;
        position: fixed !important;
        top: 20%;
        right: 4%;
    }

        .btn-new .svg-inline--fa {
            font-size: 29px !important;
        }

        .btn-new h5 {
            margin-top: 20% !important;
        }
        .btn-new i {
            font-size: 36px!important;
            margin-top:-14px!important;
        }
    .small-button {
        width: 100%!important;
    }
    /* Topbar */
    .topbar-menu {
        text-align: left !important;
    }
        .topbar-menu .btn-group {
            justify-content: space-around!important;
        }
        .user {
            font-size: 13px !important;
        }
    h2 {
        font-size: 20px !important;
    }

    #register-form-container {
        padding-bottom: 4%;
    }

    #new-profile-form-group-last-name, #password-input-container {
        margin-top: 5%;
    }

    .welcome-role-container {
        width: 100%;
        margin-top: 10%;
        margin-bottom: 0%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 15%;
        padding-right: 15%;
    }

    .welcome-role {
        width: 100%;
        padding: 0;
    }

        .welcome-role button img, .welcome-role a img {
            width: 130px !important;
        }

    #complete {
        padding-left: 0;
        padding-right: 0;
    }

        #complete button {
            width: 100%;
        }


    #create-btn {
        width: 90%;
    }

    #mobile-bottombar {
        display: block;
    }
  /*  .layout-sidebar.mobile-fullscreen {
        display: none !important;
    }*/

    #user-menu-dropdown .dropdown-menu.show {
        min-width: 320px !important;
        margin-top: 20px !important;
    }

    #user-menu-dropdown {
        margin-top: 5% !important;
        margin-bottom: 5% !important;
        margin-left: 3% !important;
        margin-right: 3% !important;
    }

    #requests-filter, #requests-filter-searchbar, #requests-filter__views-type {
        display: none;
    }

    #requests-filter-mobile {
        display: block;
        position: fixed;
        z-index: 999;
        top: 10%;
        right: 10%;
    }

        #requests-filter-mobile i {
            font-size: 30px;
            color: var(--primary);
        }

    .badge-secondary {
        font-size: 13px !important;
    }

    .btn-primary-filter-two {
        padding: 11% !important;
        margin-left: 20px
    }

    .btn-primary-filter {
        padding: 12% !important;
    }

    #tournament-logo-container h3 {
        font-size: 15px !important;
    }

    .btn-request svg {
        width: 100%;
        height: 70%;
        margin-top: 8%;
    }

    .btn-request p {
        display: none !important;
    }

    .btn-save {
        margin-top: 0px !important;
    }

    .modal-dialog {
        margin-top: 170px;
    }

    #input-modal-delegate input {
        width: 100% !important;
        margin-top: 5% !important;
        padding-top: 4% !important;
        padding-bottom: 4% !important;
    }

    #input-modal-delegate #btnAddManager {
        width: 100% !important;
        margin-top: 2% !important;
        padding-top: 4% !important;
        padding-bottom: 4% !important;
        font-weight: 700 !important;
    }

    #input-modal-delegate .input-group-append {
        width: 100% !important;
        margin-top: 2% !important;
    }

    .btn-cancelmodal {
        padding-top: 4% !important;
        padding-bottom: 4% !important;
        padding-left: 5% !important;
        padding-right: 5% !important;
        font-size: 15px !important;
    }

    #form-edit-profile-lastname, #form-edit-profile-mobile, #form-edit-profile-email, #form-edit-profile-new-password {
        margin-top: 5% !important;
    }

    #form-edit-profile-email {
        margin-top: 3% !important;
    }

 /*   #edit-profile-form-submit-button {
        margin-top: 15% !important;
    }*/

    .tournament-heading {
        margin-top: 5%;
    }

        .tournament-heading h4 {
            margin-bottom: 0;
        }

    .request-card-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .footer-public-legals-links {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 0.5rem;
        width: 100%;
        padding-left: 0;
        font-size: 15px !important;
        line-height: 0.7;
    }

        .footer-public-legals-links li {
            display: block;
            margin: 0;
        }

            .footer-public-legals-links li a {
                display: inline-block;
            }

    /* Landing */
    .welcome-role-image {
        min-height: 140px !important;
    }

    .welcome-role {
        height: 30vh !important;
        min-height: 30vh;
    }

    .welcome-role button i {
        font-size: 71px !important;
    }

    .welcome-role a i {
        font-size: 62px !important;
    }

    .btn-tennis {
        height: 30vh!important;
    }

    .btn-tennis h3 {
        font-size: 18px;
    }

    .app-logos-container a, .app-logos-container img {
        width: 156px;
    }
    
    .app-logos-container h2{
        font-size:17px;
    }



    /* Login */
    .btn-primary-login {
        padding-top: 10%;
        padding-bottom: 10%;
        padding-left: 10%;
        padding-right: 10%;
    }
    /* Public forms */
    #public-forms-pin-form {
        margin-top: 17% !important;
    }

    .login-container .container .carded {
        width: 100%;
    }

    #tournament-password-form-submit-button {
        width: 100%;
    }

    /* Create an account */
    .card-signup {
        min-width: unset !important;
        padding-left: 5% !important;
        padding-right: 5% !important;
    }

    #step1 {
        margin-bottom: 5% !important;
    }

    #step3 {
        margin-top: -3% !important;
    }

    #subrole {
        margin-top: -2%;
    }
    /* Reset password*/
    #reset-passworw-input input {
        margin-top: 0 !important;
    }

    .fixed-bottom {
        position: relative;
        margin-top: 5%;
    }

    .footer-legals-links {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

        .footer-legals-links ul {
            padding-left: 0 !important;
        }

        .footer-legals-links li {
            display: block;
            margin-bottom: 5px;
        }

    /* Legal links footer */
    .fixed-link {
        padding-bottom: 30% !important;
    }

        .fixed-link li {
            list-style: none;
        }

    /* Admin dashboard */
    .card-tournamments-api {
        margin-top: 5% !important;
    }

    #search-tournament-dashboard {
        max-height: 300px !important;
    }
    .card-search-users {
        margin-top: 5%;
    }
    .ybq-page-table-filter #filter {
        width: 50%!important;
    }

    /*TABLES*/

    .uno-table-row-header th{
        font-size:.8rem;
        min-width: 30vw;
    }

/*    td {
        min-width: 30vw;
    }*/

    #list-of-accounts,
    #list-of-tournaments,
    #list-of-publicforms,
    #list-of-badgeroles,
    #list-of-destinations,
    #list-of-hotels,
    #list-of-rentalcars,
    #list-of-letters,
    #list-of-physio,
    #list-of-foods,
    #list-of-reports,
    #list-of-staffs,
    #list-of-guests {
        overflow-x: scroll !important;
    }



    .uno-card {
        margin: 0;
    }

    /* Partecipant My Requests Page */
    .my-requests-filter-bar {
        margin-top: 2%;
        margin-bottom: 2%;
    }

    .requests-icons {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .switch-role {
        display: none;
    }

    .general-page-title {
        margin-left: 2% !important;
    }
    #list-request-view {
        width: 100%;
        overflow-x: scroll;
    }
        .badge-number {
            position: relative!important;
        }

    .live-now {
        display: none;
    }
        /* Contacts */
        .card-list-container {
            margin-top: 3%;
        }

    .card {
        min-height: 200px;
    }

    /*.btn-global-new {
        display: none;
    }*/

    .btn-mobile-new {
        display: block;
        position: absolute;
        top: 16%;
        right: 7%;
        z-index: 999;
    }

        .btn-mobile-new button {
            padding-top: 10px;
            padding-bottom: 10px;
            padding-left: 10px;
            padding-right: 10px;
        }

    .logo-tournament,
    .surface-tournament {
        display: none !important;
    }

    .name-tournament{
        font-size:15px;
    }

    .date-tournament{
        font-size:12px;
    }

    .request-tournament {
        padding: 0 !important;
        min-width: 0;
        vertical-align: middle;
    }

        .request-tournament small{
            display:none;
        }

        .request-tournament svg {
            width: 30px;
        }

    .dropdown-menu-forms{
        width:88vw !important;
    }


    /* Contact */
    .contact-title-header {
        margin-left: 5% !important;
    }

    .edit-contact-form {
        margin-left: 4% !important;
        margin-right: 4% !important;
    }

    #phonenumbers {
        margin-top: 5%;
    }

    #edit-contact-form-group-contactphoto {
        margin-top: 7%;
    }

    .info-photo.show {
        transform: translate3d(30px, 30px, 0px) !important;
    }
    /* Legal page */
    .legal-page {
        padding-left: 4%;
        padding-right: 4%;
    }

    /* Requests page (es: Accomodations, Food, ecc) */
    .title-requests-container {
        padding-left: 5%;
        padding-right: 5%;
    }

    .top-alert-message {
        margin-left: 3%;
        margin-right: 3%;
    }

    /* Credentials */
    #edit-rfc-form button {
        margin-top: 15% !important;
    }

    #edit-rfc-form #taxforms-select {
        min-width: 100% !important;
    }

    /* Letters */
    .letters-request-container {
        padding-left: 6%;
        padding-right: 6%;
    }

    .ybq-inputfile-placeholder {
        padding: 20px 0px;
    }

    .ck-placeholder {
        height: 150px;
    }


    /* Set up alerts */
    #alerts-list {
        overflow-x: auto !important;
    }


    /*Agreement (accepts terms and conditions)*/
    #terms-and-conditions-page .logo-uno, #terms-and-conditions-page .logo {
        width: 150px !important;
    }

    #btnAccept {
        width: 100%;
    }

    .hidden-mobile {
        display: none !important;
    }

    .addT-with-pin {
        width: 100px !important;
        margin-left: 35px;
    }
    
    
    .dropdown-manage {
        min-width: 92vw !important;
    }

    .dropdown-manage li{
     font-size: 20px !important;
    }

}


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

    #requests-filter-mobile {
        top: 25%;
    }
}

@media screen and (max-height: 500px) {
    .layout-sidebar a {
        font-size: 18px;
    }
}

/* iPhone SE */
@media screen and (max-height: 667px) {
    .welcome-role button img, .welcome-role a img {
        width: 76px !important;
    }
    .welcome-role-image {
        min-height: 40px !important;
        max-height: 50px !important;
    }
    .welcome-role a i {
        font-size: 40px !important;
    }
    .welcome-role button i {
        font-size: 40px !important;
    }
}


/* iPhone Landscape */
@media screen and (max-width: 950px) and (orientation: landscape) {
    .layout-sidebar {
        display: none !important;
    }

    .layout-main-content {
        margin-left: 0;
    }

    #tournament-logo-container h3, #list-of-tournaments h3 {
        font-size: 17px !important;
    }

    .btn-request p {
        display: none;
    }

    .btn-request svg {
        margin-top: 15%;
    }

    .requests-icons svg {
        margin-top: 35%;
    }

    .contact-card h3 {
        font-size: 17px !important;
    }
}

/* iPad Mini */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .layout-sidebar {
        display: none;
    }

    #mobile-bottombar {
        display: block!important;
    }

    .layout-main-content {
        margin-left: 0;
    }
    .welcome-role-container {
        width: 90%!important;
        margin-left: 5%!important;
    }
    .login-container .container .carded {
        width: 70%;
    }

    #public-forms-pin-form {
        margin-top: 15% !important;
    }

    #tournament-logo-container h3, #list-of-tournaments h3 {
        font-size: 17px !important;
    }

    .contact-card h3 {
        font-size: 17px !important;
    }

    .btn-request p {
        margin-top: 5%;
        font-size: 8px !important;
    }

    .request-card-container h5 {
        font-size: 13px !important;
    }

    .btn-request svg {
        margin-top: 10%;
    }

    .requests-icons svg {
        margin-top: 15%;
    }

    .contact-card h3 {
        font-size: 17px !important;
    }

    #tournament-logo-container h3, #list-of-tournaments h3 {
        font-size: 17px !important;
    }

    .card {
        min-height: 260px;
    }

 
}