:root {
    --theme-color-primary: #608FFF;
    --theme-color-secondary: #C5FEFF;
 }
 .primary-color-bg{background-color:var(--theme-color-primary) !important;}
 .secondary-color-bg{background-color:var(--theme-color-secondary) !important;}
 .primary-color{color:var(--theme-color-primary) !important;}
 .secondary-color{color:var(--theme-color-secondary) !important;}

.qrp_prev_wrapper{width: 100%; min-height: 567px; color: #808ea7;max-height: 567px;overflow: auto;}
.primary_wrapper{position: relative; min-height: 200px;margin: 0 -15px 0 -15px; padding: 0 15px 15px 15px;  -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 0px;}
.qrp_prev_wrapper .card{border: solid 1px #ECEEF7;}
.qrp_prev_wrapper .card-header{border-bottom:0px; font-size: 18px;  color: #141A22;}
/*.qrp_prev_wrapper .card-header i{ color: #141A22;} */
.card_list{margin: 0 0px -10px 0;padding: 0; }
.card_list li{list-style:none; padding:12px 0; margin: 0; border-bottom: solid 1px #ECEEF7;}
.card_list li:last-child{border-bottom: solid 0px #ECEEF7;}
.card_list li .sm-t{font-size: 12px;}
.card_list li .rg-t{color: #141A22;}
.one-line{text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
.white_txt{color: #fff;}


.display_preview .qrp_prev_wrapper{max-height: unset !important;}

.card_top_header{
    cursor: pointer;
}
.card_top_header::after{
    font-family: 'icomoon' !important;
    content: '\e972';
    /* transform: rotate(90deg); */
    position: absolute;
    top: 20px;
    right: 20px;
    transition: all 0.3s;
}
.card_top_header.collapsed::after{
    content: '\e912';
}

.qr_page_preview .container{
    max-width: 540px !important;
}

.img_gallery_wr{width: 100%; margin: 0 0 15px 0;-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2); border-radius: 4px;}
.img_gallery_wr img{width: 100%;}
/* .img_gallery_wr:first-child{margin-top: -150px;} */
.pg_website{text-align: center; margin: 50px 0;}

.img_gallery_wr a{
    display: block;
    background: #fff;
    border-radius: 8px;
}
.uploaded_img_trash, .uploaded_img_move{
    cursor: pointer;
}

#image_gallery
{
    margin-top: 10px;
}

.img_gallery_wr img {
    width: 100%;
}

.tophdr_name {
    z-index: 99;
}

.topbg_cover {
   padding: 0 0 0 0 !important;
   position: relative;
}

.topbg_cover img {
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
}

.cta_button {
    border:0 !important;
    box-shadow:0px 5px 10px 0px rgb(0 0 0 / 20%);
}

.shadowNoBorder{
    border:0 !important;
    box-shadow:0px 5px 10px 0px rgb(0 0 0 / 20%); 
}