.main-container{
    .top-prompt-wrapper{
        display:flex;
        justify-content:center;
        margin:10px;
        margin-bottom:3%;
        .all-prayers-button{
            background-color: rgb(61, 191, 248);
            color:white;
            padding:3%;
            border:white;
            border-radius:5px;
            font-size:1.70rem;
            font-weight:bold;
            cursor: pointer;
            &:hover{
                background-color:rgb(112, 212, 255);
                box-shadow:none;
            }
        }
        .movement-arrow{
            font-size:3rem;
            cursor:pointer;
            color:rgb(61, 191, 248);
            padding:0px 2%;
            text-shadow: 1px 1px 2px rgb(121, 121, 121);
            &:hover{
                color:rgb(112, 212, 255);
                font-size:4rem;
                text-shadow:none;
            }
        }
    }

    .prayer-title-wrapper{
        text-align: center;
        margin:10px;
        .prayer-title{
            font-size:2rem;
            font-weight:bold;
            margin:10px;
        }
        .prayer-id{
            font-size:1.5rem;
            font-weight:bold;
            color:goldenrod;
        }
    }

    .full-content-wrapper{
        display:flex;
        justify-content:center;
        margin:10px;

        .all-prayer-content{
            width:100%;
            .p-accordionpanel{
                border: 1px solid #e6e9eb;
                border-radius: 5px;
                .p-accordionheader{
                    background-color: #f8f9fa;
                    border-bottom:1px solid #dfe4e7;
                    color:#666;
                    font-size:1.5rem;
                    font-weight:bold;
                    justify-content: center;
                    .p-accordionheader-toggle-icon{
                        font-size:1.5rem;
                        margin:10px;
                        color:#666;
                    }

                    &:hover{
                        background-color: #f4f4f4;
                        color:gold;
                    }
                }

                .p-accordioncontent{
                    .p-accordioncontent-content{
                        background-color: #f8f8f8;
                        color:#747474;
                        font-size:1.7rem;
                        text-align:center;

                        .prayer-content{
                            .prayer-images{
                                border:1px solid #ccc;
                                border-radius:5px;
                                float:left;
                                width:63%;
                                height:36rem;
                                margin:10px;

                                @media screen and (min-width:1200px) {
                                    width:45%;
                                }

                                @media screen and (max-width: 800px){
                                    width:100%;
                                    height:30rem;
                                    float:none;
                                    margin:0px;
                                    margin-top:5px;
                                }
                                @media screen and (max-width: 650px) and (orientation: portrait){
                                    width:100%;
                                    height:20rem;
                                    float:none;
                                    margin:0px;
                                    margin-top:5px;
                                } 
                            }
                            
                            .prayer-content-body{
                                font-size:1.5rem;
                                color:#666;
                                text-align: center;

                                p{
                                    margin:0 0 0.9em;
                                }
                            }
                        }

                    }
                    .prayer-id{
                        font-size:2rem;
                        font-weight:bold;
                        color:gold;
                        text-align: center;
                        margin-bottom:10px;
                    }
                }
            }

            .prayer-tags{
                text-align: center;
                .tag{
                    display:inline-block;
                    padding:2%;
                    border:2px solid #c8ced3;
                    border-radius:5px;
                    color:#666;
                    font-size:1rem;
                    font-weight:bold;
                    margin:5px;
                    cursor: pointer;
                    &:hover{
                        background-color: #f4f4f4;
                        color:goldenrod;
                    }
                }
            }
        }
        

        .movement-container{
            display:flex;
            align-items: center;
            min-width:4%;
            margin:1px;
            cursor:pointer;
            font-size:3rem;
            &:hover{
                color:gold;
                font-size:4rem;
            }
        }

        .right-arrow{
            justify-content:right;
        }
        .left-arrow{
            justify-content:left;
        }
    }
    .prayer-save-options{
        display:flex;
        justify-content:space-between;
        margin:10px;
        .option-button{
            width:49%;
            background-color: rgb(255, 194, 39);
            color:white;
            text-shadow: 1px 1px 1px rgb(65, 65, 65);
            padding:1%;
            border:white;
            border-radius:5px;
            font-size:1.75rem;
            font-weight:bold;
            cursor: pointer;
            &:hover{
                background-color:gold;
                box-shadow:none;
            }
        }
        @media screen and (max-width: 650px){
            flex-direction:column;
            .option-button{
                margin:2% 0px;
                font-size:2rem;
                width:100%;
                padding:1.5%;
            }
        }
    }
    .content-gapper{
        height:300px;
    }
    .footer-options-wrapper{
        position:fixed;
        bottom:0;
        left:0;
        width:100%;
        display:flex;
        justify-content:space-between;
        background-color: white;
        border-top:2px solid #c7c7c7;
        .footer-option{
            width:49%;
            display:inline-block;
            background-color: goldenrod;
            color:white;
            padding:0.5%;
            border-radius:5px;
            font-size:1rem;
            font-weight:bold;
            margin:5px;
            cursor: pointer;
            text-align:center;
            &:hover{
                padding:1%;
                font-size:1.5rem;
                box-shadow: none;
                background-color:gold;
            }
            p{
                i{
                    margin:0px 5px;
                    @media screen and (max-width: 650px){
                        width:100%;
                        margin:0px;
                    }
                }
            }
        }

    }
}

/* Similar prayers popup */
.prayer-search-modal{
    .search-results-wrapper{
        margin-top:1%;
        padding:1%;
        border: 1px solid #cfcdcd;
        border-radius:5px;
        min-height:300px;
        overflow-y: auto;
        .search-result{
            display:flex;
            justify-content: space-between;
            width:100%;
            padding:1%;
            margin-bottom:2%;
            cursor:pointer;
            border-radius: 5px;
            border:1px solid #d5d5d5;
            background-color: #ececec;

            &:hover{
                background-color: #dddddd;
            }
            .result-sub-container{
                width:50%;
                text-align:center;
                img{
                    width:100%;
                }

                .prayer-number{
                    color:goldenrod;
                }

                .prayer-tag{
                    color:goldenrod;
                }
                
                .prayer-title{
                    font-weight:bold;
                    padding:2%;
                }
            }
            
            @media screen and (max-width: 450px){
                flex-direction: column;
                .result-sub-container{
                    width:100%;
                }
                
            }
        }
    }
}

/* All single footer popup styles */
.single-footer-popup{
    background-color: white;
    color:black;
    border:1px solid #c7c7c7;
    display:flex;
    .footer-popup-content{
        height:39rem;
        /* Video popup */
        .top-prompt-wrapper{
            display:flex;
            justify-content:center;
            margin:10px;
        }
        .prayer-videos{
            height:100%;
            width:100%;
            .prayer-video{
                width:100%;
                height:100%;
                .video-js{
                    width:100%;
                    height:100%;
                }
            }
        }

        .only-members-content-warning{
            text-align:center;
            font-size:1.5rem;
            font-weight:bold;
            margin:10px;
            .sign-in-options{
                margin-top:2%;
                display:flex;
                justify-content:space-between;
                .sign-in-button{
                    width:49%;
                }
            }
        }

        .prayer-meditations{
            .meditation-player-wrapper{
                display:flex;
                justify-content:center;
                margin:10px;
                .meditation-player{
                    width:100%;
                }
            }
            .meditation-visualization-wrapper{
                display:flex;
                justify-content:center;
                margin:10px;
                .meditation-visualization{
                    width:100%;
                    height:100%;
                }
            }
        }
    }
}

/* save and share popup */
.save-prayer-modal, .share-prayer-modal{
    background-color: white;
    color:black;
    border:1px solid #c7c7c7;
    display:flex;
    .top-prompt{
        text-align:center;
    }

    .heateor_sss_sharing_container{
        .heateor_sss_sharing_ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        a{
                margin:3%;
                width:100% !important;
                span{
                    width:100% !important;
                    height:100px !important;
                    text-align:center;
                    font-size:1.5rem;
                    font-weight:bold;
                
                }
            }
        }
    }
}

.save-prayer-modal{
    .sign-in-options{
        margin-top:2%;
        display:flex;
        justify-content:space-between;
        .sign-in-button{
            width:49%;
        }
    }

    .save-prayer-interface{
        .p-tablist{
            .p-tablist-tab-list{
                background-color:#ededed;
                border-bottom:1px solid #cfcfcf;
                border-radius:5px 5px 0px 0px;
                .p-tab{
                    border-bottom:none;
                    color:black;
                    &:hover{
                        background-color:#ebebeb;
                        color:gold;
                        box-shadow:none;
                    }
                }
                .p-tab-active{
                    color:goldenrod;
                    border-color:goldenrod;
                    box-shadow:none;
                }

                .p-tablist-active-bar{
                    background-color:goldenrod;
                    height:3px;
                }

                @media screen and (max-width: 650px){
                    overflow-x:scroll;
                    
                }
            }

            @media screen and (max-width: 650px){
                overflow-x: scroll;
            }
        }

        .p-tabpanels{
            background:#ededed;
            border-radius:0px 0px 5px 5px;
        }

        .saved-prayer-lists-panel{
            .top-prompt{
                display:flex;
                justify-content:center;
            }
            .top-bar-wrapper{
                margin-top:5px;
                .prayer-save-menu{
                    display:block;
                    width:100%;
                    background-color:#ebebeb;
                    border:1px solid #c7c7c7;
                    color:black;
                    padding:1%;
                    border-radius:5px;
                    .search-input{
                        background-color:white;
                        color:black;
                        width:100%;
                        border:1px solid #c7c7c7;
                        border-radius:5px;
                        margin:5px;
                    }
                }
            }
            .prayerlist-wrapper{
                .saved-prayer-list{
                    background-color:rgb(209 206 206);
                    color:black;
                    padding:3%;
                    margin:1% 0px;
                    border-radius:5px;
                    cursor:pointer;
                    border: 1px solid #afafaf;
                    .p-checkbox{
                        width:3rem;
                        height:3rem;
                        .p-checkbox-box{
                            width:2rem;
                            height:2rem;
                        }
                    }
                    /*
                    .p-checkbox{
                        width:2rem;
                        height:2rem;
                        margin-right:10px;
                        .p-checkbox-box{
                            width:2rem;
                            height:2rem;
                            background-color:white;
                            border:1px solid #c7c7c7;
                            border-radius:5px;
                            &:hover{
                                background-color:#f0f0f0;
                            }
                        }
                    }
                    */
                    .list-header{
                        display:flex;
                        justify-content:space-between;
                        font-size:1.5rem;
                        font-weight:bold;
                    }
                    .list-description{
                        width:100%;
                        font-size:1rem;
                        color:white;
                        @media screen and (max-width: 650px){
                            font-size:0.8rem;
                        }
                    }
                }
            }
            .save-button-wrapper{
                .save-prayer-message{
                    text-align:center;
                    font-size:1.5rem;
                    font-weight:bold;
                    margin:1% 0px;
                }
                .save-button{
                    width:100%;
                    height:3rem;
                }
            }
        }
        
        .new-prayer-list-panel{
            .new-prayerlist-dialog-content{
                display:flex;
                flex-direction: column;
                .new-prayerlist-dialog-input{
                    background-color: rgb(228, 228, 228);
                    color:black;
                    border:1px solid rgb(197, 197, 197);
                    border-radius: 5px;
                    margin:5px;
                    .p-inputtext{
                        width:100%;
                    }
                }
                .prayer-list-description{
                    height:10rem;
                }
            }
        }
    }

    @media  screen and (max-width: 650px){
       overflow: scroll;
    }
}