﻿/* ----------- Non-Retina Screens ----------- */
@media screen and (min-width: 768px) {

    .h:hover {
        cursor: pointer;
    }

    m-validation {
        max-width: 300px;
        bottom: 20px;
    }
    
    i.selectable:hover {
        cursor: pointer;
        opacity: .25;
    }

    .selectable m-card {
        transition: .35s border;
    }

    .selectable m-card:not(.nH):hover {
        cursor: pointer;
        background-color: #FAFAFA;
    }
    .cards.selectable m-card:not(.nH):hover,
    .icons.selectable m-card:not(.nH):hover {
        border: 1px solid #00AEEF;
    }
    .list.selectable m-card:not(.nH):hover {
        border-top: 1px solid #00AEEF;
    }
    /*.list.selectable m-card:last-child:not(.nH):hover {
        border-bottom: 1px solid #00AEEF;
    }*/

        .selectable m-card.active[data-label="Settings Body"]:not(.nH):hover,
        .selectable m-card.primary:not(.nH):hover {
            background-color: #00AEEF;
        }
    .selectable m-flex.hB:hover {
        cursor: pointer;
        background-color: #FAFAFA;
    }
    
    m-dateoptions span:hover,
    m-timeoptions span:hover,
    m-datebody table td:hover {
        cursor: pointer;
    }

    m-modal {
        width: 60vw;
        max-width: 650px;
        min-width: 490px;
        margin: 0 auto;
        -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
        box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    }
        m-modal.w {
            width: calc(100vw - 40px);
            min-width: calc(100vw - 40px);
            max-width: calc(100vw - 40px);
            top: 20px;
            left: 20px;
            border-radius: 6px;
            height: calc(100vh - 40px);
            min-height: calc(100vh - 40px);
            max-height: calc(100vh - 40px);
        }

    m-a:hover {
        cursor: pointer;
        text-decoration: underline;
    }

}

@media screen and (min-width: 1024px) {
    
    
}

@media screen and (min-width: 1800px) {
    
    

}

/* ----------- Retina Screens ----------- */