﻿.nc-dialog.tutorial {
    overflow: visible;
    box-shadow: 0px 10px 10px rgba(0,0,0,0.33);
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0;
    max-height: 95%;
}

    .nc-dialog.tutorial::before {
        content: '';
        position: absolute;
        z-index: -1;
        bottom: -30px;
        left: 0;
        right: 0;
        height: 60px;
        background-size: 24px 48px;
        background-repeat: repeat-x;
        background-image: -webkit-linear-gradient(45deg, transparent 34%, #ffffff 34%, #ffffff 66%, transparent 66%), -webkit-linear-gradient(315deg, transparent 34%, #ffffff 34%, #ffffff 66%, transparent 66%);
        background-image: -moz-linear-gradient(45deg, transparent 34%, #ffffff 34%, #ffffff 66%, transparent 66%), -moz-linear-gradient(315deg, transparent 34%, #ffffff 34%, #ffffff 66%, transparent 66%);
        background-image: linear-gradient(45deg, transparent 34%, #ffffff 34%, #ffffff 66%, transparent 66%), linear-gradient(315deg, transparent 34%, #ffffff 34%, #ffffff 66%, transparent 66%);
    }

    .nc-dialog.tutorial::after {
        content: '';
        width: 100%;
        height: 50px;
        position: absolute;
        left: 0;
        bottom: 0;
        background: linear-gradient(transparent, white);
        pointer-events: none;
    }

    .nc-dialog.tutorial .tutorial-inner {
        margin: 2px 4px;
        padding: 50px;
        overflow: auto;
        scrollbar-width: thin;
        scrollbar-color: #6689F4 #F8F9FA;
        text-align: center;
    }

        .nc-dialog.tutorial .tutorial-inner::-webkit-scrollbar-thumb {
            background-color: #6689F4;
        }

        .nc-dialog.tutorial .tutorial-inner h2 {
            text-align: left;
            color: #1559A8;
        }

        .nc-dialog.tutorial .tutorial-inner p {
            text-align: left;
            line-height: 24px;
            color: #707070;
        }

            .nc-dialog.tutorial .tutorial-inner p.blue {
                color: #1559A8;
            }

        .nc-dialog.tutorial .tutorial-inner a {
            color: #1559A8;
        }

        .nc-dialog.tutorial .tutorial-inner .nc-button {
            margin: 50px auto;
        }
