﻿.ngdialog.ngdialog-theme-getStarted {
    padding-top: 5%;
    /*padding-bottom: 5%;*/
    
}

    .ngdialog.ngdialog-theme-getStarted .ngdialog-overlay {
        /*background: rgba(255, 255, 255, .5);*/
    }

    .ngdialog.ngdialog-theme-getStarted .ngdialog-content {
        /*background: rgba(255, 255, 255, .9);*/
        /* padding: 1.8em 2em;*/
        padding: 0em 0em 0em 0em;
        max-width: 95%;
        min-width: 60%;
        width: auto;
        /*width: 1000px;*/
        /*height: 750px;*/
        /*-webkit-border-radius: 0;*/
        /*border-radius: 0;*/
    }

    .ngdialog.ngdialog-theme-getStarted .ngdialog-message h2 {
        font-size: 26px;
        font-family: 'Montserrat', 'Helvetica', Arial, sans-serif;
        line-height: 30px;
        /*margin-bottom: 20px;*/
    }

    .ngdialog.ngdialog-theme-getStarted .ngdialog-message {
        font-size: 16px;
        font-family: 'Source Sans Pro';
        /*line-height: 22px;*/
        line-height: 1.42857143;
    }

        .ngdialog.ngdialog-theme-getStarted .ngdialog-message ul {
            /*padding: 0 0 5px 35px;*/
        }

    .ngdialog.ngdialog-theme-getStarted .ngdialog-button.ngdialog-button-primary {
        /*background: #27ae60;*/
        /*-webkit-border-radius: 0;*/
        /*border-radius: 0;*/
    }


.FontStyle1 {
    font-family: 'Arial';
    font-weight: bold;
    font-size: 0.75em/* 1.25em; 20px;*/
}

.FontStyle2 {
    font-family: 'Arial' !important;
    font-size: 0.4375em; /* 0.9375em; 15px;*/
}

.FontStyle3 {
    font-family: 'Arial Narrow';
    font-weight: bold;
    font-size: 0.3000em; /* 0.7500em;  12px;*/
    line-height: 1.2em;
}

.getstarted-LeftCol {
    background-color: black;
}

.getstarted-Cols {
    background-color: #FFD800;
}

.figureRebootOverride {
    /*margin-inline-start: 40px;*/
    /*margin-inline-end: 40px;*/
}

/*==========  Mobile First Method  ==========*/

/*
    Extra small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px){

    .FontStyle1 {
        font-size: 0.8750em;
    }

    .FontStyle2 {
        font-size: 0.5625em;
    }

    .FontStyle3 {
        font-size: 0.3750em;
        line-height: 1.2em;
    }

}

/* Medium devices (tablets, 768px and up) */
@media (min-width : 768px) {

    .FontStyle1 {
        font-size: 0.8750em;
    }

    .FontStyle2 {
        font-size: 0.5625em;
    }

    .FontStyle3 {
        font-size: 0.3750em;
        line-height: 1.2em;
    }

}


/* Large devices (desktops, 992px and up) */
@media (min-width : 992px) {

    .FontStyle1 {
        font-size: 1.0em;
    }

    .FontStyle2 {
        font-size: 0.6875em;
    }

    .FontStyle3 {
        font-size: 0.5em;
        line-height: 1.2em;
    }

    /*.FontStyle1 {
        font-size: 1.1250em;
    }

    .FontStyle2 {
        font-size: 0.8125em;
    }

    .FontStyle3 {
        font-size: 0.6250em;
        line-height: 1.2em;
    }*/


}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width : 1200px) {

    .FontStyle1 {
        font-size: 1.25em;
    }

    .FontStyle2 {
        font-size: 0.9375em;
    }

    .FontStyle3 {
        font-size: 0.7500em;
        line-height: 1.2em;
    }


    .ngdialog.ngdialog-theme-getStarted .ngdialog-content {

        max-width: 65%;

    }

}

/*

replace @media only screen and (min-width : 480px)    with      @media (min-width: 576px)

replace @media only screen and      with    @media
*/