header{
    display : none !important;
}

.headline-container{
    display : none !important;
}

.summary-mobile-title{
    border-top : 2px solid gray;
}

/*.py-top0{*/
/*    top : 0 !important;*/
/*}*/

.zone-body{
    padding-top : 0 !important;
}

#change-zone-mobile{
    display : none !important;
}

.zone-content #map-container-mobile, .zone-content #map-container{
    height : calc(100vh - 305px) !important;
}

/*Modal full width*/
.jconfirm-box{
    border-radius : 0 !important;
    padding       : 0 !important;
}

.jconfirm-holder .container{
    padding-left  : 0;
    padding-right : 0;
}


.jconfirm.jconfirm-white .jconfirm-bg, .jconfirm.jconfirm-light .jconfirm-bg{
    opacity : .8;
}

#locationIcon{
    display : none;
}

.logo{
    height     : 70px;
    max-height : 70px;
}

.error{
    color         : red;
    font-size     : 12.8px;
    margin-bottom : 0;
}

.logo-macth-list{
    max-width  : 50px;
    max-height : 50px;
}

.logo-wrapper{
    width   : 70px;
    display : inline-block;
}

.list-group-item.active{
    z-index          : 2;
    color            : #fff;
    background-color : #980f2f;
    border-color     : #980f2f;
}

@media (max-width : 767.98px){
    .app-matches-container{
        background : #fff;
    }

    .form-group{
        margin : 10px 0 0 0;
    }

    .app-background{
        width    : 100vw;
        height   : 100vh;
        position : fixed;
    }

    .app-background::before{
        border-color : #fef1d4 transparent transparent #fef1d4;
        border-style : solid;
        border-width : 45vw;
        content      : "";
        left         : 0;
        opacity      : .25;
        position     : absolute;
        top          : 0;
    }

    .app-background::after{
        border-color : transparent #fab92b #fab92b transparent;
        border-style : solid;
        border-width : 35vw;
        content      : "";
        right        : 0;
        opacity      : .05;
        position     : absolute;
        bottom       : 0;
        z-index      : 1;
    }

    .match-container,
    .form-container{
        min-height      : 30vh;
        display         : flex;
        flex-direction  : column;
        justify-content : space-between;
        border-bottom   : 1px solid #bbbcbc;
        z-index         : 2;
    }

    .match-container::after{
        border-color : #bbbcbc transparent transparent #bbbcbc;
        border-style : solid;
        border-width : 4vw;
        top          : -1px;
        content      : "";
        position     : absolute;
        left         : -15px;
    }

    .form-list-body{
        z-index : 9999;
    }

    .form-list-body .form-row{
        margin : 15px 0;
    }

    .form-list-body .js-animation{
        border-bottom-color : currentcolor;
        border-bottom-style : none;
        border-bottom-width : medium;
        border-bottom       : 2px solid #990a2c !important;
    }

    .form-list-body .js-animation.third-step{
        border-bottom : 2px solid #bbbcbc;
    }

    .form-list-body .js-animation.third-step .small{
        color       : #bbbcbc;
        font-weight : 600;
        font-size   : 12px;
    }

    .form-list-body .js-animation.third-step input{
        color   : #000;
        padding : .375rem 0;
    }

    .form-list-body .form-control{
        border        : none;
        border-radius : 0;
    }

    .serieALogo{
        /*background-image  : url(../images/seriea.png);*/
        background-size   : contain;
        background-repeat : no-repeat;
    }

    .placeholderDay{
        width   : 100%;
        padding : 0;
        left    : 15px;
    }

    .mask2m{
        width   : 100%;
        padding : 0;
    }

    .datemaskJS{
        background : transparent !important;
    }

    .barr-date-dd{
        left : 37px;
    }

    .form-control[readonly],
    .form-control[readonly]:focus{
        background-color : transparent;
        box-shadow       : unset;
        cursor           : none;
    }

    .div-barr-mobile{
        border-top  : 1px solid #bbbcbc;
        margin-top  : 1.5rem;
        padding-top : 1.5rem;
    }

}

@media (min-width : 768px){
    .containerdescktop::before{
        position          : absolute;
        border            : 600px solid transparent;
        content           : "";
        border-left-color : #8a8d8f;
        border-top-color  : #8a8d8f;
        left              : 0;
        top               : 0;
        opacity           : .05;
    }

    .floating-labels legend{
        position      : absolute;
        font-size     : 12px;
        line-height   : 14px;
        padding       : 0 4px;
        border-radius : 7px;
        top           : -6px;
        left          : 17px;
        background    : #ced4da;
        color         : #fff;
        width         : auto;
    }

    .form-control:focus{
        /*border     : 2px solid red;*/
        box-shadow   : 0 0 0 3px #e0bfc7; /* oranges! yey */
        border-color : #ec3b64;
    }

    .form-field-changeowner,
    #anagrafica select{
        height        : calc(2.875rem + 2px);
        padding       : .5rem 1rem;
        line-height   : 1.5;
        font-size     : 1.1rem;
        border-radius : .3rem;
    }

    #anagrafica ::placeholder,
    #anagrafica select,
    .input-malefemale{
        font-size : 1.05rem;
        opacity   : 1;
    }

    .custom-control-label{
        position       : relative;
        margin-bottom  : 0;
        vertical-align : top;
    }

    .div-barr-mobile{
        display : none;
    }
}