.templatePreview {

    .headerWrapper {
        background-color: #0270c1;
        height: 55px;
        line-height: 55px;
        text-align: center;
        .iconsWrapper {
            display: inline-block;
            width: 150px;
            height: 55px;
            .iconWrapper {
                display: inline-block;
                width: 64px;
                height: 55px;
                line-height: 75px;
                text-align: center;
                img {
                    width: 30px;
                    height: 30px;
                }
            }
            .activeIconWrapper {
                background-color: #1c87d3;
            }
        }
    }

    .computerTemplate {
        background-color: rgb(246, 246, 246);
        width: 900px;
        min-height: 1200px;
        padding-top: 30px;
        padding-bottom: 20px;
        margin: 20px auto;
        box-shadow: rgba(214, 214, 214, 0.5) 0px 0px 14px 0px;
        border: 3px solid #fff;
        .background-wrapper {
            height: 200px;
            margin: 10px;
        }
        .background-img {
            width: 100%;
            height: 200px;
        }
        .titleWrapper {
            text-align: center;
            font-size: 18px;
            font-weight: 700;
        }
        .sobItem {
            margin: 10px;
            background-color: #FFF;
            padding: 10px;
            line-height: 35px;
            text-align: center;
            .titleRow {
                border: 1px solid #f2f2f2;
                text-align: left;
                .sobTitle {
                    padding-left: 10px;
                }
            }
            .contentRow {
                border-left: 1px solid #f2f2f2;
                border-bottom: 1px solid #f2f2f2;
                border-right: 1px solid #f2f2f2;
            }
            .contentItem {
                border-right: 1px solid #f2f2f2;
                overflow: hidden; 
                text-overflow: ellipsis; 
                white-space: nowrap;
            }
            .contentItem:last-child {
                border-right: none;
            }
        }
    }

    .phoneTemplate {
        width: 330px;
        padding-top: 0px;
        border-radius: 20px;
        .phoneBar {
            height: 50px;
            line-height: 50px;
            font-size: 16px;
            font-weight: 700;
            background-color: #fff;
            text-align: center;
        }
    }
    
}