/* Copyright (C) Solar MD (Pty) ltd - All Rights Reserved

 Unauthorized copying of this file, via any medium is strictly prohibited
 Proprietary and confidential
 
 Written by Casper, 2023
 
 For more information http://www.solarmd.co.za/ 
 email: info@solarmd.co.za
 7 Alternator Ave, Montague Gardens, Cape Town, 7441 South Africa
 Phone: 021 555 2181
 
*/
/* 
    Created on : 15 Aug 2023, 12:26:25
    Author     : Casper
*/

.smdui-dialog-pagination-wizard {
    display: grid;
    grid-template-areas: 
        "header header header" 
        "leftBtn content rightBtn";
    align-items: center;
    justify-content: space-between;
}

.smdui-dialog-pagination-wizard-header {
    grid-area: header;
    display: flex;
    flex-direction: row;
    align-items: start;
}

.smdui-dialog-pagination-wizard-header-el {

}

.smdui-dialog-pagination-wizard-header-el:hover {
    color : blue;
    text-decoration: underline;
    cursor: pointer;
}

.smdui-dialog-pagination-wizard-nav-button {
    width: 30px;
    height: 30px;
}

.smdui-dialog-pagination-wizard-content {
    grid-area: content;
    margin: 20px 0px;
}

.smdui-dialog-pagination-wizard-page {
    flex-direction: row;
}

.smdui-dialog-pagination-wizard-pageEl {
    width: 100px;
    border: 1px solid #e4e4e4;;
    margin: 10px 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.smdui-dialog-pagination-wizard-pageEl-image-container {
    height: 100px;
    width: 100px;
    display: grid;
    align-items: center;
    justify-items: center;
}

.smdui-dialog-pagination-wizard-pageEl-image {
    max-height: 100px;
    max-width: 100px;
}

.smdui-dialog-pagination-wizard-pageEl-title {
    text-align: center;
}

.smdui-dialog-pagination-wizard-empty-pageEl {
    visibility: hidden;
    height: 120px;
    width: 100px;
    margin: 10px 5px;
}

@media (max-width: 768px) {
    .smdui-dialog-pagination-wizard-page {
        flex-direction: column;
    }
    .smdui-dialog-pagination-wizard-pageEl {
        margin: 5px 20px;
    }
    .smdui-dialog-pagination-wizard-empty-pageEl {
        margin: 5px 20px;
    }
}