body { font-family: 'Open Sans', sans-serif; }

a { text-decoration: none; }
a:hover { text-decoration: none; }

.primary-color-bg { background-color: #0067b1 !important; }
.secondary-color-bg { background-color: #ffc228 !important; }
.primary-color { color: #0067b1 !important; }
.secondary-color { color: #ffc228 !important; }
.text-secondary { color: #ffc228 !important; }

.qrp_prev_wrapper { width: 100%; min-height: 567px; color: #808ea7; max-height: 567px; overflow: auto; }
.primary_wrapper { position: relative; min-height: 200px; margin: -30px -15px 0 -15px; padding: 15px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.qrp_prev_wrapper .card { border: solid 1px #ECEEF7; }
.qrp_prev_wrapper .card-header { border-bottom: 0px; font-size: 18px; color: #141A22; }

.card_list{ margin: 0 0px -10px 0; padding: 0; }
.card_list li { list-style: none; padding: 10px 0; margin: 0; border-bottom: solid 1px #ECEEF7; cursor: pointer; }
.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'; 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; }
.qr_page_preview iframe.landing_page_iframe { border: none; height: 567px; }

.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%; }

.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: 75% 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%); }

.display_preview { background: unset !important; }

.loader_img { width: 64px; height: 64px; }

.qr_page_loader { display: flex; justify-content: center; height: 100vh; align-items: center; }

.limit_exhaust_page { height: 100vh; background-image: url(../assets/images/bg_scan_limit.svg); }

.account_limit_exhaust_form input, .account_limit_exhaust_form textarea { border: 0; border-bottom: 1px solid #f5f5f5; border-radius: 0; }
.account_limit_exhaust_form input:focus, .account_limit_exhaust_form textarea:focus { box-shadow: none; outline: none; }

.topbg_cover { margin: 0 -15px; max-height: 230px; min-height: 230px; overflow: hidden; }
.primary_wrapper { min-height: 400px; }
.primary_wrapper_content { position: relative; z-index: 1; padding: 30px 0 0 0; }
.page_profile { width: 100px; height: 100px; margin: -91px auto 0 auto; background-color: #fff; background-size: cover; border: solid 3px #fff; -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); }
.pg_name { font-size: 24px; color: #fff;}
.page_subheadline { font-size: 14px; color: #fff;}
.page_header_call2action { background: #fff !important; border: 0px solid transparent !important; color: #141A22 !important;}

.page_icon_center { margin: 0; padding: 0; display: flex; justify-content: center; }
.page_icon_center li { list-style: none; background: lightcyan; padding: 5px; border-radius: 40px; width: 42px; height: 42px; text-align: center; font-size: 18px; font-weight: bold; color: #141A22; margin: 0 7px 0 0; padding: 9px 0 0 0; }
.page_icon_center li:hover { color: #141A22; -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); }

.add_to_contact { position: absolute !important; right: 5px; top: 0px; z-index: 99 !important; }
.add_to_contact{ width: 107px !important; display: inline-flex !important; font-size: 12px !important; border-radius: 60px !important; padding: 7px 7px 7px 15px !important; }

.round_icon{ line-height: 34px !important; background: #00000059 !important; border-radius: 50px !important; margin: 0 0px 0 4px !important; width: 60px !important; }

.qrp_prev_wrapper { position: relative; }

.btn-floating { box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15); width: 47px; height: 47px; position: relative; z-index: 1; vertical-align: middle; display: inline-block; overflow: hidden; transition: all .2s ease-in-out; margin: 10px; border-radius: 50%; padding: 0; cursor: pointer; }
.btn-floating i { display: inline-block; width: inherit; text-align: center; color: #fff; font-size: 1.25rem; line-height: 47px; }

.social_icon_fb { width: 32px; height: 32px; background: #537CFA; padding: 5px 0 0 0; border-radius: 60px; text-align: center; color: #fff; }
.pr_social_cards .title { margin-top: 4px; }