/* attract.css */


/* default */
textarea.form-control { min-height:70px; }



/* Sortable */
.sortable .ui-state-highlight {
    height:10em;
    line-height:4.4em;
    border-radius:.25rem;
    margin-bottom:1rem !important;
}



/* content Modal Control */
.contentBlock {
    cursor:pointer;
    margin-top:0.1rem !important;
    margin-bottom:0.1rem !important;
}
.contentBlock .block-item:hover {
    background:#dee2e6;;
}
.contentBlock .titleIcon {
    min-width:60px;
    padding:1rem !important;
}
.contentBlock h1 {
    font-weight:bolder;
    font-size:1rem !important;
    margin-bottom:0;
}


/* Preview Device Common */
.previewWrap>.previewDeviceSection>.previewDevice {
    position:fixed;
    overflow-y:auto;
}

/* Preview Control Media Query */
@media only screen and (min-width:768px) {

    .previewWrap>.previewDivision {
        text-align:center;
    }
    .previewWrap>.previewBtn {
        display:none;
    }
    .previewWrap>.previewDeviceSection {
        height:100vh;
        display :flex;
        justify-content:center;
    }
    .previewWrap>.previewDeviceSection>.previewDevice {
        border:15px solid #212528;
        border-radius:3rem;
        width:350px;
        height:700px;
    }
}

@media only screen and (max-width:768px) {
    
    .previewWrap>.previewDeviceSection, .previewWrap>.previewDivision {
        display:none;
    }
    .previewWrap>.previewDeviceSection.active {
        position: absolute;
        display:block;
        padding:0;
        top:0;
        width:100vw;
        height:100vh;
        z-index:1040;
    }
    .previewWrap>.previewDeviceSection>.previewDevice {
        width:100%;
        height:100%;
    }
    .previewWrap>.previewBtn {
        display:block;
        position:fixed;
        left:50%;
        bottom:50px;
        z-index:1050;
        transform:translate(-50%) translateY(50%);
    }
}