body { background: #f6f7f8; } .btn.btn-white { background: #fff; color: #000!important; border-color: #fff; } .btn.btn-black {background: #000; color: #fff!important; border-color: #000;} .btn.grow { transition-timing-function: ease-in; transition: 0.2s; } .btn.grow:hover { font-size: 22px; line-height: 26px; transition-timing-function: ease-in; transition: 0.2s; } .btn.show-hide { font-size: 30px; line-height: 16px; padding: 10px 12px 8px 18px; transition-timing-function: ease-in; transition: 0.2s; } .btn.show-hide .hidden-text { font-size: 0; height: 0; display: inline-block; position: relative; top: -4px; transition-timing-function: ease-in; transition: 0.1s; } .btn.show-hide:hover { padding: 10px 18px 8px 18px; transition-timing-function: ease-in; transition: 0.2s; } .btn.show-hide:hover .hidden-text { font-size: 18px; transition-timing-function: ease-in; transition: 0.1s; } .btn.show-hide .text { font-size: 18px; position: relative; top: -4px; transition-timing-function: ease-in; transition: 0.1s; } /** Tables Generic **/ .table-responsive { overflow-x: visible; } /** Header **/ #header.scrolled { background: #666; } #header img { width: 130px; margin-top: 20px; } #header .nav { margin-right: 0px; float: right; } #header .nav .nav-item { font-size: 18px; margin-left: 55px; margin-right: 0px; } #header .nav .nav-item.yellow:before { content:url('/assets/yellow-heart.png'); position: relative; right: 15px; top: -15px; float: right; } #header .nav .nav-item.yellow a { color: #ffcc03!important; } #header .nav .nav-item:last-child { margin-left: 40px; } #header .nav .nav-item.active a { color: #ffcc03; } #header .nav .nav-item.active a:hover { color: #ffcc03; } #header .nav .nav-item.active { color: #ffcc03; } #header .mobile-elements .circle-toggle { border: 1px solid #ccc; color: #ccc; } #header .mobile-elements .circle-toggle i { color: #ccc; } #header .nav .nav-item a:link { color: #fff; } #header .nav .nav-item a:visited { color: #fff; } #header .nav .nav-item a:hover { color: #ffcc03; border: none; } #header .nav .nav-item a:active { color: #ffcc03; background: none; } #header .nav .nav-item.active a { color: #ffcc03; } #header .nav .btn { font-size: 16px; padding: 10px 20px; margin-top: -7px; margin-left: 55px; float: right; } #header .nav .btn.right { margin-left: 15px; } #header.portal { background: #666; } #header.small { background: none; height: 120px; } #header.small img { width: 122px; margin-top: 18px; margin-right: 20px; float: left; } #header.small .nav { margin: 30px 0px 0px 0px; } #header.small .nav-right { margin: 42px 0px 0px 0px; } #header.small .nav-right .circle-toggle { border: 1px solid #999; } #header.small .nav-right .circle-toggle i { color: #666; } #header.small.scrolled { height: 65px; background: #ffffff; } #header.small.scrolled img { width: 76px; margin-top: 7px; } #header.small.scrolled .nav { margin: 22px 0px 0px 0px; } #header.small.scrolled .mobile-elements { margin-top: 15px; } #header.small.plan img {margin-right: 20px; } #header.small.plan h4 { display: none; color: #fff; font-size: 18px; line-height: 24px; font-weight: 600; margin-top: 32px; float: left; transition-timing-function: ease-in; transition: 0.2s; } #header.small.plan .nav-right .btn { margin-right: 10px; } #header.small.plan.internal img { width: 104px; } #header.small.plan.internal .divide { height: 46px; border-left: 1px #999 solid; margin-top: 22px; float: left; transition-timing-function: ease-in; transition: 0.2s; } #header.small.plan.internal h3 { color: #fff; font-size: 22px; line-height: 26px; font-weight: 600; padding-top: 12px; padding-left: 28px; float: left; transition-timing-function: ease-in; transition: 0.2s; } #header.small.plan.internal .nav-right { margin: 26px 0px 0px 0px; } #header.small.plan.internal.scrolled img { width: 76px; } #header.small.plan.internal.scrolled .divide { height: 40px; margin-top: 13px; transition-timing-function: ease-in; transition: 0.2s; } #header.small.plan.internal.scrolled h3 { font-size: 20px; line-height: 26px; padding-top: 9px; padding-left: 23px; transition-timing-function: ease-in; transition: 0.2s; } #header.small.plan.internal.scrolled .nav-right { margin: 14px 0px 0px 0px; } #header.small.plan.scrolled h4 { margin-top: 22px; transition-timing-function: ease-in; transition: 0.2s; } #header.small.plan.scrolled .nav-right { margin: 14px 0px 0px 0px; } #header.portal.small.plan { position: relative; } #header .circle-icon { border: 1px #e0e0e0 solid; color: #e0e0e0; font-size: 22px; border-radius: 50%; height: 38px; width: 38px; padding: 3px 0px 0px 0px; display: block; float: right; margin-top: -6px; margin-left: 10px; text-align: center; } #header .circle-icon:hover { background: #999; color: #fff; border-color: #999; } /** Popup tooltip **/ .tpd-tooltip { z-index: 15!important; } /** Alerts **/ .alert-success { background: #1fc31f; font-size: 16px; color: #fff; border: none; border-radius: 10px; } .alert-success h2 { color: #fff; font-size: 16px; line-height: 22px; } .alert-error { background: none; color: #db414b; font-size: 18px; font-weight: 600; border: none; border-radius: 0px; padding: 0px 0px 0px 0px; } .alert-error .close { display: none; } .alert-danger .close { display: none; } .alert-danger h2 { color: #fff; font-size: 16px; line-height: 22px; } .alert .close { display: block; border: 1px #fff solid; color: #fff; text-shadow: none; width: 32px; height: 32px; font-weight: 600; opacity: 1; border-radius: 50%; font-size: 30px; line-height: 32px; padding-left: 1px; top: -5px; float: right; } .alert .close:hover { background: #fff; color: #333; } .alert.big { padding: 30px 20px 26px 20px; margin-bottom: 25px; text-align: center; position: relative; } .alert.big .green-circle { background: #66cc00; color: #ffffff; border-radius: 50%; width: 70px; height: 70px; font-size: 46px; line-height: 72px; margin: 0px auto 18px auto; } .alert.big h2 { font-size: 28px; line-height: 34px; } .alert.big h4 { color: #fff; font-size: 20px; line-height: 26px; margin-top: 5px; } .alert.big h4 a { color: #ffcc03; } .alert.big .close { border: 0px; font-size: 36px; top: 12px; right: 12px; border: none; position: absolute; } .alert.big .close:hover { background: none; border: none; } .alert.big.alert-success { background: #009901; } .alert.big.alert-success .close { color: #d5ffd5; } .alert.big.alert-success .close:hover { color: #a9faa9; } .has-error .form-control { border-color: #cc0000 !important; border-width: 2px; } /** Info Side Panel **/ .info-side-panel { background: #666; width: 325px; border-radius: 20px; text-align: center; padding: 20px; margin-top: -20px; margin-right: 20px; float: right; } .info-side-panel h3 { color: #fff; margin-bottom: 8px; } .info-side-panel h5 { color: #fff; font-weight: 500; margin-bottom: 20px; } .info-side-panel img { margin: auto auto 15px auto; } .info-side-panel .btn { width: 100%; border-radius: 10px; font-size: 20px; line-height: 22px; } /** Dashboard-panels **/ .dashboard-panel-1 { background: #666 url(/assets/dashboard-panel-1-bg.jpg) bottom center no-repeat; padding: 190px 0px 60px 0px; min-height: 486px; } .dashboard-panel-1 h2 { color: #fff; margin-bottom: 20px; } .dashboard-panel-1 h4 { color: #fff; font-size: 19px; line-height: 26px; font-weight: 400; margin-bottom: 30px; } .dashboard-panel-1 h4 a { color: #ffcc03; font-weight: 700; } /** Account **/ .internal-panel.account { min-height: 800px; padding: 140px 0px 60px 0px; } .internal-panel.account label { font-size: 18px; font-weight: 600; margin-bottom: 6px; } .internal-panel.account .form-control { border: 1px solid #999; border-radius: 8px; } .internal-panel.account .formeo.formeo-render .formeo-column { padding: 0px 40px; } .internal-panel.account .inline-error-message { text-align: center; padding-bottom: 5px; } .internal-panel.account span.text-error { display: none; } .internal-panel.account .success-message { color: #089c11; text-align: center; } .internal-panel.account .btn { margin: 20px 7.5px 0px 7.5px; } /** Memories-panels **/ .memories-panel-1 { padding: 190px 0px 130px 0px; } .memories-panel-1 h2 { margin-bottom: 15px; } .memories-panel-1 h4 { color: #666; font-size: 24px; line-height: 32px; font-weight: 400; padding-right: 30px; } .memories-panel-1 h4 a { color: #ffcc03; font-weight: 700; } .memories-panel-1 .buttons { margin-top: 20px;} .memories-panel-1 .buttons .btn-yellow-keyline { margin-left: 30px;} .memories-panel-1 .picture-frame { height: 175px; margin-bottom: 20px; } .vault-feature { width: 33.0%; margin: auto auto 35px auto; display: inline-block; vertical-align: top; } .vault-feature .picture-frame { height: 200px; background-size: 150px!important; text-align: center; } .vault-feature .album-image { background-size: cover !important; height: 150px; width: 102px; top: 25px; margin: auto; position: relative; z-index: 5; } .vault-feature h4 { font-size: 22px; line-height: 26px; margin-top: 16px; } .vault-feature h5 { font-size: 22px; line-height: 26px; margin-top: 15px; min-height: 52px; overflow-wrap: break-word; } .vault-feature h6 { color: #666; font-size: 15px; margin: 5px 0px 28px 0px; } .vault-feature .image { width: 70%; border: 1px #ccc solid; padding: 22px 20px 18px 20px; margin: auto; border-radius: 10px; } .vault-feature .image:hover { background: #f4f4f4; border-color: #ffcc03; } .vault-feature.big .image { min-height: 323px; } .vault-feature .thumb { padding: 18px 50px; } .vault-feature .btn { width: 100%; margin-bottom: 14px; } .vault-feature .btn:last-child { margin-bottom: 0px; } /** Portal Header Panel **/ .portal-header-panel { background: #ffffff; padding: 60px 0px 30px 0px; margin-top: 80px; } .header-feature-box { background: #666666; border-radius: 15px; padding: 37px 40px 40px 40px; } .header-feature-box h2 { color: #ffcc03; font-weight: 700; margin-bottom: 15px; } .header-feature-box h4 { color: #fff; font-size: 24px; line-height: 30px; font-weight: 400; margin-bottom: 30px; } .header-feature-box .btn-yellow { margin-right: 15px; } .header-feature-box .help-icon { position: absolute; right: -10px; top: -20px; z-index: 50; } .header-feature-box .help-icon .icon { background: url(/img/heart-help-icon.png) top center no-repeat; width: 50px; height: 45px; background-size: 50px; } .header-feature-box .help-icon:hover .icon { background: url(/img/heart-help-icon-hover.png) top center no-repeat; background-size: 50px; } /** Portal Internal Header **/ .portal-internal-header { background: #ffffff; padding: 50px 0px 20px 0px; margin-top: 80px; } .portal-internal-header .text { float: left; } .portal-internal-header .text h2 { margin-bottom: 10px; } .portal-internal-header .text h3 { font-size: 30px; line-height: 36px; } .portal-internal-header .text h4 { color: #666; font-size: 24px; line-height: 32px; font-weight: 400; } .portal-internal-header .text h5 { color: #999999; font-weight: 600; } .portal-internal-header .text h5 a { color: #999999; } .portal-internal-header .text h5 a:hover { color: #ffcc03; } .portal-internal-header .text h5.yellow { color: #ffcc03; margin-bottom: 8px; } .portal-internal-header .text h5.yellow a { color: #ffcc03; } .portal-internal-header .text p.filters { color: #666; font-size: 22px; font-weight: 500; } .portal-internal-header .text p.filters a { color: #333; padding: 0px 10px; } .portal-internal-header .text p.filters a:hover { color: #ffcc03; } .portal-internal-header .text p.filters .bold { font-weight: 600; } .portal-internal-header .text p.filters .yellow { color: #ffcc03; } .portal-internal-header .text p.filters .yellow .grey { color: #666; } .portal-internal-header .buttons { margin-top: 3px; float: right; transition-timing-function: ease-in; transition: 0.2s; } .portal-internal-header .buttons .btn { margin: 0px 0px 0px 10px; } .portal-internal-header .buttons .dropdown { margin: 0px 0px 0px 0px; display: inline-block; float: none; } .portal-internal-header .buttons-center { margin-top: 20px; } .portal-internal-header .buttons-center .btn { margin: 0px 7px 10px 7px; } .portal-internal-header .left.text + .portal-internal-header .text h2 { font-size: 38px; line-height: 44px; } .portal-internal-header .left.text { padding-top: 24px; } .portal-internal-header .left.text p { font-size: 18px; } .portal-internal-header .left.text p a { color: #333333; } .portal-internal-header .left.text p a:hover { color: #ffcc03; } .portal-internal-header .right.text { padding-top: 24px; } .portal-internal-header .right.text p.filters { font-size: 18px; } .portal-internal-header .right.text p.filters a { padding: 0px 6px; } .portal-internal-header.fixed.scrolled { position: fixed; width: 100%; padding: 10px 0px; margin: 0px; top: 65px; box-shadow: rgba(0,0,0,.117647) 0 1px 3px; z-index: 100; } .portal-internal-header.fixed.scrolled .text h3 { font-size: 26px; line-height: 32px; transition-timing-function: ease-in; transition: 0.2s; } .portal-internal-header.fixed.scrolled .buttons { margin-top: 9px; transition-timing-function: ease-in; transition: 0.2s; } /** Portal Plan Header **/ .portal-plan-header { background: #666; padding: 30px 0px 115px 0px; margin-top: 50px; } .portal-plan-header h3 { color: #fff; } /** Portal Plan Sub Header **/ .portal-plan-sub-header { background: #fff; padding: 25px 0px 30px 0px; } .portal-plan-sub-header h5 a { color: #333; } .portal-plan-sub-header h5 a { color: #666; } .portal-plan-sub-header h5 a:hover { color: #ffcc03; } .portal-plan-sub-header h5 .divide { color: #999; font-weight: 300; margin: 0px 8px; } .portal-plan-sub-header .image-circle { width: 200px; height: 200px; margin: 0px auto; top: -120px; left: 0; right: 0; border-radius: 50%; overflow: hidden; position: absolute; background-size: cover !important; border: 5px #fff solid; } .portal-plan-sub-header .overlay { display: none; } .portal-plan-sub-header a:hover .overlay { display: block; background: #ccc; opacity: 0.8; width: 200px; height: 200px; border-radius: 50%; overflow: hidden; position: absolute; margin: 0px auto; top: -120px; left: 0; right: 0; z-index: 5; } .portal-plan-sub-header .edit-circle { border: 3px #666 solid; border-radius: 50%; width: 60px; height: 60px; padding: 9px 0px 0px 2px; margin: 70px auto auto auto; text-align: center; position: relative; } .portal-plan-sub-header .edit-circle i { color: #666; font-size: 34px; } .portal-plan-sub-header .btn { font-size: 19px; line-height: 18px; padding: 10px 18px; } .portal-plan-sub-header .btn.right { float: right; margin-left: 16px; } .portal-plan-sub-header .left .btn { margin-right: 12px; } .portal-plan-sub-header ul { list-style: none; padding: 0px; margin: 0px; float: right; } .portal-plan-sub-header ul li { color: #333; font-size: 17px; line-height: 23px; font-weight: 600; float: left; } .portal-plan-sub-header ul li a { color: #666; } .portal-plan-sub-header ul li a:hover { color: #ffcc03; } .portal-plan-sub-header ul .divide { color: #999; font-weight: 300; margin: 0px 8px; } .portal-plan-sub-header .details { padding-top: 75px; } .portal-plan-sub-header .details h4 { margin-bottom: 7px; } /* Funeral Director Internal Header */ .portal-plan-sub-header.directors h5 { font-size: 15px; line-height: 22px; } .portal-plan-sub-header.directors .right h5 { text-align: right; } .portal-plan-sub-header.directors h5 .divide { margin: 0px 3px; } /** Portal Internal Graphic Header **/ .portal-internal-graphic-header { background: #666666 url(../assets/directors-dashboard-header-bg.jpg) bottom center no-repeat; padding: 80px 0px 70px 0px; margin-top: 80px; } .portal-internal-graphic-header h3 { color: #ffffff; margin-bottom: 10px; } .portal-internal-graphic-header h4 { color: #cccccc; } .portal-internal-graphic-header + .portal-internal-panel { padding-top: 60px; } /** Portal Internal Panel **/ .portal-internal-panel { background: #ffffff; padding: 20px 0px 50px 0px; min-height: 610px; } .portal-internal-panel.no-header { padding: 70px 0px 0px 0px; } .portal-internal-panel.create { background: #f6f7f8!important; padding: 0px 0px 50px 0px!important; margin-top: 0px; min-height: 716px; overflow-x: hidden; } .portal-internal-panel .title { margin-bottom: 30px } .portal-internal-panel .title.left { float: left; } .portal-internal-panel .title.left + ul { float: right; margin-top: 15px; } .portal-internal-panel .top-mask { background-color: #f6f7f8!important; text-align: center; min-height: 500px; padding: 40px 0px 70px 0px; mask: url(../assets/Hero-Mask.svg) center bottom no-repeat; -webkit-mask: url(../assets/Hero-Mask.svg) center bottom no-repeat; mask-size: 1920px; -webkit-mask-size: 1920px; position: absolute; top: 0px; left: 0px; right: 0px; margin: auto; } .portal-internal-panel .top-mask-margin { height: 0px; } .portal-internal-panel .medium-text { font-size: 16px; margin-bottom: 27px; } .portal-internal-panel .centre-buttons .btn { margin: 0px 7px 15px 7px; } .portal-internal-panel .plan-section-title { padding: 50px 0px 40px 0px; } .portal-internal-panel .plan-section-title h3 { margin-bottom: 15px; } .portal-internal-panel .plan-section-title h5 { font-size: 22px; line-height: 28px; font-weight: 400; padding: 0px 80px; } .portal-internal-panel.dashboard { background: #fff; min-height: 600px; padding: 60px 0px 80px 0px; margin-top: 120px; } .portal-internal-panel.dashboard h4.title { margin-bottom: 20px; } .portal-internal-panel.dashboard p.title { font-size: 16px; line-height: 32px; font-weight: 600; } .portal-internal-panel.dashboard p.title a { color: #ffcc03; } .portal-internal-panel.dashboard p.title a:hover { color: #e3ae10; } .portal-internal-panel.dashboard .top { } .portal-internal-panel.dashboard .top h2 { font-size: 42px; line-height: 48px; margin-bottom: 10px; } .portal-internal-panel.dashboard .top p { color: #333; font-size: 23px; line-height: 29px; margin-bottom: 20px; } .portal-internal-panel.dashboard .top .btn { margin-bottom: 50px; } .portal-internal-panel.dashboard .features { max-width: 820px; padding: 0px; margin: auto; } .portal-internal-panel.dashboard .features .col-xs-12 { padding-left: 22px; padding-right: 22px; } .portal-internal-panel.dashboard .bottom { margin: 50px auto auto auto; padding: 0px 150px; } .portal-internal-panel.dashboard .bottom h4 { font-size: 26px; line-height: 32px; margin-bottom: 10px; } .portal-internal-panel.dashboard .bottom p { color: #333; font-size: 18px; line-height: 24px; margin-bottom: 25px; } .portal-internal-panel.fixed.scrolled { margin-top: 225px; } .portal-internal-panel h5.side-title { color: #999; font-size: 16px; font-weight: 600; margin-bottom: 28px; } .portal-internal-panel .listing-filters { list-style: none; padding: 0px; margin: 0px 0px 20px 0px; min-height: 30px; } .portal-internal-panel .listing-filters li { color: #999; font-size: 16px; font-weight: 600; padding-right: 8px; float: left; } .portal-internal-panel .listing-filters li a { color: #666; } .portal-internal-panel .listing-filters li a.active { color: #ffcc03; } .portal-internal-panel .listing-filters li a:hover { color: #ffcc03; } .portal-internal-panel .table-fields { padding-right: 15px; margin-right: 0px; } .portal-internal-panel .fieldlist-add-click { font-size: 28px; padding: 10px 2px; margin: 26px 10px 0px 0px !important; float: right; } .portal-internal-panel .number-feature-box { border: 2px #ccc solid; border-radius: 15px; text-align: center; padding: 30px 20px; margin-bottom: 35px; } .portal-internal-panel .number-feature-box p { color: #666; font-size: 24px; line-height: 30px; margin-bottom: 14px; } .portal-internal-panel .number-feature-box h2 { color: #ffcc03; font-size: 52px; line-height: 54px; } /** Internal Table Details **/ .portal-internal-panel .table.details th { color: #666; font-size: 15px; font-weight: 500; border-bottom: 2px solid #bdbdbd; padding: 10px 8px; } .portal-internal-panel .table.details td { color: #333; font-size: 17px; vertical-align: middle; border-bottom: 1px solid #bdbdbd; padding: 10px 8px; } .portal-internal-panel .table.details td .red-circle { background: #cd3301; color: #fff; font-size: 18px; height: 32px; width: 32px; display: block; margin: auto; border-radius: 50%; padding-top: 4px; } .portal-internal-panel .table.details td .red-circle a { color: #fff; } .portal-internal-panel .list-remove { color: #333; border: 1px #999 solid; border-radius: 50%; height: 26px; width: 26px; font-size: 16px; padding: 1px 0px 0px 1px; text-align: center; float: right; } .portal-internal-panel .list-remove:hover { color: #333; background: #ffcc03; border-color: #ffcc03; } .portal-internal-panel .sidemap { height: 455px; width: 100%; border: 2px #ccc solid!important; border-radius: 20px; } .portal-internal-panel .verify { width: 62%; margin: auto; } .portal-internal-panel .verify h2 { font-size: 40px; line-height: 44px; margin-bottom: 5px; } .portal-internal-panel .verify h3 { color: #ffcc03; margin-bottom: 40px; } .portal-internal-panel .verify p { color: #666; font-size: 16px; font-weight: 400; margin-bottom: 25px; } .portal-internal-panel .verify .btn { width: auto; margin-top: 10px; margin-bottom: 60px; font-weight: 600; } .portal-internal-panel.create .alert-danger { background: #ffcc03; font-size: 16px; color: #333; border: none; border-radius: 10px; } .portal-internal-panel.create .alert-success { background: #1fc31f; font-size: 16px; color: #fff; border: none; border-radius: 10px; } .portal-internal-panel.create .alert .close { display: block; border: 1px #fff solid; color: #fff; text-shadow: none; width: 32px; height: 32px; font-weight: 600; opacity: 1; border-radius: 50%; font-size: 30px; line-height: 32px; padding-left: 1px; top: -5px; float: right; } .portal-internal-panel.create .alert .close:hover { background: #fff; color: #333; } .portal-internal-panel.create .alert.alert-danger.large .close { position: absolute; right: 26px; top: 10px; } .portal-internal-panel.create .alert.alert-danger.large h2 { font-size: 32px; line-height: 38px; margin-bottom: 5px; } .portal-internal-panel.create .alert.alert-danger.large { font-size: 22px; line-height: 28px; padding: 20px; } .portal-internal-panel.create .alert.alert-danger.large a { color: #333; font-weight: 600; } .portal-internal-panel.create .alert.alert-danger.large .btn { margin-top: 20px; margin-left: 8px; margin-right: 8px; } .portal-internal-panel.checkout-form { background: #fff; } .portal-internal-panel.checkout-form .form { width: 100%; max-width: 800px; margin: auto; } .portal-internal-panel.checkout-form .form .title { margin-bottom: 20px; } .portal-internal-panel.checkout-form .form .title h4 { margin: 10px 0px 0px 0px; } .portal-internal-panel.checkout-form .form label { color: #666; font-weight: 500; margin: 7px 0px 0px 0px; } .portal-internal-panel.checkout-form .form .buttons .btn { font-size: 20px; padding: 14px 40px 12px 40px; margin-top: 22px; margin-bottom: 30px; } .portal-internal-panel.checkout-form .form .purchase-options-panel { background: #f8f8f8; border: 1px #ccc solid; border-radius: 10px; padding: 13.5px 15px; margin-bottom: 25px; } .portal-internal-panel.checkout-form .form .purchase-options-panel label { color: #333; font-size: 17px; line-height: 24px; margin: 0px; } .portal-internal-panel.checkout-form .form .purchase-options-panel span { color: #ff9a00; font-size: 17px; line-height: 24px; font-weight: 600; } .portal-internal-panel.checkout-form .form .purchase-options-panel .name { padding: 10px 0px 10px 0px; border-bottom: 1px #ccc solid; } .portal-internal-panel.checkout-form .form .purchase-options-panel .name:first-child { padding-top: 0px; } .portal-internal-panel.checkout-form .form .purchase-options-panel .name:last-child { border: none; padding-bottom: 0px; } .portal-internal-panel.checkout-form .form .purchase-options-panel:empty { display: none; } .portal-internal-panel.checkout-form .form ul.credit-cards { float: left; display: block; width: 100%; min-height: 50px; padding: 0px; margin: 0px; } .portal-internal-panel.checkout-form .form ul.credit-cards li { display: inline-block; width: 51px; height: 32px; margin: 0px 3px; } .portal-internal-panel.checkout-form .form ul.credit-cards li:first-child { margin-left: 0px; } .portal-internal-panel.checkout-form .form ul.credit-cards li:last-child { margin-right: 0px; } .portal-internal-panel.checkout-form .form ul.credit-cards .visa { background:url(https://images.webconnex.com/bacon/cc-sprite.jpg) no-repeat #fff } .portal-internal-panel.checkout-form .form ul.credit-cards .mastercard { background:url(https://images.webconnex.com/bacon/cc-sprite.jpg) 0 -32px no-repeat #fff } .portal-internal-panel.checkout-form .form ul.credit-cards .amex { background:url(https://images.webconnex.com/bacon/cc-sprite.jpg) 0 -64px no-repeat #fff } .portal-internal-panel.checkout-form .form ul.credit-cards .discover { background:url(https://images.webconnex.com/bacon/cc-sprite.jpg) 0 -96px no-repeat #fff } .portal-internal-panel.checkout-form .form .border { border-top: 1px #ccc solid; padding: 11px 0px 0px 0px; height: 45px; } .portal-internal-panel.checkout-form .form .border h5 { padding-left: 9px; } .portal-internal-panel.checkout-form .form .border .form-group { margin: 0px; } .portal-internal-panel.checkout-form .form .border .form-group label { margin: 2px 0px 0px 0px; } .portal-internal-panel.checkout-form .form .border-bottom { border-bottom: 1px #ccc solid; } .portal-internal-panel.checkout-form .form .bottom-margin { padding: 0px; margin: 0px 0px 20px 0px; } .plan-graphic-feature.full-width { background: #fff; border-radius: 15px; border: 3px #cccccc solid; width: 100%; min-height: 200px; padding: 16px 0px 0px 0px; margin-bottom: 30px; position: relative; text-align: center; overflow: hidden; transition-timing-function: ease-in; transition: 0.3s; } .plan-graphic-feature.full-width img { position: absolute; left: 0px; right: 0px; bottom: 0px; margin: auto; max-height: 140px; transition-timing-function: ease-in; transition: 0.3s; } .plan-graphic-feature.full-width:hover { border-color: #ffcc03; cursor: pointer; } .plan-graphic-feature.full-width.checked { border-color: #ffcc03; } .plan-graphic-feature.full-width.big { min-height: 425px; } .plan-graphic-feature.full-width.big h4 { font-size: 22px; line-height: 28px; padding: 15px 20px 0px 20px; margin-bottom: 10px; } .plan-graphic-feature.full-width.big p { color: #333; font-size: 18px; padding: 0px 27px; margin-bottom: 18px; } .plan-graphic-feature.full-width.big img { max-height: 190px; } .plan-graphic-feature.full-width.dashboard { min-height: 415px; margin-bottom: 44px; } .plan-graphic-feature.full-width.dashboard img { bottom: -24px; width: 80%; max-height: 190px; } .plan-graphic-feature.full-width.dashboard img.memory { bottom: 0px; } .plan-graphic-feature.full-width.dashboard h4 { color: #333; font-size: 26px; line-height: 32px; padding: 10px 20px 0px 20px; margin-bottom: 10px; } .plan-graphic-feature.full-width.dashboard p { color: #333; font-size: 18px; line-height: 22px; padding: 0px 27px; margin-bottom: 18px; } .plan-graphic-feature.full-width.dashboard .btn { font-size: 19px; line-height: 17px; } .plan-graphic-feature.full-width .click-through-icon { background: #ffcc03; border: 2px #fff solid; width: 48px; height: 48px; border-radius: 50%; position: absolute; left: 0px; right: 0px; bottom: 30px; padding-top: 11px; padding-left: 4px; margin: auto; z-index: 10; } .plan-graphic-feature.full-width .click-through-icon i { color: #fff; font-size: 24px; } .plan-graphic-feature.big.directors { border-color: #ffcc03; min-height: 310px; } .plan-graphic-feature.big.directors h4 { font-size: 24px; line-height: 30px; padding: 5px 20px 0px 20px; } /** Create Plan Feature **/ .create-plan-feature { background: #ffffff; border: 3px #ffcc03 solid; border-radius: 30px; overflow: hidden; position: relative; transition-timing-function: ease-in; transition: 0.8s; } .create-plan-feature.featured { background: #666; border-radius: 30px; } .create-plan-feature .step-1 { text-align: center; } .create-plan-feature .top-content { padding: 38px 30px 0px 30px; display: table; width: 100%; text-align: center; } .create-plan-feature .top-content h2 { color: #ffcc03; font-size: 40px; line-height: 44px; margin-bottom: 10px; } .create-plan-feature .top-content h3 { color: #ffcc03; margin-bottom: 15px; } .create-plan-feature .top-content h4 { color: #4a4d54; font-size: 24px; line-height: 32px; font-weight: 600; padding: 0px 40px; margin-bottom: 12px; } .create-plan-feature .top-content h5 { color: #4a4d54; font-size: 19px; line-height: 26px; font-weight: 400; padding: 0px 40px; } .create-plan-feature .top-content p span.yellow { color: #ffcc03; font-weight: 600; } .create-plan-feature .top-content.internal { padding: 35px 30px 0px 30px; } .create-plan-feature .top-content.internal h5 { color: #ffcc03; font-size: 36px; line-height: 42px; margin-bottom: 20px; } .create-plan-feature .top-content.internal h5 span { color: #999; } .create-plan-feature .top-content.landing-screen { padding: 60px 30px; min-height: 532px; } .create-plan-feature .top-content.landing-screen h2 { color: #ffcc03; font-size: 50px; line-height: 56px; margin-bottom: 15px; } .create-plan-feature .top-content.landing-screen h4 { color: #fff; margin-bottom: 25px; } .create-plan-feature .top-content.landing-screen h4.contained-text { width: 75%; margin-left: auto; margin-right: auto; } .create-plan-feature .top-content.landing-screen .btn { padding: 14px 28px; margin: 0px 7.5px 0px 7.5px; } .create-plan-feature .top-content.landing-screen .side-features { width: 100%; } .create-plan-feature .top-content.landing-screen .side-features .side-icon { max-height: 120px; margin: auto auto 30px auto; } .create-plan-feature .top-content.landing-screen .side-features h3 { color: #ffcc03; font-size: 26px; line-height: 32px; margin-top: 15px; text-align: center; } .create-plan-feature .top-content.landing-screen .picture-frame { height: 226px; width: 230px; background-size: 180px !important; margin: -20px auto 30px auto; } .create-plan-feature .top-content.landing-screen .picture-frame .image { background-size: cover !important; height: 153px; width: 106px; top: 36px; margin: auto; background-position: top center; position: relative; z-index: 5; } .create-plan-feature .top-content.internal-landing { padding: 40px 30px 0px 30px; } .create-plan-feature .top-content.internal-landing h2 { color: #ffcc03; font-size: 50px; line-height: 56px; margin-bottom: 5px; } .create-plan-feature .top-content.internal-landing h4 { color: #fff; margin-bottom: 0px; } .create-plan-feature .top-content.finish-plan .yellow-circle { width: 102px; height: 102px; font-size: 66px; line-height: 103px; } .create-plan-feature .top-content.finish-plan h2 { color: #333; font-size: 38px; line-height: 42px; margin-bottom: 8px; } .create-plan-feature .top-content.finish-plan h3 { color: #666; font-size: 28px; line-height: 34px; margin-bottom: 40px; } .create-plan-feature .top-content.finish-plan h4 { color: #333; font-size: 30px; line-height: 36px; margin-bottom: 5px; padding: 0px; } .create-plan-feature .top-content.finish-plan p { color: #666; font-size: 22px; } .create-plan-feature .top-content.finish-plan p a { color: #ffcc03; } .create-plan-feature.featured .top-content.finish-plan h2 { color: #fff; } .create-plan-feature.featured .top-content.finish-plan h3 { color: #ccc; } .create-plan-feature.featured .top-content.finish-plan p { color: #fff; } .create-plan-feature .select-list { width: 100%; min-height: 334px; overflow-x: scroll; white-space: nowrap; margin-bottom: 15px; } .create-plan-feature .select-list p.white { color: #fff; font-size: 18px; line-height: 24px; } .create-plan-feature .select-list-container { width: 33.3%; display: inline-block; } .create-plan-feature #single-memory-select-list.select-list { min-height: 230px; padding-top: 20px; } .create-plan-feature #single-contact-select-list.select-list { min-height: 230px; padding-top: 40px; } .create-plan-feature #multiple-documents-select-list.select-list { min-height: 230px; padding-top: 20px; } .create-plan-feature .select-list .contacts-feature.small { min-height: 0px; width: 90%; display: inline-block; padding: 0px; border: none; } .create-plan-feature .select-list .contacts-feature.small .text { padding: 17px 15px; text-align: left; border: 2px #999 solid; border-radius: 15px; } .create-plan-feature .select-list .contacts-feature.small .text h5 { color: #666; overflow: clip; margin: 0px; } .create-plan-feature .select-list .contacts-feature.small .text p { color: #999; font-size: 15px; font-weight: 600; margin-bottom: 17px; } .create-plan-feature .select-list .contacts-feature.small .text p:last-child { margin-bottom: 0px; } .create-plan-feature .select-list .contacts-feature.small .text p span { font-size: 13px; } .create-plan-feature .select-list .contacts-feature.small .text:hover { border-color: #ffcc03; } .create-plan-feature .select-list .active .contacts-feature.small { background: #fff; } .create-plan-feature .select-list .active .contacts-feature.small .text { border-color: #fff; } .create-plan-feature .select-list .active .contacts-feature.small .text h5 { color: #333; } .create-plan-feature .select-list .active .contacts-feature.small .text p { color: #666; } .create-plan-feature .select-list .active .contacts-feature.small .overlay { background: none; } .create-plan-feature .select-list .active .contacts-feature.small .overlay .green-circle { width: 30px; height: 30px; margin: 8px 8px 0px auto; float: right; font-size: 18px; line-height: 25px; } .create-plan-feature .select-list-container { width: 33.0%; display: inline-block; margin: auto auto 35px auto; vertical-align: top; } .create-plan-feature .select-list-container .select-memory-feature { background: none; width: 80%; margin: auto; border-radius: 10px; cursor: pointer; position: relative; } .create-plan-feature .select-list-container .select-memory-feature .album-image { background-size: cover !important; background-color: #fdfdfd !important; height: 130px; width: 170px; top: 25px; margin: auto; position: relative; z-index: 5; } .create-plan-feature .select-list-container .select-memory-feature .big .album-image { width: 150px; } .create-plan-feature .select-list-container .select-memory-feature h4 { font-size: 22px; line-height: 26px; margin-top: 16px; } .create-plan-feature .select-list-container .select-memory-feature .overlay { background: none; } .create-plan-feature .select-list-container .select-memory-feature.active .album-image { opacity: 0.5; } .create-plan-feature .select-list-container .select-document-feature { background: none; width: 80%; margin: auto; border-radius: 10px; cursor: pointer; position: relative; } .create-plan-feature .select-list-container .select-document-feature .album-image { background-size: cover !important; background-color: #fdfdfd !important; height: 130px; width: 170px; top: 25px; margin: auto; position: relative; z-index: 5; } .create-plan-feature .select-list-container .select-document-feature .big .album-image { width: 150px; } .create-plan-feature .select-list-container .select-document-feature h4 { font-size: 22px; line-height: 26px; margin-top: 42px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; max-width: 100%; } .create-plan-feature .select-list-container .select-document-feature .overlay { background: none; } .create-plan-feature .select-list-container .select-document-feature.active .album-image { opacity: 0.5; } .create-plan-feature .select-list-container .select-document-feature .overlay .yellow-circle { margin: 90px auto 0px auto; } .create-plan-feature .select-list .active .overlay { display: block; } .create-plan-feature .select-list .overlay { display: none; background: rgba(255, 255, 255, 0.82); height: 100%; width: 100%; position: absolute; border-radius: 15px; z-index: 10; } .create-plan-feature .select-list .overlay .yellow-circle { width: 60px; height: 60px; line-height: 53px; margin: 60px auto 0px auto; } .create-plan-feature .select-list .overlay .green-circle { width: 56px; height: 56px; font-size: 40px; line-height: 54px; border: 3px #fff solid; margin: 62px auto 0px auto; } .create-plan-feature .select-list .single-memory-select-memory:hover .overlay { display: block; opacity: 0.6; } .create-plan-feature .select-list .single-memory-select-memory.active:hover .overlay { opacity: 1; } .create-plan-feature .content { background: #ffffff; padding: 15px 15px 30px 15px; display: table; width: 100%; position: relative; } .create-plan-feature .content.internal { padding-top: 0px; } .create-plan-feature .content.graphics { padding-bottom: 0px; } .create-plan-feature .content .contained-text { width: 80%; max-width: 580px; font-size: 0px; } .create-plan-feature .content .contained-text .row { margin: 0px; } .create-plan-feature.wide-content .content .contained-text { max-width: 100%; } .create-plan-feature .content.type .contained-text { width: 100%; max-width: 100%; font-size: 0px; } .create-plan-feature .content.type .bottom-img { margin: 10px auto -190px auto; width: 400px; } .create-plan-feature .content.type .border-right { border-right: 1px #ccc solid; } .create-plan-feature .content.type .plan-type { text-align: center; width: 80%; margin: auto; } .create-plan-feature .content.type .plan-type h3 { margin-bottom: 15px; } .create-plan-feature .content.type .plan-type p { margin-bottom: 20px; } .create-plan-feature .content.type .plan-type .btn { margin-top: 10px; } /*.create-plan-feature .content .append-questions { display: table; width: 100%; padding-bottom: 20px; } .create-plan-feature .content .btn.back { background: #ffcc03!important; position: absolute; top: 137px; left: -2px; padding: 10px 18px 8px 12px; margin: 0px!important; border-top-left-radius: 0px; border-bottom-left-radius: 0px; z-index: 5; } .create-plan-feature .content .btn.back i { font-size: 26px; } .create-plan-feature .content .btn.next { background: #ffcc03!important; position: absolute; top: 137px; right: -2px; margin: 0px!important; border-top-right-radius: 0px; border-bottom-right-radius: 0px; z-index: 5; } .create-plan-feature .content .btn.next i { font-size: 26px; } */ .create-plan-feature .content .btn.back { font-size: 20px; line-height: 18px; border-width: 2px; min-width: 176px; padding: 10px 12px; margin: 20px 10px 0px 10px!important; } .create-plan-feature .content .btn.next { font-size: 20px; line-height: 18px; border-width: 2px; min-width: 176px; padding: 10px 12px; margin: 20px 10px 0px 10px!important; } .create-plan-feature .content .btn.next:hover { background: #f4c710!important; border-color: #f4c710!important; } .create-plan-feature .content .btn.plan-start:hover { background: #f4c710!important; border-color: #f4c710!important; } .create-plan-feature .content .btn.next.view-tailored-plan { padding: 10px 22px; } /** Create Plan Graphic Feature **/ .create-plan-feature .content .graphic-container { min-height: 235px; margin: auto auto 10px auto; text-align: center; display: inline-block; width: 250px; position: relative; } .create-plan-feature .content .graphic-container + #append-field-list-items { display: inline; } .create-plan-feature .content .graphic-container + #append-field-list-items:empty { display: none; } .create-plan-feature .content .plan-graphic-feature { background: #fff; border-radius: 25px; border: 3px #999999 solid; width: 220px; min-height: 220px; padding: 13px 0px 0px 0px; margin-left: auto; margin-right: auto; top: 15px; left: 0px; right: 0px; position: absolute; text-align: center; overflow: hidden; transition-timing-function: ease-in; transition: 0.3s; } .create-plan-feature .content .plan-graphic-feature.has-error { border: 3px #cc0000 solid; } .create-plan-feature .content .plan-graphic-feature h4 { font-size: 22px; line-height: 27px; padding: 0px 17px 0px 17px; min-height: 66px; transition-timing-function: ease-in; transition: 0.3s; } .create-plan-feature .content .plan-graphic-feature h5 { color: #666; font-size: 14px; line-height: 20px; position: absolute; text-align: center; bottom: 8px; left: 0px; right: 0px; margin: 0px; } .create-plan-feature .content .plan-graphic-feature img { position: absolute; left: 0px; right: 0px; bottom: 0px; margin: auto; max-height: 140px; transition-timing-function: ease-in; transition: 0.3s; } .create-plan-feature .content .plan-graphic-feature .border { border: 2px #666 solid; height: 112px; width: 170px; top: 0px; margin: auto; position: relative; z-index: 5; transition-timing-function: ease-in; transition: 0.3s; } .create-plan-feature .content .plan-graphic-feature .border .album-image { background-position: 50% center!important; background-size: cover !important; height: 94px; width: 150px; margin: 7px auto auto auto; } .create-plan-feature .content .plan-graphic-feature.left { margin: auto; } .create-plan-feature .content .plan-graphic-feature.middle { left: 0px; right: 0px; margin: auto; } .create-plan-feature .content .plan-graphic-feature.right { margin: auto; } .create-plan-feature .content .plan-graphic-feature:hover { border-color: #ffcc03; width: 235px; min-height: 235px; top: 6px; cursor: pointer; transition-timing-function: ease-in; transition: 0.3s; } .create-plan-feature .content .plan-graphic-feature:hover h4 { padding: 3px 25px 12px 25px; transition-timing-function: ease-in; transition: 0.3s; } .create-plan-feature .content .plan-graphic-feature:hover img { max-height: 155px; transition-timing-function: ease-in; transition: 0.3s; } .create-plan-feature .content .plan-graphic-feature:hover .border { top: 0px; transition-timing-function: ease-in; transition: 0.3s; } .create-plan-feature .content .plan-graphic-feature.checked { border-color: #ffcc03; } .create-plan-feature .content .plan-graphic-feature h4.re-sized { font-size: 21px; } .create-plan-feature .content .plan-graphic-feature .current-contact-feature h4 { font-size: 16px; line-height: 22px; padding: 8px 14px 0px 14px; min-height: 60px; } .create-plan-feature .content .plan-graphic-feature .current-contact-feature p { font-size: 16px; padding: 0px 14px 0px 14px; margin: 0px; } .create-plan-feature .content .plan-graphic-feature.checked .overlay .green-circle { display: block; } .create-plan-feature .content .plan-graphic-feature .overlay .green-circle { display: none; position: absolute; font-size: 36px; line-height: 57px; left: 0px; right: 0px; top: 50%; background: #009900; border: 3px #fff solid; width: 60px; height: 60px; -ms-transform: translateY(-50%); transform: translateY(-50%); margin: auto; text-align: center; } .create-plan-feature .content .plan-graphic-feature.checked img { opacity: 0.4; } .create-plan-feature .content .graphic-container.small { min-height: 170px; width: 262px; } .create-plan-feature .content .graphic-container.small .plan-graphic-feature { width: 200px; min-height: 150px; } .create-plan-feature .content .graphic-container.small .plan-graphic-feature h4 { font-size: 19px; line-height: 26px; padding: 0px 10px 0px 10px; min-height: 26px; } .create-plan-feature .content .graphic-container.small .plan-graphic-feature img { max-height: 110px; } .create-plan-feature .content .graphic-container.small .plan-graphic-feature:hover { width: 215px; min-height: 165px; top: 6px; } .create-plan-feature .content .graphic-container.small .plan-graphic-feature:hover img { max-height: 125px; } .create-plan-feature .content .graphic-container.small.skip h4 { font-size: 17px; } .create-plan-feature .content .graphic-container.small.two-line { min-height: 170px; width: 250px; } .create-plan-feature .content .graphic-container.small.two-line .plan-graphic-feature { width: 200px; min-height: 150px; top: 15px; } .create-plan-feature .content .graphic-container.small.two-line .plan-graphic-feature:hover { top: 15px; } .create-plan-feature .content .graphic-container.small.two-line .plan-graphic-feature img { max-height: 77px; } .create-plan-feature .content .graphic-container.small.two-line.text-below .plan-graphic-feature img { max-height: 94px; } .create-plan-feature .content .graphic-container.one-line { min-height: 215px; } .create-plan-feature .content .graphic-container.one-line .plan-graphic-feature { min-height: 200px; } .create-plan-feature .content .graphic-container.one-line .plan-graphic-feature h4 { min-height: 27px; } .create-plan-feature .content .graphic-container.one-line .plan-graphic-feature:hover { width: 235px; min-height: 215px; } .create-plan-feature .content .graphic-container.small.two { width: 220px; } .create-plan-feature .content .graphic-container.small.two .plan-graphic-feature img { max-height: 98px; } .create-plan-feature .content .graphic-container.small.two.small-text .plan-graphic-feature h4 { font-size: 17px; } .create-plan-feature .content.internal .form-group { margin-bottom: 20px; } .create-plan-feature .content.internal label.title { display: none; font-size: 30px; } .create-plan-feature .content.list { display: block; } .create-plan-feature .content .table th { font-size: 17px; padding: 8px 8px 7px 8px; } .create-plan-feature .content .table td { font-size: 17px; padding: 8px 8px 7px 8px; } .create-plan-feature .content.internal-landing { min-height: 399px; padding-top: 25px; padding-bottom: 0px; } .create-plan-feature .content.internal-landing h2 { color: #ffcc03; } .create-plan-feature .content.internal-landing label { color: #f4f4f4; } .create-plan-feature .content.internal-landing input.form-control { border-color: #fff; } .create-plan-feature .content.internal-landing select.form-control { border-color: #fff; } .create-plan-feature .content.internal-landing textarea.form-control { border-color: #fff; } .create-plan-feature .content h4 { font-size: 30px; line-height: 36px; margin-bottom: 3px; } .create-plan-feature .content h5 { color: #666; font-size: 20px; line-height: 26px; } .create-plan-feature .content .form-group { text-align: left; margin-bottom: 20px; } .create-plan-feature .content label { font-size: 15px; font-weight: 500; display: block; text-align: left; min-height: 22px; } .create-plan-feature .content label span.red { font-size: 22px; line-height: 10px; position: relative; height: 5px; top: 4px; display: inline-block; } .create-plan-feature .content label.small-required { min-width: 200px; } .create-plan-feature .content input.form-control { border-color: #999999; color: #666; border-radius: 30px; font-size: 16px; height: 40px; box-shadow: none; } .create-plan-feature .content select.form-control { border-color: #999999; color: #666; border-radius: 30px; font-size: 16px; height: 40px; box-shadow: none; } .create-plan-feature .content .form-control::placeholder { color: #666; } .create-plan-feature .content .form-control.empty-label { margin-top: 26px; } .create-plan-feature .content textarea.form-control { border-color: #999999; border-radius: 10px; box-shadow: none; } .create-plan-feature .content .has-error input { border-color: #cc0000!important; } .create-plan-feature .content .radio-inline { font-size: 16px; font-weight: 600; margin-top: 10px; margin-bottom: 20px; float: left; } .create-plan-feature .content .large .checkbox label::before { width: 30px; height: 30px; left: 0;margin-left: -20px; border: 1px solid #ffcc03; margin-top: -3px; } .create-plan-feature .content .large .checkbox label::after { width: 30px; height: 30px; padding-left: 0px; padding-top: 0px; text-align: center; font-size: 18px; } .create-plan-feature .content .large .checkbox label { margin-top: 10px; padding-left: 20px; } .create-plan-feature .content .large .checkbox label a { color: #ffcc03; z-index: 1; position: relative; } .create-plan-feature .content .large .checkbox input[type="checkbox"] { width: 100%; height: 30px; margin-top: -4px; } .create-plan-feature .content .fa-info-circle { color: #ffcc03; font-size: 22px; } .create-plan-feature .content .fa-info-circle:hover { color:#ffb300; } .create-plan-feature .content input.list-add { width: 93%; } .create-plan-feature .content .btn.list-add { width: 5%; font-size: 40px; padding: 10px 4px; float: right; } .create-plan-feature .content .btn.list-add-click { width: 5%; font-size: 40px; padding: 10px 4px; float: right; } .create-plan-feature .content .text-center .btn { margin: 6px 7.5px 6px 7.5px; } .create-plan-feature .content .text-center .btn.plan-start { font-size: 20px; line-height: 18px; margin: 12px 0px 0px 0px; } .create-plan-feature .content .list-append-buttons .btn { margin-top: 8px; } .create-plan-feature .content .list-append-buttons .btn:first-child { margin-right: 15px; } .create-plan-feature .content .plan-list-append { margin-top: 15px; max-height: 168px; overflow-y: scroll; } .create-plan-feature .content .plan-list-append .table { margin: 0px; } .create-plan-feature .content .plan-list-append p { font-size: 17px; border-bottom: 1px #ccc solid; padding: 10px 0px; margin: 0px; } .create-plan-feature .content .plan-list-append p .list-remove { color: #333; border: 1px #999 solid; border-radius: 50%; height: 26px; width: 26px; font-size: 16px; padding: 1px 0px 0px 1px; text-align: center; float: right; } .create-plan-feature .content .plan-list-append p .list-remove:hover { color: #333; background: #ffcc03; border-color: #ffcc03; } .create-plan-feature .content .plan-list-append p .contacts-list-remove { color: #333; border: 1px #999 solid; border-radius: 50%; height: 26px; width: 26px; font-size: 16px; padding: 1px 0px 0px 1px; text-align: center; float: right; } .create-plan-feature .content .plan-list-append p .contacts-list-remove:hover { color: #333; background: #ffcc03; border-color: #ffcc03; } .create-plan-feature .content .formeo-row { padding: 0px; } .create-plan-feature .content .formeo-row .formeo-column .form-control { margin-bottom: 20px; } .create-plan-feature .content .formeo-row .formeo-column input[type="checkbox"] { margin-right: 10px; float: left; } .create-plan-feature .content .formeo-row .formeo-column input[type="checkbox"] + label { margin-bottom: 20px; } .create-plan-feature .content .formeo-row .formeo-column .inline-error-message { margin-top: -36px; margin-bottom: 20px; } .create-plan-feature .content .formeo-row .formeo-column .inline-error-message.error { color: #cc0000; } .create-plan-feature .content .single-memory-upload-step-1 .form-group { width: 430px; margin-left: auto; margin-right: auto; } .create-plan-feature .content h4.upload-text { margin-bottom: 20px; } .create-plan-feature .content .multiple-documents-upload-step-1 h4 { margin-bottom: 20px; } .create-plan-feature .content .multiple-documents-upload-step-1 .form-group { width: 430px; margin-left: auto; margin-right: auto; } .create-plan-feature .content .empty-vault { min-height: 36px; } .create-plan-feature .content .empty-vault h4 { font-size: 22px; line-height: 28px; margin: 0px; } .create-plan-feature .content .empty-vault h5 { margin-bottom: 15px; } .create-plan-feature .content .internal.final.row .contained { max-width: 700px; margin: auto; } .create-plan-feature .content .internal.final.row .contained h3 { font-size: 26px; line-height: 32px; } .create-plan-feature .content .internal.final.row input.form-control { height: 42px; font-size: 16px; } .create-plan-feature .complete-content { padding: 160px 30px 60px 30px; text-align: center; min-height: 498px; } .create-plan-feature .complete-content h4 { color: #333; font-size: 38px; line-height: 44px; } .create-plan-feature .complete-content h5 { color: #333; font-size: 22px; line-height: 30px; font-weight: 600; margin-top: 6px; margin-bottom: 8px; } .create-plan-feature .internal-landing.complete-content h4 { color: #ffcc03; } .create-plan-feature .internal-landing.complete-content h5 { color: #fff; } .create-plan-feature .yellow-circle { background: #ffcc03; color: #ffffff; border-radius: 50%; width: 52px; height: 52px; font-size: 44px; line-height: 50px; margin: 0px auto 26px auto; } .create-plan-feature .green-circle { background: #009900; color: #ffffff; border-radius: 50%; width: 52px; height: 52px; font-size: 36px; line-height: 55px; margin: 10px auto 26px auto; } /* Plan Feature Funeral Director Section */ .plan-feature.directors .field-section { padding-top: 10px; } .plan-feature.directors .field-section h3.yellow-title { color: #ffcc03; font-size: 24px; line-height: 30px; margin-top: 20px; margin-bottom: 14px; } .plan-feature.directors .field-section label { color: #333; font-size: 15px; line-height: 22px; font-weight: 600; } .plan-feature.directors .field-section .additional-button { margin-bottom: 20px; } .plan-feature.directors .field-section .additional-button .btn { margin: 0px; } .create-plan-feature .footer-content { display: table; width: 100%; padding: 15px 15px; } .create-plan-feature .footer-content .footer-text { width: 82%; margin: auto; } .create-plan-feature .footer-content .footer-text .text { width: auto; text-align: center; } .create-plan-feature .footer-content .footer-text .text img { width: 38px; margin: -5px 10px 0px 0px; display: inline-block; } .create-plan-feature .footer-content .footer-text .text h5 { font-size: 20px; line-height: 26px; margin: 0px 0px 16px 0px; display: inline-block; } .create-plan-feature .footer-content .footer-text .text p:last-child { font-size: 16px; margin: 0px; } .create-plan-feature .footer-content .footer-text a { color: #ebbb03; font-weight: 600; text-decoration: underline; } .create-plan-feature .footer-content .footer-text a:hover { text-decoration: underline; } .create-plan-feature .content .final h3 { font-size: 32px; line-height: 38px; margin-bottom: 30px; } .create-plan-feature .content .final h4 { color: #ffcc03; } .create-plan-feature .content .final p { color: #666; font-size: 16px; font-weight: 400; } .create-plan-feature .green-circle { width: 60px; height: 60px; font-size: 46px; line-height: 62px; margin: 10px auto 15px auto; } .create-plan-feature #old-step-content { top: 0px!important; position: relative; } .create-plan-feature #current-step-content { top: 0px!important; position: relative; } /*.create-plan-feature #current-section-content { display: table; width: 100%; }*/ .create-plan-feature .single-contact-create-step-1 { top: 30px!important; height: 0px; } .create-plan-feature .ui-effects-placeholder { top: 0px!important; position: relative; } .create-plan-feature #next-step-content + .ui-effects-placeholder { display: none; } .append-questions { display: table; width: 100%; font-size: 0px; } .create-plan-feature .sliding-height { top: 0px!important; height: 0px; } /** Contacts Feature **/ .contacts-feature { min-height: 312px; border: 2px #ccc solid; border-radius: 15px; padding: 20px 25px; margin-bottom: 25px; width: 100%; display: table; content: " "; position: relative; } .contacts-feature h5 { font-size: 22px; margin-bottom: 6px; } .contacts-feature label { color: #999; font-size: 15px; font-weight: 600; margin-bottom: 25px; } .contacts-feature .btn { width: 100%; } .contacts-feature .btn-yellow { margin-bottom: 12px; } /** Plan Document Feature **/ .portal-internal-panel .plan-documents-feature { border: 2px #ccc solid; border-radius: 15px; padding: 20px 25px; margin-bottom: 25px; width: 100%; display: table; content: " "; position: relative; } .portal-internal-panel .plan-documents-feature:hover { border-color: #ffcc03; } .portal-internal-panel .plan-documents-feature label { color: #999; font-size: 15px; line-height: 22px; font-weight: 600; margin-bottom: 2px; } .portal-internal-panel .plan-documents-feature h5 { font-weight: 600; } .portal-internal-panel .plan-documents-feature .section { float: left; } .portal-internal-panel .plan-documents-feature .section.more { float: right; } /* Info */ .portal-internal-panel .plan-documents-feature.info .section.title { width: 30%; } .portal-internal-panel .plan-documents-feature.info .section.date { width: 35%; } .portal-internal-panel .plan-documents-feature.info .section.type { width: 25%; } .portal-internal-panel .plan-documents-feature.info .section.more { width: 10%; } /* People */ .portal-internal-panel .plan-documents-feature.people .section.title { width: 40%; } .portal-internal-panel .plan-documents-feature.people .section.contact { width: 50%; } .portal-internal-panel .plan-documents-feature.people .section.more { width: 10%; } .portal-internal-panel .buttons .btn { margin: 0px 7.5px; } /** Plan Document Feature **/ .portal-internal-panel .plan-memories-feature { border: 2px #ccc solid; border-radius: 15px; padding: 20px 25px; margin-bottom: 25px; width: 100%; display: table; content: " "; position: relative; } .portal-internal-panel .plan-memories-feature:hover { border-color: #ffcc03; } .portal-internal-panel .plan-memories-feature label { color: #999; font-size: 15px; line-height: 22px; font-weight: 600; margin-bottom: 2px; } .portal-internal-panel .plan-memories-feature h5 { font-weight: 600; } .portal-internal-panel .plan-memories-feature .section { float: left; } .portal-internal-panel .plan-memories-feature .section.more { float: right; } /* Info */ .portal-internal-panel .plan-memories-feature.info .section.image { width: 25%; } .portal-internal-panel .plan-memories-feature.info .section.title { width: 60%; } /* .portal-internal-panel .plan-memories-feature.info .section.date { width: 35%; } */ .portal-internal-panel .plan-memories-feature.info .section.more { width: 10%; } /* People */ .portal-internal-panel .plan-memories-feature.people .section.title { width: 40%; } .portal-internal-panel .plan-memories-feature.people .section.contact { width: 50%; } .portal-internal-panel .plan-memories-feature.people .section.more { width: 10%; } /** Plan Side CTA **/ .portal-internal-panel .plan-side-cta { border: 3px #ccc solid; border-radius: 8px; padding: 20px 26px 5px 26px; margin-bottom: 25px; max-width: 330px; float: right; } .portal-internal-panel .plan-side-cta:hover { border-color: #ffcc03; } .portal-internal-panel .plan-side-cta.full-width { width: 100%; max-width: 100%; text-align: center; } .portal-internal-panel .plan-side-cta .icon-circle { border: 1px #ffcc03 solid; color: #ffcc03; border-radius: 50%; width: 50px; height: 50px; text-align: center; padding-top: 9px; margin-bottom: 15px; } .portal-internal-panel .plan-side-cta .icon-circle.big { width: 65px; height: 65px; } .portal-internal-panel .plan-side-cta .icon-circle.info i { font-size: 34px; } .portal-internal-panel .plan-side-cta .icon-circle.folder i { font-size: 30px; padding-top: 2px; padding-left: 5px; } .portal-internal-panel .plan-side-cta .icon-circle.big.map i { font-size: 45px; padding-top: 2px; } .portal-internal-panel .plan-side-cta .icon-circle.big.heart i { font-size: 40px; padding-top: 6px; } .portal-internal-panel .plan-side-cta .icon-circle.big.question i { font-size: 47px; padding-top: 2px; padding-right: 3px; } .portal-internal-panel .plan-side-cta img { height: 80px; margin: auto auto 22px auto; } .portal-internal-panel .plan-side-cta h4 { color: #333; font-size: 21px; line-height: 27px; margin-bottom: 10px; } .portal-internal-panel .plan-side-cta p { color: #666; font-size: 16px; margin-bottom: 30px; } .portal-internal-panel .plan-side-cta p a { color: #ffcc03; } .portal-internal-panel .plan-side-cta p a:hover { color: #e3ae10; } .portal-internal-panel .plan-side-cta ul { list-style: none; padding: 0px; margin: 0px 0px 10px 0px; } .portal-internal-panel .plan-side-cta ul li { color: #333; font-size: 15px; font-weight: 600; padding: 0px 0px 15px 0px; } .portal-internal-panel .plan-side-cta ul li a { color: #333; } .portal-internal-panel .plan-side-cta ul li:before { color: #ffcc03; font-size: 20px; line-height: 25px; font-weight: 100; float: left; content:"\f0a9"; padding-right: 10px; font-family: FontAwesome; } .portal-internal-panel .plan-side-cta .btn { width: 90%; margin-bottom: 20px; } .portal-internal-panel .plan-side-cta.help p { font-size: 17px; min-height: 73px; } .portal-internal-panel .plan-side-cta.bg { border-color: #ffcc03; background-size: 520px !important; padding: 20px 120px 0px 20px; } .portal-internal-panel .plan-side-cta.bg h4 { font-size: 20px; line-height: 26px; margin-bottom: 10px; } .portal-internal-panel .plan-side-cta.bg p { padding-right: 30px; } .portal-internal-panel .plan-side-cta.account { text-align: center; } .portal-internal-panel .plan-side-cta.account img { margin: auto auto 20px auto; } .portal-internal-panel .plan-side-cta.account.shared img { height: 86px; margin: auto auto 14px auto; } /** More Link **/ .more-link { background: #fff; width: 32px; height: 32px; display: block; border: 2px solid #ccc; padding: 0px; margin: 0px; border-radius: 50%; text-align: center; float: right; } .more-link:hover{ background: #ffcc03; border-color: #ffcc03; } .more-link i{ font-size: 23px; color: #ccc; vertical-align: middle;} .more-link .icon { background: url('/assets/more-link-icon-grey.png') top center no-repeat; background-size: auto; height: 22px; width: 8px; background-size: 8.2px; margin: 3.5px auto auto auto; } .more-link:hover .icon { background: url('/assets/more-link-icon-dark-grey.png') top center no-repeat; background-size: auto; background-size: 8.2px; } .more-link:hover i{ color:#333; } .more-link + .dropdown-menu { top: 32px; } .more-link.yellow { border-color: #ffcc03; } .more-link.yellow .icon { background-image: url('/assets/more-link-icon-yellow.png'); } .more-link.yellow:hover .icon { background-image: url('/assets/more-link-icon-dark-grey.png'); } .fileupload { visibility: hidden; position: absolute; } /** Plan Details Listing Feature **/ .plan-details-listing-feature { border: 3px #ccc solid; border-radius: 8px; padding: 30px 30px 30px 30px; margin-bottom: 50px; min-height: 254px; } .plan-details-listing-feature:hover { border-color: #ffcc03; } .plan-details-listing-feature .text { width: auto; font-size: 0px; } .plan-details-listing-feature .text h5 { color: #999999; font-weight: 600; margin-bottom: 5px; } .plan-details-listing-feature .text h5.yellow { color: #ffcc03; } .plan-details-listing-feature .text h4 { color: #333333; } .plan-details-listing-feature .text p { font-weight: 600; margin: 0px 0px 20px 0px; } .plan-details-listing-feature .text ul { min-height: 60px; list-style: none; padding: 0px; } .plan-details-listing-feature .text ul li p { color: #666666; font-size: 17px; font-weight: 400; margin: 0px 0px 3px 0px; } .plan-details-listing-feature .text ul li h5 { color: #333333; font-size: 21px; margin: 0px; } .plan-details-listing-feature .text ul li h6 { color: #333333; font-size: 14px; font-weight: 500; margin: 0px; } .plan-details-listing-feature .text .buttons .btn { padding: 10px 18px; margin: 0px 10px 0px 0px } .plan-details-listing-feature .text .buttons .btn-yellow { min-width: 245px; } .plan-details-listing-feature .text .buttons .btn.right { float: right; } .plan-details-listing-feature .text .buttons .btn.right.delete { margin: 0px; } .plan-details-listing-feature .text .details-features { width: 35%; display: inline-block; vertical-align: top; } .plan-details-listing-feature .text .details-features li { margin-bottom: 25px; } .plan-details-listing-feature .text .progress-features { width: 35%; display: inline-block; vertical-align: top; } .plan-details-listing-feature .text .progress-features li { padding-left: 40px; margin-bottom: 20px; position: relative; } .plan-details-listing-feature .text .progress-features li i { font-size: 30px; position: absolute; left: 0px; top: 6px; } .plan-details-listing-feature .text .progress-features li i.fa-check { color: #62c205; font-size: 34px; left: -3px; } .plan-details-listing-feature .text .progress-features li i.fa-clock-o { color: #ffcc03; } .plan-details-listing-feature .text .progress-features li i.fa-times { color: #0099ff; } .plan-details-listing-feature .text .progress-features li p { margin-bottom: 10px; } .plan-details-listing-feature .text .progress-features li h5 { margin: 0px 0px 4px 0px; } .plan-details-listing-feature .text .progress-features li h6.green { color: #62c205; } .plan-details-listing-feature .text .progress-features li h6.yellow { color: #efc109; } .plan-details-listing-feature .text .progress-features li h6.red { color: #cc0000; } .plan-details-listing-feature .text .progress-features li h6.blue { color: #0099ff; } .plan-details-listing-feature .text .side-features { width: 30%; padding-left: 30px; display: inline-block; vertical-align: top; } .plan-details-listing-feature .top-circle { display: none; } .plan-details-listing-feature .image-circle { width: 185px; height: 185px; margin: 5px auto 0px auto; border-radius: 50%; border: 1px #999 solid; overflow: hidden; background-size: cover !important; } .plan-details-listing-feature .dropdown { position: absolute; top: 15px; right: 30px; } .plan-details-listing-feature.director { min-height: 315px; } .plan-details-listing-feature.director .progress-feature { width: 25%; margin-top: -30px; float: right; } .plan-details-listing-feature.director .progress-feature .image-circle { width: 100px; height: 100px; margin: 33px; border-radius: 50%; overflow: hidden; position: absolute; background-size: cover !important; } .plan-details-listing-feature.director .text p { font-weight: 600; margin: 0px 0px 20px 0px; max-width: 300px; } .plan-details-listing-feature.director .text-details p { margin-bottom: 0px } .plan-details-listing-feature.director .text-details a:link { color: #ffcc03; } .plan-details-listing-feature.director .text h4 { color: #333333; max-width: 300px; } .plan-details-listing-feature.shared { min-height: 0px; border-color: #ffcc03; } .plan-details-listing-feature.shared img { width: 127px; float: left; margin-right: 40px; } .plan-details-listing-feature.shared h4 { font-size: 20px; line-height: 24px; margin-bottom: 5px; } .plan-details-listing-feature.shared h5 { color: #999; font-size: 18px; line-height: 24px; margin-bottom: 12px; } .plan-details-listing-feature.shared .btn { font-size: 16px; padding: 8px 16px; margin-right: 10px; } .plan-details-listing-feature.start { min-height: 0px; border-color: #ffcc03; text-align: center; } .plan-details-listing-feature.start img { width: 127px; float: left; margin-right: 40px; } .plan-details-listing-feature.start h4 { font-size: 34px; line-height: 40px; margin-bottom: 12px; } .plan-details-listing-feature.start h5 { color: #666; font-size: 24px; line-height: 30px; margin-bottom: 20px; } .plan-details-listing-feature.start .btn { font-size: 18px; padding: 12px 22px; } .plan-details-listing-feature.start.alert { background: #fdf8e4; } .plan-details-listing-feature.start.alert h4 { color: #ffcc03; margin-bottom: 8px; } .plan-details-listing-feature.start.alert p { font-size: 16px; } .plan-details-listing-feature.start.alert .close { border-color: #ffcc03; color: #ffcc03; position: absolute; top: 10px; right: 25px; } .plan-details-listing-feature.start.alert .close:hover { background: #ffcc03; color: #333; } .plan-details-listing-feature.start.alert ul { list-style: none; padding: 0px; max-width: 680px; width: 100%; margin: auto auto 10px auto; } .plan-details-listing-feature.start.alert ul li { font-size: 15px; padding: 8px 0px; border-bottom: 1px #ccc solid; } .plan-details-listing-feature.start.alert.green { background: #edfddf; border-color: #5ffb16; } .plan-details-listing-feature.start.alert.green h4 { color: #5ffb16; margin-bottom: 8px; } .plan-details-listing-feature.start.alert.green .close { border-color: #5ffb16; color: #5ffb16; position: absolute; top: 10px; right: 25px; } .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { z-index: 2; color: #fff; cursor: default; background-color: #ffcc03; border-color: #ffcc03;} .pagination>li>a, .pagination>li>span { color: #666; } .btn-light-grey-keyline { background: #fff; color: #cccccc!important; border-color: #cccccc; } .btn-light-grey-keyline:hover { color: #ffcc03!important; background: #ffffff; border-color: #ffcc03; } /** Plan Feature **/ .plan-feature { border: 3px #ffcc03 solid; border-radius: 20px; padding: 0px 15px 0px 15px; margin-bottom: 25px; position: relative; } .plan-feature:hover { border-color: #ffcc03; } .plan-feature.active { background: #fafafa; border-color: #ffcc03; } .plan-feature.memory-vault { min-height: 160px; } .plan-feature.document-vault { min-height: 160px; } .plan-feature.contact-vault { min-height: 160px; } .plan-feature h5.title { color: #999; font-size: 16px; font-weight: 600; } .plan-feature h4 .edit-circle { margin-top: 18px; } .plan-feature .more-icon { color: #666; font-size: 24px; line-height: 10px; float: right; margin-top: -5px; position: absolute; right: 30px; z-index: 40; } .plan-feature .more-icon:hover { color: #ffcc03; } .left .plan-feature .more-icon { margin-top: -12px; right: 15px; } .plan-feature .fa-info-circle { color: #ffcc03; } .plan-feature.alert .close { color: #008b00; font-size: 36px; top: -15px; right: -5px; border: none; position: absolute; } .plan-feature.alert .close:hover { color: #036803; background: none; } .plan-feature h4 .table th { font-size: 17px; } .plan-feature h4 .table td { font-size: 17px; font-weight: 400; } .plan-feature .edit-circle { border: 2px #ccc solid; border-radius: 50%; width: 30px; height: 30px; padding: 6px 0px 0px 0px; text-align: center; float: right; margin-top: -10px; position: absolute; right: 15px; cursor: pointer; z-index: 40; } .plan-feature .edit-circle:hover { background: #ffcc03; border-color: #ffcc03; } .plan-feature .edit-circle.pencil { padding: 2px 0px 0px 1px; } .plan-feature .edit-circle.pencil .icon::before { font-family: FontAwesome; content: "\f040"; } .plan-feature .edit-circle.pencil .icon { color: #ccc; font-size: 16px; } .plan-feature .edit-circle.pencil:hover .icon { color: #333; } .plan-feature .edit-circle.pencil-update { padding: 2px 0px 0px 1px; } .plan-feature .edit-circle.pencil-update .icon::before { font-family: FontAwesome; content: "\f040"; } .plan-feature .edit-circle.pencil-update .icon { color: #ccc; font-size: 16px; } .plan-feature .edit-circle.pencil-update:hover .icon { color: #333; } .plan-feature .edit-circle.times .icon { background: url(../img/close-icon-grey.png) top center no-repeat; height: 14px; width: 14px; background-size: 14px; margin: auto; } .plan-feature .edit-circle.times:hover .icon { background: url(../img/close-icon-dark-grey.png) top center no-repeat; background-size: 14px; } .plan-feature .edit-circle.times-remove .icon { background: url(../img/close-icon-grey.png) top center no-repeat; height: 14px; width: 14px; background-size: 14px; margin: auto; } .plan-feature .edit-circle.times-remove:hover .icon { background: url(../img/close-icon-dark-grey.png) top center no-repeat; background-size: 14px; } .plan-feature .top-section { display: table; content: " "; padding: 0px; } /**.plan-feature .question-set:first-child label { color: #666; font-size: 17px; line-height: 22px; font-weight: 600; margin-bottom: 10px; padding-right: 30px; } **/ /**.plan-feature .question-set { min-height: 84px; }**/ .plan-feature .expand-button { position: absolute; bottom: -2px; left: 0px; right: 0px; text-align: center; width: 45px; margin: auto; z-index: 10; } .plan-feature .expand-button .content { background: #ffcc03; color: #333; height: 55px; font-size: 24px; border-top-left-radius: 30px; border-top-right-radius: 30px; transition-timing-function: ease-in; transition: 0.2s; } .plan-feature .expand-button .content .fa-chevron-up { padding-top: 15px; transition-timing-function: ease-in; transition: 0.2s; } .plan-feature .expand-button .content:hover .fa-chevron-up { padding-top: 10px; transition-timing-function: ease-in; transition: 0.2s; } .plan-feature .expand-button .content .fa-chevron-down { padding-top: 15px; transition-timing-function: ease-in; transition: 0.2s; } .plan-feature .expand-button .content:hover .fa-chevron-down { padding-top: 20px; transition-timing-function: ease-in; transition: 0.2s; } .plan-feature .expand-button .content .plan-spinner { top: 12px; position: relative; } /* .plan-feature.personal-details .text-section { background: url(../img/man-picture.png) bottom right no-repeat; } */ .plan-feature .text-section { display: table; content: " "; padding: 25px 0px 0px 0px; width: 100%; } .plan-feature .text-section.padding-bottom { padding-bottom: 20px; } .plan-feature .text-section h3 { color: #333; font-size: 24px; line-height: 30px; font-weight: 600; } .plan-feature .text-section h4 { color: #333; font-weight: 600; } .plan-feature .text-section h4 a { color: #333; } .plan-feature .text-section h4 a:hover { color: #ffcc03; } .plan-feature .text-section h4 .job-title { font-weight: 400; } .plan-feature .text-section h5 { color: #ffcc03; font-size: 17px; line-height: 22px; font-weight: 600; padding-right: 30px; margin: -5px 0px 5px 0px; } .plan-feature .text-section p { color: #666; font-size: 16px; line-height: 24px; font-weight: 500; } .plan-feature .text-section h4 + p { padding-right: 30px; margin-top: 7px; margin-bottom: 25px; } .plan-feature .text-section h4 + p.no-margin { min-height: 90px; margin-bottom: 0px; } .plan-feature .text-section label { color: #999; font-size: 14px; line-height: 22px; font-weight: 600; margin-bottom: 2px; } .plan-feature .text-section .checklist { min-height: 136px; padding-bottom: 24px } .plan-feature .text-section .checklist .checklist-item { height: 25px; margin-bottom: 8px; } .plan-feature .text-section .checklist .checklist-item.open-step-static { height: auto; } .plan-feature .text-section .checklist .checklist-item:last-child { margin-bottom: 0px; } .plan-feature .text-section .checklist .checklist-item i.fa-check { color: #36900a; font-size: 24px; top: 3px; position: relative; } .plan-feature .text-section .checklist .checklist-item i.fa-check.blank { color: #fff; } .plan-feature .text-section .checklist .checklist-item .empty { height: 21px; width: 24px; padding: 14px 0px 0px 0px; display: inline-block; } .plan-feature .text-section .checklist .checklist-item .line { width: 22px; height: 5px; background: #ccc; border-radius: 5px; display: block; } .plan-feature .text-section .checklist .checklist-item label { color: #666; font-size: 15px; margin: 2px 0px 0px 8px; } .plan-feature .text-section .checklist .checklist-item label.view-more { color: #666; font-size: 15px; margin: 2px 0px 0px 0px; cursor: pointer; } .plan-feature .text-section .checklist .checklist-item label.view-more:hover { color: #333; } .plan-feature .text-section .border { display: none; } .plan-feature.open .text-section .border { display: block; border-bottom: 1px #999 solid; padding-bottom: 0px; } .plan-feature .text-section .table { margin: 15px 0px 0px 0px; } .plan-feature .text-section .text-group { margin-bottom: 10px; } .plan-feature .text-section .btn.small { font-size: 16px; line-height: 15px; padding: 10px 18px; float: left; margin: auto 10px auto 0px; } .plan-feature .text-section .btn-yellow-keyline { color: #333 !important; } .plan-feature .text-section .btn.small:last-child { margin-right: 0px; } .plan-feature .text-section .buttons-bottom { margin-top: 10px; } .left .plan-feature .text-section label { margin-bottom: 5px; } .plan-feature .text-section .text-list-item { border-bottom: 1px #ccc solid; display: block; padding: 7px 0px; width: 100%; } .plan-feature .text-section .text-list-item:last-child { border-bottom: none; } .plan-feature .text-section .text-list-item a { font-size: 16px; } .plan-feature .text-section .text-list-item.vault-contact { line-height: 22px; } .plan-feature .text-section .text-list-item.tight { line-height: 22px; } .plan-feature .text-section .text-list-item .edit-circle.times-remove { width: 25px; height: 25px; padding: 5px 0px 0px 0px; margin-top: 0px; right: 20px; } .plan-feature .text-section .text-list-item .edit-circle.times-remove .icon { height: 11px; width: 11px; background-size: 11px; } .plan-feature .text-section .text-list-item.vault-contact .edit-circle.times-remove { margin-top: 11px; } .plan-feature .field-section { display: table; content: " "; width: 100%; padding: 0px; } .plan-feature.open .field-section { padding: 30px 0px 50px 0px; } .plan-feature .field-section h4 { color: #333; font-size: 18px; line-height: 24px; font-weight: 600; } .plan-feature .field-section h4 a { color: #333; } .plan-feature .field-section h4 a:hover { color: #ffcc03; } .plan-feature .field-section h5 { color: #333; font-size: 18px; line-height: 24px; font-weight: 600; margin: 40px 0px 0px 0px; } .plan-feature .field-section h5.top { margin-top: 0px; } .plan-feature .field-section label { color: #666; font-size: 15px; line-height: 22px; font-weight: 400; padding-right: 20px; width: 100%; position: relative; } .plan-feature .field-section label.section-title { color: #000; font-size: 18px; font-weight: 600; } .plan-feature .field-section label.section-title small { font-size: 100%; } .plan-feature .field-section label.section-title small span { color: #666; font-size: 14px; line-height: 22px; font-weight: 400; margin: 8px 0px 4px 0px; display: block; } .plan-feature .field-section label .red.required-incomplete { font-size: 13px; line-height: 12px; } .plan-feature .field-section .empty-label { margin-top: 26px; } .plan-feature .field-section ul { list-style: none; padding: 0px; } .plan-feature .field-section ul li { font-size: 15px; border-bottom: 1px #ccc solid; padding: 7px 0px; } .plan-feature .field-section ul li a { color: #666; } .plan-feature .field-section ul li a:hover { color: #ffcc03; font-weight: 400; } .plan-feature .field-section ul li a.active { color: #ffcc03; font-weight: 600; } .plan-feature .field-section .form-group { margin-bottom: 18px; } .plan-feature .field-section .form-control { color: #333; font-size: 16px; font-weight: 600; } .plan-feature .field-section .btn { margin-top: 5px; margin-right: 15px; } .plan-feature .field-section .btn.small { font-size: 16px; line-height: 15px; padding: 10px 18px; margin: auto 5px; } .plan-feature .field-section .image-circle { background-color: #cccccc!important; width: 110px; height: 110px; border-radius: 50%; background-size: cover !important; margin-top: 40px; float: right; } .plan-feature .field-section .buttons-bottom { margin-top: 15px; } .plan-feature .field-section .background-image-holder h4 { margin-bottom: 5px; } .plan-feature .field-section .background-image-holder p { margin: 0px; } .plan-feature .field-section .background-image-holder .form-group { border-bottom: 1px #cccccc solid; margin-bottom: 25px; padding-bottom: 30px; } .plan-feature .field-section .background-image-holder .btn { margin: 0px; } .plan-feature .field-section .background-image-holder .upload-picture-image { margin: 15px 0px 20px 0px; } .plan-feature .field-section .background-image-holder .upload-picture-image.logo { left: 0; right: 0; margin-left: auto; margin-right: auto; } .plan-feature .field-section .table { margin: 25px 0px 0px 0px; } .plan-feature .field-section .table th { font-size: 17px; } .plan-feature .field-section .table td { font-size: 17px; padding: 8px 8px 7px 8px; } .plan-feature .field-section .table th.sort-order { width: 35px; } .plan-feature .field-section .table.profile-table { margin-top: 0px; } .plan-feature .field-section .table.profile-table td { vertical-align: middle; } .plan-feature .field-section .table.profile-table td .drag-link { color: #666; } .plan-feature .field-section .table.profile-table td:hover .drag-link { color: #ffcc03; } .plan-feature .field-section .table.profile-table tr.sort-order { width: 35px; } .plan-feature .field-section .table.profile-table .more-link + .dropdown-menu { top: 32px; padding: 4px 0px; } .plan-feature .field-section .table.profile-table .more-link + .dropdown-menu li { border: none; padding: 0px; } .plan-feature .field-section .table.profile-table .more-link + .dropdown-menu li:hover a { color: #333; } .left .plan-feature .field-section { margin: 0px 0px; } .left .plan-feature .field-section h5 { color: #666; font-size: 17px; line-height: 22px; font-weight: 600; padding-right: 30px; margin: 0px 0px 10px 0px; } .left .plan-feature .field-section label { padding-right: 0px; } .plan-feature .field-section .form-group label { min-height: 17px; } .plan-feature .field-section .form-group label.small-required { min-width: 220px; padding-right: 0px; } .plan-feature .field-section .edit-plan-section-feature { display: table; width: 100%; } .plan-feature .field-section .edit-plan-section-feature .border { display: block; border-bottom: 1px #ccc solid; padding-top: 15px; margin-bottom: 25px; } .plan-feature .field-section .edit-plan-section-feature:last-child .border { border: none; margin-bottom: 0px; } .plan-feature .field-section .col-3-left { padding-right: 5px; } .plan-feature .field-section .col-3-center { padding-left: 10px; padding-right: 10px; } .plan-feature .field-section .col-3-right { padding-left: 5px; } .plan-feature .list-add-click.btn { font-size: 30px; margin: -5px 0px 10px 0px; float: right; padding: 6px 10px; } .plan-feature .list-append-buttons .btn { margin-top: 8px; } .plan-feature .list-append-buttons .btn:first-child { margin-right: 15px; } .plan-feature .plan-list-append { margin-top: 10px; } .plan-feature .plan-list-append p { font-size: 17px; border-bottom: 1px #ccc solid; padding: 10px 0px; margin: 0px; } .plan-feature .plan-list-append p .list-remove { color: #333; border: 1px #999 solid; border-radius: 50%; height: 26px; width: 26px; font-size: 16px; padding: 1px 0px 0px 1px; text-align: center; float: right; } .plan-feature .plan-list-append p .list-remove:hover { color: #333; background: #ffcc03; border-color: #ffcc03; } .plan-feature .plan-list-append p .contacts-list-remove { color: #333; border: 1px #999 solid; border-radius: 50%; height: 26px; width: 26px; font-size: 16px; padding: 1px 0px 0px 1px; text-align: center; float: right; } .plan-feature .plan-list-append p .contacts-list-remove:hover { color: #333; background: #ffcc03; border-color: #ffcc03; } .plan-feature .radio { margin: 5px 0px 14px 0px; } .plan-feature .radio label { color: #666 !important; font-size: 16px;line-height: 19px; font-weight: 400; } .plan-feature .radio input { width: 100%; height: 100%; } .plan-feature .radio label::before { width: 20px; height: 20px; } .plan-feature .radio label::after { width: 14px; height: 14px; } .plan-feature .radio label:hover { color: #ffcc03; } .plan-feature .radio input.big + label { color: #000!important; font-size: 18px; font-weight: 600; } .left .plan-feature .radio { width: 100%; margin: 8px 0px 8px 0px; } .left .plan-feature .radio .active + label { color: #ffcc03!important; } .plan-feature .checkbox { padding-right: 0px; margin: 0px; } .plan-feature .checkbox input { width: 100%; height: 100%; } .plan-feature .checkbox label { color: #333; padding-left: 20px; margin-top: 7px; } .plan-feature .checkbox label::before { width: 28px; height: 28px; margin: -2px 0px 0px -20px; } .plan-feature .checkbox label::after { width: 28px; height: 28px; font-size: 20px; padding-left: 4px; padding-top: 4px; margin: -2px 0px 0px -20px; } .plan-feature .plan-graphic-feature { background: #fff; border-radius: 15px; border: 3px #999999 solid; width: 100%; min-height: 165px; padding: 9px 0px 0px 0px; margin-bottom: 20px; position: relative; text-align: center; overflow: hidden; } .plan-feature .plan-graphic-feature.has-error { border: 3px #cc0000 solid; } .plan-feature .plan-graphic-feature h4 { font-size: 17px; line-height: 23px; padding: 0px 17px 0px 17px; min-height: 46px; } .plan-feature .plan-graphic-feature img { position: absolute; left: 0px; right: 0px; bottom: 0px; margin: auto; max-height: 140px; } .plan-feature .plan-graphic-feature.visual-radio:hover { border-color: #ffcc03; cursor: pointer; } .plan-feature .content .plan-graphic-feature.checked { border-color: #ffcc03; } .plan-feature .plan-graphic-feature.checked .overlay .green-circle { display: block; } .plan-feature .plan-graphic-feature .overlay .green-circle { display: none; position: absolute; font-size: 32px; line-height: 46px; left: 0px; right: 0px; top: 50%; background: #009900; width: 44px; height: 44px; -ms-transform: translateY(-50%); transform: translateY(-50%); margin: auto; text-align: center; color: #ffffff; border-radius: 50%; } .plan-feature .plan-graphic-feature.checked img { opacity: 0.4; } .plan-feature .append-multile-contacts .col-xs-12 { min-height: 145px; } .plan-feature .contact-feature { background: #fff; border-radius: 15px; border: 2px #999999 solid; width: 100%; padding: 12px 10px 10px 10px; margin-bottom: 0px; min-height: 138px; position: relative; text-align: center; overflow: hidden; } .plan-feature .contact-feature.link:hover { border-color: #ffcc03; cursor: pointer; } .plan-feature .contact-feature h4 { font-size: 16px; line-height: 22px; padding: 0px; margin-bottom: 5px; } .plan-feature .contact-feature p { color: #666; font-size: 15px; line-height: 20px; margin: 0px; } .plan-feature .contact-feature h5 { color: #666; font-size: 12px; line-height: 18px; margin: 2px 0px 0px 0px; float: left; } .plan-feature .contact-feature .overlay { display: none; } .plan-feature .active .contact-feature { border-color: #ffcc03; padding-bottom: 35px; } .plan-feature .active .contact-feature .overlay { display: block; position: absolute; width: 130px; left: 0; right: 0; bottom: 10px; margin: auto; } .plan-feature .contact-feature .green-circle { position: relative; font-size: 10px; line-height: 16px; float: left; background: #009900; width: 15px; height: 15px; margin: 4px auto auto auto; text-align: center; color: #ffffff; border-radius: 50%; padding-left: 1px; margin-right: 5px; } .plan-feature .contact-feature img { position: relative; width: 100px; margin: 10px auto; } .plan-feature .image-content-feature { border: 2px #999999 solid; padding: 10px; border-radius: 15px; margin-bottom: 25px; } .plan-feature .image-content-feature:hover { border-color: #ffcc03; } .plan-feature .image-content-feature .album-image { background-size: cover !important; height: 140px; border-radius: 10px; } .plan-feature .image-content-feature.documents { padding: 20px 10px; } .plan-feature .image-content-feature h4 { font-size: 16px; line-height: 22px; text-align: center; margin-top: 15px; overflow: hidden; } .plan-feature .field-section .buttons { margin-top: 15px; text-align: center; } .plan-feature .field-section .buttons .btn { padding: 10px 30px; } .plan-feature .field-section .buttons .btn-yellow + .btn-yellow-keyline { margin-right: 18px; float: right; } .plan-feature .field-section .buttons .btn-yellow-keyline { margin: auto; } .plan-feature input.form-control { border-color: #a3a3a3; border-radius: 30px; height: 38px; box-shadow: none; } .plan-feature select.form-control { border-color: #a3a3a3; border-radius: 30px; height: 38px; box-shadow: none; } .plan-feature textarea.form-control { border-color: #a3a3a3; border-radius: 20px; box-shadow: none; } .plan-feature .has-error input.form-control { border-color: #cc0000; } .plan-feature .buttons-center { text-align: center; margin-bottom: 25px; } .plan-feature .buttons-center .btn { margin: 10px 7.5px 10px 7.5px; } .plan-feature.alert .text-section h4 + p { padding-right: 0px;margin-top: 7px; margin-bottom: 20px; } .plan-feature.alert-warning { background-color: #eefce3; border-color: #008b00 !important; } .plan-feature.alert-warning h4 {color: #008b00; } .plan-feature.alert-warning p { color: #333; font-size: 23px; line-height: 29px; font-weight: 600; width: 100%; max-width: 800px; margin-left: auto; margin-right: auto; } /** Create **/ .plan-feature.question-step { padding: 0px 43px 10px 43px; border-color: #ffcc03; } .plan-feature.question-step .field-section h5.top { margin-top: 30px; } .plan-feature.question-step label { padding-right: 0px; margin: 0px 0px 10px 0px; } .plan-feature.question-step label.label-margin { margin: 15px 0px 0px 0px; } .plan-feature.question-step .field-section { padding: 0px 0px 5px 0px; } .plan-feature.question-step .field-section h5 { margin-bottom: 10px; } /** Details **/ .plan-feature.details { padding: 23px 23px 0px 23px; max-width: 335px; } .plan-feature.details h5.title { color: #666; font-size: 15px; } .plan-feature.details .text-section { padding: 15px 0px 0px 0px; } .plan-feature.details .text-section .text-group { margin-bottom: 14px; } .plan-feature.details .text-section label { font-size: 16px; } .plan-feature.details .text-section .text-group { margin-bottom: 18px; } .plan-feature.details .field-section { padding: 12px 0px 20px 0px; } .plan-feature.details .field-section .form-group { margin-bottom: 14px; } .plan-feature.details .field-section .buttons .btn { padding: 10px 18px; } /** Memory **/ .plan-feature.memory { padding: 40px 100px 40px 100px; } .plan-feature.memory h3 { margin-bottom: 15px; } .plan-feature.memory h5 { font-size: 18px; line-height: 30px; } .plan-feature.memory h6 { color: #666; font-size: 20px; line-height: 26px; margin-top: 0px; margin-bottom: 25px; } .plan-feature.memory p { font-size: 17px; line-height: 24px; } .plan-feature.memory .btn { margin-bottom: 50px; } .plan-feature.memory .story .border { width: 300px; margin: 65px auto 65px auto; border-bottom: 2px solid #ffcc03; } .plan-feature.memory.gallery h3 { margin-bottom: 30px; } /** Profile Details Feature **/ .plan-feature.profile-details { max-width: 335px; padding: 23px 23px 13px 23px; } .plan-feature.profile-details h5.title { color: #666; font-weight: 600; margin-bottom: 12px; } .left .plan-feature { max-width: 335px; padding: 23px 23px 13px 23px; } .plan-feature.profile-details .field-section { padding-bottom: 0px; } .profile-details .radios { min-height: 30px; margin: 15px 0px; width: 100%; } .profile-details .radios .radio { margin: 0px; float: left; } .profile-details .radios .radio input { width: 100%; } .profile-details .radios .radio:first-child { width: 30%; } .profile-details .radios .radio:last-child { width: 70%; } .profile-details .progress-feature { margin-bottom: 30px; } .profile-details .progress-feature .image-circle { width: 160px; height: 160px; margin: 33px auto; left: 0; right: 0; border-radius: 50%; overflow: hidden; position: absolute; background-size: cover !important; } .profile-details .progress-feature .plan-progress { width: 225px; height: 225px; margin: auto; } .profile-details .progress-feature .plan-progress .progressbar-text { display: none; } .profile-details .progress-feature .edit-circle { border-radius: 50%; width: 36px; height: 36px; padding: 5px 0px 0px 2px; margin: -35px -10px 0px 0px; text-align: center; float: right; position: relative; z-index: 1; } .profile-details .progress-feature .edit-circle:hover { background: #ffcc03; border-color: #ffcc03; } .profile-details .progress-feature .edit-circle i { color: #ccc; font-size: 21px; } .profile-details .progress-feature .edit-circle:hover i { color: #333; } .profile-details .progress-feature #static-progress-percentage { color: #333; font-size: 13.5px; font-weight: 600; text-align: center; display: block; margin-top: 15px; } /* Progress Steps */ .progress-steps { margin-right: 0px; float: right; } .progress-steps .progress-steps-item h5 { font-weight: 600; } .progress-steps .progress-steps-item p { color: #999; font-weight: 600; } .progress-steps .progress-steps-item { margin-left: 30px; position: relative; top: -15px; float: left; border-bottom: 4px solid #ccc; padding-bottom: 10px; min-width: 165px; min-height: 57px;} .progress-steps .progress-steps-item:first-child { margin-left: 0px; } .progress-steps .progress-steps-item:last-child { margin-left: 30px; } .progress-steps .progress-steps-item.active { border-bottom: 4px solid #ffcc03;} .progress-steps .progress-steps-item p { margin-bottom: 0px; } .progress-steps .progress-steps-item.clickable:hover { border-bottom: 4px solid #ffcc03;} .progress-steps .progress-steps-item.previous p { color: #ccc; } .progress-steps .progress-steps-item.previous h5 { color: #ccc; } /** Plan Price Compare Feature **/ .plan-price-compare-feature { border: 2px #ccc solid; border-radius: 20px; padding: 25px 10px 25px 10px; margin-bottom: 25px; width: 100%; display: table; content: " "; } .plan-price-compare-feature:hover { border-color: #ffcc03; } .plan-price-compare-feature .details { border-right: 1px #ccc solid; padding-right: 60px; min-height: 114px; } .plan-price-compare-feature .details .top .image-circle { width: 107px; height: 107px; margin-right: 20px; border-radius: 50%; overflow: hidden; position: relative; float: left; background-size: cover !important; } .plan-price-compare-feature .details .top h4 { color: #333; margin-bottom: 8px; } .plan-price-compare-feature .details .top p { font-size: 15px; line-height: 20px; font-weight: 600; margin-bottom: 5px; } .plan-price-compare-feature .details .bottom { margin-top: 30px; } .plan-price-compare-feature .details .bottom h5 { margin-bottom: 7px; } .plan-price-compare-feature .details .bottom p { font-weight: 600; margin-bottom: 12px; } .plan-price-compare-feature .quote { border-right: 1px #ccc solid; padding: 0px 30px 10px 30px; min-height: 114px; } .plan-price-compare-feature .quote .top h3 { color: #ffcc03; margin-bottom: 18px; } .plan-price-compare-feature .quote .bottom h6 { color: #666; font-size: 15px; font-weight: 600; } .plan-price-compare-feature .quote .bottom ul { list-style: none; padding: 0px; margin: 0px; } .plan-price-compare-feature .quote .bottom ul li { color: #333; font-weight: 600; } .plan-price-compare-feature .quote .bottom ul li span.left { width: 60%; float: left; } .plan-price-compare-feature .quote .bottom ul li span.right { width: 40%; float: left; } .plan-price-compare-feature .contact { padding: 0px 30px 10px 30px; } .plan-price-compare-feature .contact .top { margin-bottom: 15px; } .plan-price-compare-feature .contact .top h5 { color: #666; margin-bottom: 7px; } .plan-price-compare-feature .contact .top p { color: #333; font-size: 16px; font-weight: 600; margin: 0px; } .plan-price-compare-feature .bottom { margin-top: 15px; } .plan-price-compare-feature .bottom img { margin-bottom: 10px; } .plan-price-compare-feature .bottom h4 { font-size: 16px; line-height: 22px; } .plan-price-compare-feature .bottom h4 span { color: #ffcc03; } .plan-price-compare-feature .bottom .buttons { margin-top: 35px; float: right; } .plan-price-compare-feature .bottom .buttons .btn { margin-left: 15px; margin-right: 0px } .plan-price-compare-feature .bottom .left-buttons { margin-top: 35px; } .plan-price-compare-feature .bottom .left-buttons .btn { margin-right: 15px; } /** Quote Features **/ .plan-quote-feature { border: 2px #ccc solid; border-radius: 20px; padding: 20px; margin-bottom: 23px; width: 100%; display: table; content: " "; text-align: center; } .plan-quote-feature.gold { border: 5px #ffcc03 solid; } .plan-quote-feature.silver { border: 5px #cfcfcf solid; } .plan-quote-feature.basic { border-color: #dedede; } .plan-quote-feature h4 { color: #333; font-weight: 600; margin: 0px 0px 7px 0px; } .plan-quote-feature h5.distance { margin-bottom: 10px; } .plan-quote-feature p { color: #888; font-size: 18px; font-weight: 600; padding: 0px; margin: 0px 0px 20px 0px; } .plan-quote-feature .btn { margin: 0px 5px; } .plan-quote-feature img.company-logo { max-height: 100px; max-width: 100px; border-radius: 50%; margin: 0px auto 15px auto; } .plan-quote-feature img.inline { display: inline-block; margin: 10px 8px 25px 8px; } .portal-internal-panel .map-sort-buttons { margin-bottom: 22px; width: 100%; display: table; content: " "; } .portal-internal-panel .map-sort-buttons h6 { color: #666; font-size: 15px; margin: 0px 0px 8px 0px; } .portal-internal-panel .map-sort-buttons .btn { font-size: 17px; line-height: 17px; padding: 10px 2px 8px 2px; width: 100%; } .portal-internal-panel .map-sort-buttons .left { padding-left: 0px; } .portal-internal-panel .map-sort-buttons .center { padding-left: 7.5px; padding-right: 7.5px; } .portal-internal-panel .map-sort-buttons .right { padding-right: 0px; } .portal-internal-panel .sidemap.quote { height: 635px; width: 100%; padding: 5px; border: 2px #ffcc03 solid!important; border-radius: 20px; } .portal-internal-panel .sidemap.quote #content h3 { font-size: 20px; } .portal-internal-panel .sidemap.quote #content p { font-size: 15px; } /** Quote Listing Feature **/ .quote-listing-feature { border: 2px #ccc solid; border-radius: 20px; padding: 30px 45px 32px 45px; margin-bottom: 25px; width: 100%; display: table; content: " "; } .quote-listing-feature:hover { border-color: #ffcc03; } .quote-listing-feature .info h5 { color: #999; margin-bottom: 3px; } .quote-listing-feature .info h4 { margin-bottom: 3px; } .quote-listing-feature .info p { color: #999; font-size: 17px; line-height: 23px; font-weight: 500; margin-bottom: 0px; } .quote-listing-feature .details .director-logo { width: 85px; border: 1px #ccc solid; border-radius: 50%; margin: auto auto 14px auto; } .quote-listing-feature .details h5 { color: #999; font-size: 19px; line-height: 25px; margin-bottom: 10px; } .quote-listing-feature .details h4 { margin-bottom: 10px; } .quote-listing-feature .details p { font-size: 16px; margin: 0px 0px 2px 0px; } .quote-listing-feature .details table { width: 100%; max-width: 200px; margin: 0px auto; } .quote-listing-feature .details table td { border: 0px; padding: 3px 0px; } .quote-listing-feature .details table.show-hide tr { display: none; } .quote-listing-feature .details table.show-hide tr:first-child { display: revert; } .quote-listing-feature .details table.show-hide tr:first-child + tr { display: revert; } .quote-listing-feature .details table.show-hide tr.show { display: revert!important; } .quote-listing-feature .details table.show-hide tr.show div { color: #ffcc03; font-weight: 600; display: block; margin-top: 5px; text-align: center; } .quote-listing-feature .details table.show-hide.show-up tr { display: revert; } .quote-listing-feature .details .map { height: 115px; width: 85%; margin-top: 12px; } .quote-listing-feature .details .quote-messages { margin-top: 30px; } .quote-listing-feature .details .quote-messages table { width: 100%; max-width: 100%; margin: 0px auto; } .quote-listing-feature .details .quote-messages table th { font-size: 15px; border-bottom: 2px #ccc solid; padding: 7px 0px; vertical-align: top; } .quote-listing-feature .details .quote-messages table th:first-child { padding-left: 7px; } .quote-listing-feature .details .quote-messages table th:last-child { padding-right: 7px; } .quote-listing-feature .details .quote-messages table td { font-size: 15px; border-bottom: 1px #ccc solid; padding: 7px 0px; vertical-align: middle; } .quote-listing-feature .details .quote-messages table td:first-child { padding-left: 7px; } .quote-listing-feature .details .quote-messages table td:last-child { padding-right: 7px; } .quote-listing-feature .details .quote-messages table tr.unread { background-color: #fff4c7; } .quote-listing-feature .details .quote-messages table tr.unread td { font-weight: 600; } .quote-listing-feature .buttons { margin-top: 28px; } .quote-listing-feature.quote-price .info .price h4 { color: #ffcc03; font-size: 32px; line-height: 32px; } .quote-listing-feature.accepted-quote .info .price h4 { color: #66cc00; font-size: 32px; line-height: 32px; } .quote-listing-feature.unaccepted-quote .info .price h4 { color: #cc0000; font-size: 32px; line-height: 32px; } .quote-listing-feature.open .info { padding-bottom: 35px!important; border-bottom: 1px #cccccc solid; } .quote-listing-feature.open .details { padding-top: 35px!important; padding-bottom: 10px!important; } /** Plan Quote Directors Text **/ .plan-quote-directors-text { text-align: center; padding-top: 8px; margin-bottom: 35px; } .plan-quote-directors-text h4 { color: #ffcc03; margin-bottom: 5px; } .plan-quote-directors-text p { font-size: 17px; font-weight: 500; margin-bottom: 17px; } .plan-quote-directors-text .btn { margin: 0px 5px; } /** Quote Details Feature **/ .quote-details-feature { border: 2px #ffcc03 solid; border-radius: 20px; padding: 30px 45px 32px 45px; margin-bottom: 25px; width: 100%; display: table; content: " "; } .quote-details-feature .top h4 { margin-bottom: 10px; } .quote-details-feature .top p { font-size: 16px; margin-bottom: 20px; } .quote-details-feature .top p.filters { font-size: 18px; } .quote-details-feature .top p.filters a { color: #333333; padding: 0px 6px; } .quote-details-feature .top p.filters a:hover { color: #ffcc03; } .quote-details-feature .top p.filters .yellow { color: #ffcc03; } .quote-details-feature .top p.filters .bold { font-weight: 600; } .quote-details-feature.quote-costs .table { max-width: 710px; width: 100%; margin: auto auto 30px auto; } .quote-details-feature.quote-costs .table th { color: #666666; font-size: 16px; font-weight: 500; border: none; padding-bottom: 0px; } .quote-details-feature.quote-costs .table th:first-child { padding-left: 0px; } .quote-details-feature.quote-costs .table th:last-child { padding-right: 0px; } .quote-details-feature.quote-costs .table td { border: none; position: relative; } .quote-details-feature.quote-costs .table td:first-child { padding-left: 0px; } .quote-details-feature.quote-costs .table td:last-child { padding-right: 0px; } .quote-details-feature.quote-costs .table td .form-control::placeholder { color: #333333; } .quote-details-feature.quote-costs .table td .pad-left { padding-left: 25px; } .quote-details-feature.quote-costs .table td .pound { color: #555; position: absolute; left: 20px; top: 15px; } .quote-details-feature.messages .table { max-width: 1100px; width: 100%; margin: auto auto 30px auto; } .quote-details-feature.messages .table th { color: #666666; font-size: 16px; font-weight: 500; padding: 9px 12px; border-bottom: 2px solid #999999; } .quote-details-feature.messages .table td { font-size: 16px; border: none; padding: 8px 12px; text-align: left; border-top: none; border-bottom: 1px #cccccc solid; vertical-align: middle; } .quote-details-feature.messages .table tr.bold td { font-weight: 600; } .quote-details-feature.messages .table tr.unread { background-color: #fff4c7; } .quote-details-feature.messages .table tr.unread td { font-weight: 600; } .quote-details-feature.quote-costs .table .close { display: block; border: 1px #999 solid; color: #999; text-shadow: none; width: 32px; height: 32px; font-weight: 300; opacity: 1; border-radius: 50%; font-size: 30px; line-height: 32px; top: -5px; float: right; } .quote-details-feature.quote-costs .table .close:hover { background: #ffcc03; border-color: #ffcc03; color: #333; } .quote-details-feature .cost { margin-bottom: 25px; } .quote-details-feature .cost h4 .yellow { color: #ffcc03; } .quote-details-feature .cost p { font-size: 17px; } .quote-details-feature .cost p.promotion-section { margin-top: -2px; font-weight: 600; } .quote-details-feature .cost p.promotion-section span { color: #ffcc03; font-weight: 700; } .quote-details-feature .cost p.promotion-section a { color: #333333; } .quote-details-feature .cost p.promotion-section a:hover { color: #ffcc03; } .quote-details-feature .content-area .image-circle { width: 200px; height: 200px; margin: 0px auto 15px auto; left: 0; right: 0; border-radius: 50%; overflow: hidden; background-size: cover !important; } .quote-details-feature .content-area .title { margin-top: 25px; margin-bottom: 5px; } .quote-details-feature .content-area .title h4 { color: #ffcc03; } .quote-details-feature .content-area h5 { margin-bottom: 3px; } .quote-details-feature .content-area p { font-size: 17px; } .quote-details-feature.funeral-plan-details .info .margin-top { margin-top: 20px; } .quote-details-feature.funeral-plan-details .info .margin-bottom { margin-bottom: 25px; } .quote-details-feature.funeral-plan-details .buttons { margin-top: 20px; } /** Subscription Feature **/ .subscription-feature { background: #fff; border-radius: 15px; border: 3px #cccccc solid; width: 100%; min-height: 200px; margin-bottom: 40px; position: relative; text-align: center; overflow: hidden; } .subscription-feature.white .colour-bg { background: #fff; } .subscription-feature.silver .colour-bg { background: #b2b3b5; } .subscription-feature.gold .colour-bg { background: #e3b852; } .subscription-feature.yellow .colour-bg { background: #ffcc03; } .subscription-feature .colour-bg { background: #ccc; padding: 15px 15px 15px 15px; } .subscription-feature .colour-bg .current { min-height: 20px; font-weight: 600;} .subscription-feature .colour-bg h2 { font-size: 56px; line-height: 62px; } .subscription-feature .colour-bg h4 { color: #fff; } .subscription-feature.white .colour-bg h4 { color: #666; } .subscription-feature .colour-bg h5 { color: #fff; } .subscription-feature.white .colour-bg h5 { color: #666; } .subscription-feature .colour-bg h6 { font-size: 24px; line-height: 30px; font-weight: 600; margin: 0px 0px 5px 0px; } .subscription-feature.white .colour-bg h6 { color: #666; } .subscription-feature .details { background: #e2e2e2; padding: 15px 30px; } .subscription-feature .details h3 { font-size: 34px; } /* .subscription-feature .details h3 { float: left; padding-right: 20px; } */ /* .subscription-feature .details p { text-align: left; margin: 0px; } */ .subscription-feature .content {min-height: 510px; } .subscription-feature a { position: absolute; bottom: 20px; left: 0; right: 0; margin: auto!important; width: 140px; padding: 10px; } .subscription-feature .list { padding: 0px 30px; } .subscription-feature .list ul { min-height: 234px; padding: 0px; margin: 5px 0px; list-style: none; } .subscription-feature .list ul li { color: #333; padding: 9px 0px; border-bottom: 1px #ccc solid; } .subscription-feature .list ul li:last-child { border-bottom: none; } .subscription-feature .list .btn { margin: 10px 0px 20px 0px; } .subscription-feature-sticker { display: table; width: 100px; height: 100px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; position: absolute; z-index: 1; top: -30px; right: 0px; background-color: #333; color: #fff; } .subscription-feature-sticker span { display: table-cell; vertical-align: middle; font-weight: 600; text-align: center; } .subscription-checkout ul { padding: 0px 20px; margin: 5px 0px; list-style: none; } .subscription-checkout ul li { color: #333; padding: 9px 0px; border-bottom: 1px #ccc solid; } .subscription-checkout ul li:last-child { border-bottom: none; } .subscription-checkout label { color: #333333!important;} /** Generic **/ span.red { color: #cc0000; } .field-error { border-color: #cc0000!important;} /** Footer **/ footer .footer-bottom.portal .left ul li { padding-right: 25px; } footer .footer-bottom.portal .left p { font-size: 14px; } footer .footer-bottom.portal .left p a { color: #cccccc; } footer .footer-bottom.portal .left p a:hover { color: #ffcc03; } footer .footer-bottom.portal .right img { width: 120px; } /** Alert **/ .portal-internal-header .alert { margin-top: 20px; } /** Modals **/ .modal { } .modal-dialog { z-index: 1200; margin: 60px auto 30px auto; } .modal-lg { width: 620px; } .modal-backdrop.in { opacity: .9; } .modal-content { border-radius: 25px; border: 5px #ffcc03 solid; } .modal-body .alert { margin: -30px -30px 25px -30px; top: 0px; border-radius: 0px; border-top-left-radius: 21px; border-top-right-radius: 21px; border: none; position: relative; z-index: 1000; } .modal-body .alert h2 { color: #a94442; font-size: 18px; line-height: 22px; padding-right: 10px; } .modal-body .alert .close { border: 1px #a94442 solid; color: #a94442; border-radius: 50%; font-size: 26px; font-weight: 600; width: 30px; height: 30px; padding: 1px 0px 0px 0px; margin-top: 0px; top: 10px; } .modal-body .alert .close:hover { border: 1px #a94442 solid; background: #a94442; color: #fff!important; } .modal-body .alert h2 { font-size: 16px; line-height: 22px; font-weight: 400; text-align: left; margin: 0px!important; } .modal-body .alert.alert-success h2 { color: #3c763d; } .modal-body .alert.alert-success .close { color: #3c763d; border-color: #3c763d; } .modal-body .alert.alert-danger h2 { color: #a94442; } .modal-body .alert.alert-danger .close { color: #a94442; border-color: #a94442; } .modal-body .alert.alert-warning h2 { color: #a94442; } .modal-body .alert.alert-warning .close { color: #a94442; border-color: #a94442; } .modal-body .close { color: #cccccc; border: none; font-size: 40px; font-weight: 300; border-radius: 50%; line-height: 25px; padding: 0px; position: absolute; right: 12px; top: 15px; opacity: 1; text-shadow: none; float: right; } .modal-body .close:hover { color: #333; background: none; } .modal-body .contact-plans-list p { color: #666; font-size: 16px; line-height: 24px; font-weight: 600; margin-bottom: 2px; } .modal-body .contact-plans-list-names h4 { color: #333; font-size: 22px; line-height: 28px; font-weight: 600; margin-bottom: 20px; } .modal-body { background: #ffffff; border-top-left-radius: 20px; border-top-right-radius: 20px; border: none; padding: 30px 30px 20px 30px; } .modal-body label { color: #666666; font-size: 16px; font-weight: 400; margin-bottom: 6px; } .modal-body h2 { font-size: 30px; color: #333333; font-weight: 600; margin: 0px 0px 20px 0px; } .modal-body h3 { margin: 0px 0px 16px 0px; } .modal-body h3.modal-title.yellow { color: #ffcc03; } .modal-body h4 .yellow-large { color: #ffcc03; font-size: 125%; } .modal-body p { color: #333333; font-size: 15px; margin-bottom: 25px; } .modal-body p.error { color: #cc0000; } .modal-body .form-control { color: #777; font-size: 16px; padding: 8px 12px 7px 12px; } .modal-body .form-control::placeholder { color: #777; } .modal-body select.form-control { padding: 6px 12px 7px 12px; } .modal-body .form-group { margin-bottom: 25px; } .modal-body textarea.form-control { height: 34px; } .modal-body .btn { margin-top: 2px; margin-right: 0px; font-weight: 600; padding: 10px 50px; } .modal-body .btn.browse { margin-top: 0px; padding: 8px 50px; } .modal-body .alert.danger { color: #cc0000; border-bottom: 4px solid #cc0000; border-radius: 0px; padding: 0px 0px 10px 0px; margin: 15px; } .modal-body .table td { border-top: none; border-bottom: 1px #ccc solid; padding: 12px 0px; } .modal-body .table td h4 { color: #333; font-size: 18px; line-height: 24px; font-weight: 500; } .modal-body .table td .radio { margin: 2px 0px 0px 0px; } .modal-body .table td .close { height: 25px; width: 25px; font-size: 24px; padding: 4px 0px 0px 0px; margin-top: 0px; margin-right: 0px; text-align: center; position: relative; } .modal-body .inline-scroll { max-height: 460px; overflow-x: auto; overflow-y: scroll; } .modal-body .checkbox { height: 28px; padding-right: 0px; margin: 0px 0px 15px 0px; } .modal-body .checkbox input { width: 100%; height: 100%; margin-top: 0px; } .modal-body .checkbox label { color: #333; padding-left: 20px; font-size: 20px; line-height: 26px; font-weight: 500; } .modal-body .checkbox label::before { width: 28px; height: 28px; margin: 0px 0px 0px -20px; } .modal-body .checkbox label::after { width: 28px; height: 28px; font-size: 20px; padding-left: 4px; padding-top: 4px; margin: -2px 0px 0px -20px; } .modal-body .form-control { border-color: #ffcc03; border-radius: 30px; height: 38px; box-shadow: none; } .modal-body textarea.form-control { border-radius: 15px; } .modal-body .profile-pic-text { text-align: center; } .modal-body .profile-pic-text input { padding-left: 30px; margin: auto; } .modal-body .contact-details { width: 300px; padding: 17px 15px; margin: auto; text-align: left; border: 2px #999 solid; border-radius: 15px; } .modal-body .contact-details h3 { color: #ffcc03; font-size: 24px; line-height: 28px; margin-bottom: 5px; } .modal-body .contact-details h4 { color: #666; font-size: 20px; line-height: 26px; margin-bottom: 5px; } .modal-body .contact-details p { font-size: 16px; margin: 0px; } .modal-body .select-list { width: 100%; min-height: 334px; overflow-x: scroll; white-space: nowrap; margin-bottom: 40px; } .modal-body .select-list-container { width: 33.0%; display: inline-block; margin: auto auto 35px auto; vertical-align: top; } .modal-body .select-list-container.half { width: 50%; } .modal-body .select-list-container .select-memory-feature { background: #fff; width: 90%; margin: auto; border-radius: 15px; cursor: pointer; position: relative; } .modal-body .select-list-container .select-memory-feature:hover { background: #f0f0f0; } .modal-body .select-list-container .select-memory-feature .image-content { padding: 22px 20px 18px 20px; } .modal-body .select-list-container .select-memory-feature .picture-frame { height: 200px; background-size: 150px!important; text-align: center; } .modal-body .select-list-container .select-memory-feature .picture-frame.big { background-size: 200px!important; } .modal-body .select-list-container .select-memory-feature .album-image { background-size: cover !important; height: 150px; width: 102px; top: 25px; margin: auto; position: relative; z-index: 5; } .modal-body .select-list-container .select-memory-feature .big .album-image { width: 150px; } .modal-body .select-list-container .select-memory-feature h4 { font-size: 22px; line-height: 26px; margin-top: 16px; } .modal-body .select-list-container .select-memory-feature .overlay .yellow-circle { margin: 90px auto 0px auto; } .modal-body .select-list-container .select-memory-feature .overlay.with-text .yellow-circle { margin: 75px auto 0px auto; } .modal-body .select-list-container .select-memory-feature .overlay .green-circle { margin: 90px auto 0px auto; } .modal-body .select-list-container .select-memory-feature .overlay.with-text .green-circle { margin: 75px auto 0px auto; } .modal-body .select-list-container .select-memories-feature { background: #f6f6f6; width: 90%; margin: auto; border-radius: 15px; cursor: pointer; position: relative; } .modal-body .select-list-container .select-memories-feature:hover { background: #f0f0f0; } .modal-body .select-list-container .select-memories-feature .image-content { padding: 22px 20px 18px 20px; } .modal-body .select-list-container .select-memories-feature .picture-frame { height: 200px; background-size: 150px!important; text-align: center; } .modal-body .select-list-container .select-memories-feature .picture-frame.big { background-size: 200px!important; } .modal-body .select-list-container .select-memories-feature .album-image { background-size: cover !important; height: 150px; width: 102px; top: 25px; margin: auto; position: relative; z-index: 5; } .modal-body .select-list-container .select-memories-feature .big .album-image { width: 150px; } .modal-body .select-list-container .select-memories-feature h4 { font-size: 22px; line-height: 26px; margin-top: 16px; } .modal-body .select-list-container .select-memories-feature .overlay .yellow-circle { margin: 90px auto 0px auto; } .modal-body .select-list-container .select-memories-feature .overlay .green-circle { margin: 90px auto 0px auto; } .modal-body .select-list-container .select-document-feature { background:#f6f6f6; width: 90%; margin: auto; border-radius: 15px; cursor: pointer; position: relative; } .modal-body .select-list-container .select-document-feature:hover { background: #f0f0f0; } .modal-body .select-list-container .select-document-feature .image-content { padding: 22px 20px 18px 20px; } .modal-body .select-list-container .select-document-feature .picture-frame { height: 200px; background-size: 150px!important; text-align: center; } .modal-body .select-list-container .select-document-feature .picture-frame.big { background-size: 200px!important; } .modal-body .select-list-container .select-document-feature .library-image { background-size: cover !important; height: 150px; width: 102px; top: 25px; margin: auto; position: relative; z-index: 5; } .modal-body .select-list-container .select-document-feature .big .library-image { width: 150px; } .modal-body .select-list-container .select-document-feature h4 { font-size: 18px; line-height: 24px; margin-top: 16px; overflow: hidden; } .modal-body .select-list-container .select-document-feature .overlay .yellow-circle { margin: 90px auto 0px auto; } .modal-body .select-list-container .select-document-feature .overlay .green-circle { margin: 90px auto 0px auto; } .modal-body .select-step-1 .select-list-container .select-document-feature .big .library-image { width: auto; background-size: 190px !important; } .modal-body .select-list-container .select-contacts-feature { min-height: 0px; width: 90%; display: inline-block; padding: 0px; border: none; cursor: pointer; position: relative; overflow: hidden; } .modal-body .select-list-container .select-contacts-feature .text { padding: 17px 15px; text-align: left; border: 2px #999 solid; border-radius: 15px; } .modal-body .select-list-container .select-contacts-feature .text h4 { font-size: 20px; overflow: hidden; } .modal-body .select-list-container .select-contacts-feature .text h5 { color: #666; overflow: clip; } .modal-body .select-list-container .select-contacts-feature .text p { color: #999; font-size: 15px; font-weight: 600; margin-bottom: 25px; } .modal-body .select-list-container .select-contacts-feature .text p:last-child { margin-bottom: 0px; } .modal-body .select-list-container .select-contacts-feature.active .text { border-color: #ccc; background: #ccc; } .modal-body .select-list-container .select-contacts-feature.active .text h5 { color: #333; } .modal-body .select-list-container .select-contacts-feature.active .text p { color: #000; } .modal-body .select-list-container .select-contacts-feature.active .overlay { background: none; border-radius: 15px; } .modal-body .select-list-container .select-contacts-feature.active .overlay .yellow-circle { width: 40px; height: 40px; margin: 12px 12px 0px auto; float: right; font-size: 30px; line-height: 40px; } .modal-body .select-list-container .select-contacts-feature.active .overlay .green-circle { width: 40px; height: 40px; margin: 12px 12px 0px auto; float: right; font-size: 30px; line-height: 40px; } .modal-body .select-list .yellow-circle { background: #ffcc03; color: #ffffff; border-radius: 50%; width: 52px; height: 52px; font-size: 44px; line-height: 50px; margin: 0px auto 26px auto; } .modal-body .select-list .green-circle { background: #66cc00; color: #ffffff; border-radius: 50%; width: 52px; height: 52px; font-size: 36px; line-height: 55px; margin: 10px auto 26px auto; } .modal-body .select-list .active .overlay { display: block; } .modal-body .select-list .overlay { display: none; background: rgba(155, 150, 150, 0.82); height: 100%; width: 100%; position: absolute; border-radius: 15px; z-index: 10; } .modal-body .select-list .overlay .yellow-circle { width: 60px; height: 60px; line-height: 60px; margin: 52px auto 0px auto; } .modal-body .select-list .overlay .green-circle { width: 60px; height: 60px; line-height: 60px; margin: 52px auto 0px auto; } .modal-body .select-list .overlay h5 { color: #fff; font-size: 20px; margin-top: 10px; } .modal-footer { background: #ffffff; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; text-align: center; border: none; box-shadow: none; padding: 0px 0px 30px 0px; } .modal-footer .btn { margin: 0px 10px; } .modal-footer .btn-danger:hover { background-color: #ff4640!important; border-color: #ff4640!important; } .modal-footer .btn-yellow-keyline { color: #333!important; } .line-progress { background-color: #ccc; width: 100%; height: 7px; margin: 0px auto 20px auto; } .line-progress .bar { background-color: #ffcc03; height: 7px; background-size: 50px 50px; max-width: 100%; transition-timing-function: ease-in; transition: 0.2s; } /** Planner Modals **/ .planner .modal-dialog { max-width: 700px; width: 100%; } .planner .modal-body { border-radius: 25px; border: 5px #ffcc03 solid; padding: 50px 40px 50px 40px; } .planner .modal-body h2 { font-size: 30px; line-height: 38px; margin-bottom: 30px; } .planner .modal-body h3 { font-size: 24px; line-height: 30px; margin: 0px 0px 10px 0px; } .planner .modal-body h5 { font-size: 22px; line-height: 28px; margin: 30px 0px 6px 0px; } .planner .modal-body p { margin-bottom: 15px } .planner .modal-body p:last-child { margin-bottom: 0px } .planner .modal-body .btn { font-size: 20px; line-height: 18px; padding: 12px 18px; } .planner .modal-body .close { color: #cccccc; border: none; font-size: 40px; font-weight: 300; border-radius: 50%; line-height: 25px; padding: 0px; position: absolute; right: 12px; top: 15px; opacity: 1; text-shadow: none; float: right; } .planner .modal-body .close:hover { color: #333; background: none; } .planner .modal-body .overflow-text { height: 196px; padding: 0px 10px 0px 15px; margin-bottom: 30px; overflow-x: hidden; overflow-y: auto; } .planner .modal-body .inline-info { font-size: 16px; line-height: 22px; height: 110px; padding: 0px 15px 0px 15px; overflow-x: hidden; overflow-y: auto; display: inline-block; } .planner .alert { margin: 0px; top: 30px; border-top-left-radius: 25px; border-top-right-radius: 25px; border: 5px #ffcc03 solid; border-bottom: none; position: relative; margin-bottom: 7px; z-index: 1000; } .planner .alert h2 { color: #a94442; font-size: 18px; line-height: 22px; padding-right: 10px; } .planner .alert .close { border: 1px #a94442 solid; color: #a94442; border-radius: 50%; font-size: 26px; line-height: 30px; width: 30px; height: 30px; padding: 0px 0px 0px 0px; margin-top: 0px; top: -4px; } .planner .alert .close:hover { border: 1px #a94442 solid; background: #a94442; color: #fff!important; } .planner .modal-body .modal-footer { border-radius: 0px; } .planner.other .modal-dialog { max-width: 760px; width: 100% } .planner.other .modal-body { padding: 30px 50px 34px 50px; } .planner.other .modal-body h2 { color: #ffcc03; margin-bottom: 9px; } .planner.other .modal-body label { color: #333; font-size: 22px; line-height: 30px; font-weight: 600; margin-bottom: 15px; } .planner.other .modal-body label span { color: #666; font-size: 20px; } .planner.finished .modal-body { padding: 40px 50px 40px 50px; } .planner.finished .modal-body h2 { color: #ffcc03; font-size: 38px; line-height: 46px; margin-bottom: 25px; } .planner.finished .modal-body h3 { font-size: 26px; line-height: 34px; margin-bottom: 28px; } .planner.finished .modal-body p { color: #333; font-size: 18px; line-height: 24px; font-weight: 300; margin-bottom: 35px; } .planner.finished .modal-body .btn { min-width: 150px; margin: 0px 7.5px 0px 7.5px; } #additionalQuestions .modal-body { background: #f7f7f7; } #additionalQuestions .modal-body .form-control { border: 2px #ffcc03 solid; } #additionalQuestions .modal-body h5 { margin: 40px 0px 6px 0px; } #additionalQuestions .modal-body textarea { height: auto; } #questionInfo .modal-body .modal-footer { padding: 20px 0px 0px 0px; } .planner.music .modal-body { padding: 40px 40px 40px 40px; } .planner.music .modal-body h2 { font-size: 34px; line-height: 42px; margin-bottom: 24px; } .planner.music .modal-body .modal-footer { padding: 15px 0px 0px 0px; } .planner.music .modal-body .modal-footer .btn { font-size: 20px; line-height: 18px; padding: 12px 24px; margin: 0px 7.5px; } /** Modals **/ #addMemory .modal-body { border: none; padding: 30px 30px 20px 30px; min-height: 280px; } #addMemory .modal-body .yellow-circle { background: #ffcc03; color: #ffffff; border-radius: 50%; width: 52px; height: 52px; font-size: 44px; line-height: 52px; text-align: center; margin: 0px auto 26px auto; } #addMemory .modal-body .green-circle { background: #66cc00; color: #ffffff; border-radius: 50%; width: 52px; height: 52px; font-size: 36px; line-height: 55px; text-align: center; margin: 10px auto 26px auto; } #addMemory .modal-body h3#add-picture { margin: 20px 0px 10px 0px; cursor: pointer; } #addMemory .modal-body .add-memory-step { top: 40px; position: absolute; left: 20px; right: 20px; width: auto; } #addMemory .modal-body .add-memory-step h5 { font-size: 18px; font-weight: 400; margin-bottom: 22px; } #addMemory .modal-body .add-memory-step h5 span { font-weight: 600; } #addMemory .modal-body #add-memory-step-img { margin-bottom: 20px; } #addMemory .modal-body #add-memory-step-1 { padding-top: 20px; } #addMemory .modal-body #add-memory-step-3 { padding-top: 30px; } #addMemory .modal-body #add-memory-step-3 h5 { font-weight: 600; margin-top: 3px; margin-bottom: 8px; } #addMemory .modal-body .form-group { margin: 0px; } #editPlanAddMemory .modal-body { border: none; padding: 30px 30px 20px 30px; min-height: 280px; } #editPlanAddMemory .modal-body .yellow-circle { background: #ffcc03; color: #ffffff; border-radius: 50%; width: 52px; height: 52px; font-size: 44px; line-height: 52px; text-align: center; margin: 0px auto 26px auto; } #editPlanAddMemory .modal-body .green-circle { background: #66cc00; color: #ffffff; border-radius: 50%; width: 52px; height: 52px; font-size: 36px; line-height: 55px; text-align: center; margin: 10px auto 26px auto; } #editPlanAddMemory .modal-body h3#edit-plan-add-picture { margin: 34px 0px 10px 0px; cursor: pointer; } #editPlanAddMemory .modal-body .edit-plan-add-memory-step { top: 40px; position: absolute; left: 20px; right: 20px; width: auto; } #editPlanAddMemory .modal-body .edit-plan-add-memory-step h5 { font-size: 18px; font-weight: 400; margin-bottom: 22px; } #editPlanAddMemory .modal-body .edit-plan-add-memory-step h5 span { font-weight: 600; } #editPlanAddMemory .modal-body #edit-plan-add-memory-step-img { margin-bottom: 20px; } #editPlanAddMemory .modal-body #edit-plan-add-memory-step-1 { padding-top: 30px; } #editPlanAddMemory .modal-body #edit-plan-add-memory-step-3 { padding-top: 30px; } #editPlanAddMemory .modal-body #edit-plan-add-memory-step-3 h5 { font-weight: 600; margin-top: 3px; margin-bottom: 8px; } #editPlanAddMemory .modal-body .form-group { margin: 0px; } /** Modals **/ #addDocument .modal-body { border: none; padding: 30px 30px 20px 30px; min-height: 280px; } #addDocument .modal-body .yellow-circle { background: #ffcc03; color: #ffffff; border-radius: 50%; width: 52px; height: 52px; font-size: 44px; line-height: 52px; text-align: center; margin: 0px auto 26px auto; } #addDocument .modal-body .green-circle { background: #66cc00; color: #ffffff; border-radius: 50%; width: 52px; height: 52px; font-size: 36px; line-height: 55px; text-align: center; margin: 10px auto 26px auto; } #addDocument .modal-body h3#add-file { margin: 20px 0px 10px 0px; cursor: pointer; } #addDocument .modal-body .add-document-step { top: 40px; position: absolute; left: 20px; right: 20px; width: auto; } #addDocument .modal-body .add-document-step h5 { font-size: 18px; font-weight: 400; margin-bottom: 22px; } #addDocument .modal-body .add-document-step h5 span { font-weight: 600; } #addDocument .modal-body #add-document-step-1 { padding-top: 30px; } #addDocument .modal-body #add-document-step-3 { padding-top: 30px; } #addDocument .modal-body #add-document-step-3 h5 { font-weight: 600; margin-top: 3px; margin-bottom: 8px; } #addDocument .modal-body .form-group { margin: 0px; } #addDocument .modal-body .form-control { border-color: #ffcc03; border-radius: 30px; height: 38px; box-shadow: none; } #editPlanAddDocument .modal-body { border: none; padding: 30px 30px 20px 30px; min-height: 280px; } #editPlanAddDocument .modal-body .yellow-circle { background: #ffcc03; color: #ffffff; border-radius: 50%; width: 52px; height: 52px; font-size: 44px; line-height: 52px; text-align: center; margin: 0px auto 26px auto; } #editPlanAddDocument .modal-body .green-circle { background: #66cc00; color: #ffffff; border-radius: 50%; width: 52px; height: 52px; font-size: 36px; line-height: 55px; text-align: center; margin: 10px auto 26px auto; } #editPlanAddDocument .modal-body h3#edit-plan-add-file { margin: 34px 0px 10px 0px; cursor: pointer; } #editPlanAddDocument .modal-body .add-document-step { top: 40px; position: absolute; left: 20px; right: 20px; width: auto; } #editPlanAddDocument .modal-body .add-document-step h5 { font-size: 18px; font-weight: 400; margin-bottom: 22px; } #editPlanAddDocument .modal-body .add-document-step h5 span { font-weight: 600; } #editPlanAddDocument .modal-body #add-document-step-1 { padding-top: 30px; } #editPlanAddDocument .modal-body #add-document-step-3 { padding-top: 30px; } #editPlanAddDocument .modal-body #add-document-step-3 h5 { font-weight: 600; margin-top: 3px; margin-bottom: 8px; } #editPlanAddDocument .modal-body .form-group { margin: 0px; } #editPlanAddDocument .modal-body .form-control { border-color: #ffcc03; border-radius: 30px; height: 38px; box-shadow: none; } #editMemory .modal-body .form-group { margin: 0px; } #editMemory .modal-body .form-control { border-color: #ffcc03; border-radius: 30px; height: 38px; box-shadow: none; } #editMemory #editMemoryContent img { margin: 0px auto 30px auto; } #editPlanAddMemoryForm .modal-body .add-memory-step h5 { font-size: 18px; font-weight: 400; margin-bottom: 22px; } #editPlanAddMemoryForm .modal-body .add-memory-step h5 span { font-weight: 600; } #editMemory .modal-body {padding: 30px 30px 30px 30px; } /** Modals **/ #questionInfo .modal-body h2 { margin: 0px 0px 10px 0px; } #webpagePreview .modal-lg { width: 85%; } #webpagePreview .modal-body { padding: 40px 40px 20px 40px; } #webpagePreview .modal-body iframe { border: 1px #ccc solid; border-radius: 10px; min-height: 600px; } /** Modals **/ #selectMemory .modal-dialog { width: 90%; max-width: 940px; margin-left: auto; margin-right: auto; } #selectMemory .modal-body { min-height: 510px; } #selectMemory .modal-body h2 { font-size: 30px; line-height: 40px; margin: 0px 0px 0px 0px; } #selectMemory .modal-body h3 { color: #666; font-size: 24px; line-height: 30px; margin: 0px 0px 30px 0px; } #selectProfilePicture .modal-dialog { width: 90%; max-width: 940px; margin-left: auto; margin-right: auto; } #selectProfilePicture .modal-body { min-height: 510px; } #selectProfilePicture .modal-body h2 { font-size: 30px; line-height: 40px; margin: 0px 0px 0px 0px; } #selectProfilePicture .modal-body h3 { color: #666; font-size: 24px; line-height: 30px; margin: 0px 0px 30px 0px; } #selectMultipleMemories .modal-dialog { width: 90%; max-width: 940px; margin-left: auto; margin-right: auto; } #selectMultipleMemories .modal-body { min-height: 510px; } #selectMultipleMemories .modal-body h2 { font-size: 30px; line-height: 40px; margin: 0px 0px 0px 0px; } #selectMultipleMemories .modal-body h3 { color: #666; font-size: 24px; line-height: 30px; margin: 0px 0px 30px 0px; } #selectMemories .modal-dialog { width: 90%; max-width: 940px; margin-left: auto; margin-right: auto; } #selectMemories .modal-body { min-height: 510px; } #selectMemories .modal-body h2 { font-size: 30px; line-height: 40px; margin: 0px 0px 0px 0px; } #selectMemories .modal-body h3 { color: #666; font-size: 24px; line-height: 30px; margin: 0px 0px 30px 0px; } #selectPlanContacts .modal-dialog { width: 90%; max-width: 1020px; margin-left: auto; margin-right: auto; } #selectPlanContacts .modal-body h2 { font-size: 30px; line-height: 40px; margin: 0px 0px 0px 0px; } #selectPlanContacts .modal-body h3 { color: #666; font-size: 24px; line-height: 30px; margin: 0px 0px 30px 0px; } #selectPlanContacts .modal-body .select-list { min-height: 200px; } #selectMultipleContacts .modal-dialog { width: 90%; max-width: 1020px; margin-left: auto; margin-right: auto; } #selectMultipleContacts .modal-body h2 { font-size: 30px; line-height: 40px; margin: 0px 0px 0px 0px; } #selectMultipleContacts .modal-body h3 { color: #666; font-size: 24px; line-height: 30px; margin: 0px 0px 30px 0px; } #selectselectMultipleContactsPlanContacts .modal-body .select-list { min-height: 200px; } #updateSingleContact .modal-dialog { width: 90%; max-width: 1020px; margin-left: auto; margin-right: auto; } #updateSingleContact .modal-body h2 { font-size: 30px; line-height: 40px; margin: 0px 0px 0px 0px; } #updateSingleContact .modal-body h3 { color: #666; font-size: 24px; line-height: 30px; margin: 0px 0px 30px 0px; } #updateSingleContact .modal-body .select-list { min-height: 200px; } #selectDocument .modal-dialog { width: 90%; max-width: 940px; margin-left: auto; margin-right: auto; } #selectDocument .modal-body { min-height: 510px; } #selectDocument .modal-body h2 { font-size: 30px; line-height: 40px; margin: 0px 0px 0px 0px; } #selectDocument .modal-body h3 { color: #666; font-size: 24px; line-height: 30px; margin: 0px 0px 30px 0px; } #selectMultipleDocuments .modal-dialog { width: 90%; max-width: 940px; margin-left: auto; margin-right: auto; } #selectMultipleDocuments .modal-body { min-height: 510px; } #selectMultipleDocuments .modal-body h2 { font-size: 30px; line-height: 40px; margin: 0px 0px 0px 0px; } #selectMultipleDocuments .modal-body h3 { color: #666; font-size: 24px; line-height: 30px; margin: 0px 0px 30px 0px; } #sharePlan .modal-body h2 { margin: 0px 0px 10px 0px; } #sharePlan .modal-body p { margin-bottom: 30px; } #sharePlan .modal-body #sharePlanPeople { max-height: 172px; overflow-y: scroll; } /** Modals **/ #selectContacts #selectContactsPeople { max-height: 258px; overflow-y: scroll; } #planFinishedAlert .modal-body .btn { min-width: 352px; padding: 12px 15px; margin: 0px 0px 0px 0px; } #savePlan .modal-body h2 { margin: 0px 0px 10px 0px; } #savePlan .modal-body .green-circle { background: #009900; color: #ffffff; border-radius: 50%; width: 70px; height: 70px; font-size: 46px; line-height: 72px; margin: 5px auto 18px auto; text-align: center; } /** Directors Update Alert **/ #directorsUpdateAlert .modal-body h3 { margin: 0px 0px 8px 0px; } #directorsUpdateAlert .modal-body h4 { margin: 0px auto 24px auto; width: 100%; max-width: 380px; } #directorsUpdateAlert .modal-body .btn { padding: 12px 20px; } #directorsUpdateAlert .modal-footer { padding: 0px 0px 18px 0px; } /** Request Quote **/ #requestQuote .modal-body ul { list-style: none; padding: 0px; margin: 0px 0px 15px 0px; } #requestQuote .modal-body ul li { font-size: 15px; padding: 8px 0px; border-top: 1px #ccc solid; } #requestQuote .modal-body ul li:last-child { border-bottom: 1px #ccc solid; } /** Preview Quote **/ #previewQuote .modal-dialog { width: 96%; max-width: 1500px; } /** Quote Messages Modal **/ #addMessage .modal-body .alert { margin: 0px -15px 25px -15px; border-radius: 0px; } #addMessage .modal-body .green-circle { background: #009900; color: #ffffff; border-radius: 50%; width: 62px; height: 62px; font-size: 42px; line-height: 65px; text-align: center; margin: 10px auto 16px auto; } #addMessage .modal-body h4 { color: #009900; margin-bottom: 15px; } #viewMessage .modal-body table { width: 100%; } #viewMessage .modal-body table td { font-size: 16px; text-align: left; } /** Quote Imcomplete fields **/ #quoteIncompleteFields .modal-body h2 { margin-bottom: 15px; } #quoteIncompleteFields .modal-body ul { list-style: none; padding: 0px; margin: 0px auto 25px auto; width: 100%; max-width: 520px; } #quoteIncompleteFields .modal-body ul li { font-size: 15px; padding: 8px 0px; border-top: 1px #ccc solid; } #quoteIncompleteFields .modal-body ul li:last-child { border-bottom: 1px #ccc solid; } /** Modal PDF Viewer **/ .modal.pdf .modal-dialog { width: 100%; max-width: 760px; } .modal.pdf iframe { width: 100%; height: 500px; border: 1px #ccc solid; } @media screen and (max-width: 1200px) { /** Header **/ #header .nav .nav-item { margin-left: 30px; } #header .nav .nav-item:last-child { margin-left: 20px; } /** Dashboard-panels **/ .dashboard-panel-2 { background-position: -800px 50px; } .dashboard-panel-2 h4 { font-size: 18px; line-height: 26px; } /** Plan Feature **/ .plan-feature.question-step { padding: 0px 23px 10px 23px; } .plan-feature .text-section h3 { font-size: 22px; } .plan-feature .more-icon { margin-top: -4px; right: 20px; } .plan-feature.memory-vault { min-height: 0px; } .plan-feature.document-vault { min-height: 0px; } .plan-feature.contact-vault { min-height: 0px; } .plan-feature .graphic-container.small { width: 25%; } .plan-feature .plan-graphic-feature img { max-height: 105px; } .plan-feature.memory { padding: 40px 50px 40px 50px; } /** Create Plan Feature **/ .create-plan-feature .content .contained-text { width: 86%; } .create-plan-feature .content .graphic-container.small.two { width: 300px; } .create-plan-feature .content .btn.back { position: relative; top: 0px; border-radius: 28px; padding: 10px 16px 8px 14px; margin: 20px 7px 10px 0px!important; } .create-plan-feature .content .btn.next { position: relative; top: 0px; border-radius: 28px; padding: 10px 14px 8px 16px; margin: 20px 0px 10px 7px!important; } .create-plan-feature .btn.show-hide .hidden-text { font-size: 18px; } /** Plan Details Listing Feature **/ .plan-details-listing-feature .text .buttons .btn-yellow { min-width: 0px; } .plan-details-listing-feature .text .progress-features { width: 40%; } .plan-details-listing-feature .text .side-features { width: 25%; } /** Plan Price Compare Feature **/ .plan-price-compare-feature .details { padding-right: 20px; } .plan-price-compare-feature .details .top p { font-size: 14px; } .plan-price-compare-feature .details .top h5 { font-size: 14px; } .plan-price-compare-feature .details .bottom p { font-size: 13px; } .plan-price-compare-feature .quote { padding: 0px 15px 10px 15px; } .plan-price-compare-feature .contact { padding: 0px 15px 10px 15px; } .plan-price-compare-feature .contact .top p { font-size: 14px; } /** Internal **/ .portal-internal-panel .plan-side-cta {padding: 20px 20px 5px 20px; } .portal-internal-panel .plan-side-cta.help p { font-size: 15px; } .create-plan-feature .select-list-container .select-memory-feature { width: 80%; } .create-plan-feature .select-list-container .select-document-feature { width: 80%; } .plan-graphic-feature.full-width.big p { font-size: 17px; } .vault-feature .btn { padding: 10px 10px; } /** Directors **/ .plan-feature.directors .text-section { background-size: 210px !important; } /** Quotes **/ .quote-listing-feature .details .map-area { padding-top: 40px; } .quote-listing-feature .details .map { height: 290px; } } @media screen and (max-width: 1199px) { .portal-internal-panel.dashboard .bottom { padding: 0px 15px; } } @media screen and (max-width: 1080px) { .plan-graphic-feature.big.directors h4 { font-size: 21px; line-height: 27px; } } @media screen and (max-width: 1040px) { .plan-details-listing-feature .text .details-features { width: 32%; } .plan-details-listing-feature .text .progress-features { width: 46%; } .plan-details-listing-feature .text .side-features { width: 22%; padding-left: 0px; } .plan-details-listing-feature .image-circle { width: 160px; height: 160px; margin: 22px auto 0px auto; } .plan-details-listing-feature .text ul li h5 { font-size: 19px; } .plan-quote-directors-text .btn { font-size: 15px; padding: 10px 14px; } } @media screen and (max-width: 1015px) { .plan-feature .text-section { background: none!important; } .plan-feature .text-section h4 + p { padding-right: 0px; } } @media screen and (max-width: 991px) { /** Header **/ #header .mobile-elements { margin-top: 23px; } #header.scrolled .mobile-elements { margin-top: 23px; } #header.portal.small.plan .container { padding: 0px 30px; } .information-tooltip { position: relative; top: 2px; } .info-icon { margin-left: 4px; } /** Dashboard-panels **/ .dashboard-panel-1 h4 { font-size: 20px; line-height: 26px; } .dashboard-panel-2 { background-position: -850px 50px; padding: 50px 0px 100px 0px; margin-top: 0px; } /** Portal Internal Header **/ .portal-internal-header.create .text { width: 700px; float: none; margin: auto; text-align: center; min-height: 55px; margin-bottom: 12px; } .portal-internal-header.create .buttons { width: 700px; float: none; margin: auto; text-align: center; } .progress-steps { margin: auto; display: inline-block; float: none; } .progress-steps .progress-steps-item { text-align: left; } .portal-internal-header.fixed .text h3 { font-size: 24px; } .portal-internal-header.fixed .buttons .btn { font-size: 15px; } .portal-internal-header .buttons .btn { min-width: 0px!important; padding: 10px 14px; } /** Plan Feature **/ .plan-feature { margin-left: auto; margin-right: auto; } .left .plan-feature { max-width: 650px; } .plan-feature.profile-details { max-width: 650px; margin-left: auto; margin-right: auto; } .plan-feature.details { max-width: 650px; margin-left: auto; margin-right: auto; } .plan-feature .text-section .no-pad-left { padding-left: 0px; padding-right: 0px; } .plan-feature .text-section .no-pad-right { padding-left: 0px; padding-right: 0px; } .plan-feature .text-section h4 { font-size: 22px; line-height: 28px; } .plan-feature .text-section h4 + p.no-margin { min-height: 0px; margin-bottom: 23px; } .plan-feature .field-section .no-pad-left { padding-left: 15px; padding-right: 15px; } .plan-feature .field-section .no-pad-right { padding-left: 15px; padding-right: 15px; } .plan-feature .field-section .col-3-left { padding-left: 15px; padding-right: 15px; } .plan-feature .field-section .col-3-center { padding-left: 15px; padding-right: 15px; } .plan-feature .field-section .col-3-right { padding-left: 15px; padding-right: 15px; } .plan-feature.alert .text-section h4 { padding: 0px 20px; } .profile-details .progress-feature .plan-progress { margin: 0px; } .profile-details .progress-feature .image-circle { margin: 33px 55px; } .profile-details .progress-feature .edit-circle { position: absolute; left: 230px; } .profile-details .progress-feature #static-progress-percentage { text-align: left; padding-left: 47px; } /** Plan Details Listing Feature **/ .plan-details-listing-feature { min-height: 0px; } .plan-details-listing-feature .text .buttons .btn { font-size: 16px; line-height: 16px; padding: 10px 14px; } /** Plan Price Compare Feature **/ .plan-price-compare-feature .details { padding-right: 15px; border-right: 0px; } .plan-price-compare-feature .details .top .image-circle { width: 90px; height: 90px; } .plan-price-compare-feature .details .top h4 { padding-top: 5px; } .plan-price-compare-feature .details .bottom { border-bottom: 1px #ccc solid; padding-bottom: 10px; margin-bottom: 20px; } .plan-price-compare-feature .bottom .buttons { margin-top: 10px; float: none; } .plan-price-compare-feature .bottom .buttons .btn { margin-left: 0px; margin-right: 15px; } .plan-price-compare-feature .bottom .rating { margin-top: 25px } /** Internal **/ .header-feature-box {background-size: 400px !important; } .portal-plan-sub-header .details { padding-top: 100px; } .portal-plan-sub-header h4 { font-size: 22px; line-height: 28px; } .portal-plan-sub-header h5 { font-size: 15px; line-height: 22px; } .portal-plan-header { padding-top: 50px; } .portal-internal-header .right.text { text-align: center; } .portal-internal-panel .title.left { margin-bottom: 10px; margin-top: 6px; } .portal-internal-panel .plan-documents-feature { padding: 20px; } .portal-internal-panel .plan-documents-feature label { font-size: 12px; line-height: 18px; } .portal-internal-panel .plan-documents-feature h5 { font-size: 15px; line-height: 23px; } .plan-graphic-feature.full-width.big p { color: #666; font-size: 16px; } .portal-internal-panel .verify { width: 82%; } .header-feature-box h4 { font-size: 18px; line-height: 24px; padding-right: 100px; } .vault-feature .image { width: 90%; } .vault-feature h5 {font-size: 18px; line-height: 24px; } .vault-feature h4 { font-size: 18px; line-height: 26px; margin-top: 16px; } .vault-feature .btn { font-size: 16px; line-height: 14px; padding: 10px 10px; } .quote-details-feature { padding: 30px 15px 32px 15px; } .quote-details-feature.funeral-plan-details { padding: 30px 0px 32px 0px; } /** Create Plan Feature **/ .create-plan-feature .top-content h4 { font-size: 25px; line-height: 31px; padding: 0px; margin-bottom: 10px; } .create-plan-feature .top-content h5 { font-size: 20px; line-height: 26px; padding: 0px; } .create-plan-feature .top-content.landing-screen { min-height: 504px; } .create-plan-feature .top-content.landing-screen .btn { margin: 0px 7.5px 12px 7.5px; } .create-plan-feature .top-buttons .help-icon { right: 30px; top: 15px; } .create-plan-feature .content .graphic-container { min-height: 235px; width: 230px; } .create-plan-feature .content .plan-graphic-feature { width: 85%; } .create-plan-feature .content .plan-graphic-feature:hover { width: 92%; } .create-plan-feature .content .graphic-container.one-line .plan-graphic-feature:hover { width: 92%; } .create-plan-feature .content .plan-graphic-feature h4 { font-size: 19px; line-height: 25px; } .create-plan-feature .select-list-container .select-memory-feature { width: 85%; } .create-plan-feature .select-list-container .select-document-feature { width: 85%; } .create-plan-feature .top-content.step-1 h4 { padding: 0px 70px; } .create-plan-feature .content input.list-add { width: 90%; } .create-plan-feature .content .btn.list-add-click { width: 8%; } .create-plan-feature .footer-content .footer-text { width: 92%; } /** Modals **/ #webpagePreview .modal-lg { width: 96%; } } @media screen and (max-width: 960px) { .create-plan-feature .select-list-container { width: 50%; } .modal-body .select-list-container { width: 50%; } } @media screen and (max-width: 920px) { .plan-details-listing-feature .text ul li p { font-size: 15px; } .plan-details-listing-feature .text ul li h5 { font-size: 17px; } .plan-details-listing-feature .text .progress-features li h5 { margin: 0px 0px 2px 0px; } } @media screen and (max-width: 860px) { .header-feature-box { background: #666!important; } .header-feature-box h4 { padding-right: 0px; } } @media screen and (max-width: 850px) { /** Plan Details Listing Feature **/ .plan-details-listing-feature { padding: 25px 20px 20px 20px; } .plan-details-listing-feature.start.alert { padding: 25px 40px 20px 40px; } .plan-details-listing-feature .text .details-features { width: 40%; } .plan-details-listing-feature .text .progress-features { width: 60%; } .plan-details-listing-feature .text .side-features { display: none; } .plan-details-listing-feature .top-circle { display: block; } .plan-details-listing-feature .text .buttons .btn { font-size: 14px; line-height: 14px; padding: 10px 10px; margin: 0px 7px 0px 0px; } .plan-details-listing-feature .image-circle { width: 140px; height: 140px; margin: 0px auto 20px auto; } .plan-details-listing-feature .text .progress-features li {margin-bottom: 18px; } .plan-details-listing-feature .text ul li h5 { font-size: 20px; } .plan-details-listing-feature .text .progress-features li h5 { margin: 0px 0px 4px 0px; } } @media screen and (max-width: 830px) { /** Modals **/ .modal-lg { width: 85%; } .modal-body { padding: 30px 20px 30px 20px; } .modal-body .alert {margin: -30px -20px 30px -20px; } .modal-body h2 { font-size: 22px; } #addMessage .modal-body .alert { margin: 0px -5px 25px -5px; } /** Internal **/ .portal-internal-panel .verify { width: 90%; } /** Plan Details Listing Feature **/ } @media screen and (max-width: 767px) { /** Portal Header **/ #header.small.plan .nav-right .btn-yellow-keyline-white { display: none; } #header.small.plan .nav-right .btn-yellow-keyline-white.share { display: inline-block; } /** Portal Internal Header **/ .portal-internal-header .text { float: none; } .portal-internal-header .buttons { float: none; margin-top: 15px; } .portal-internal-header .buttons .btn { margin: 0px 10px 10px 0px; } .portal-internal-header .buttons .btn:last-child { margin: 0px 0px 10px 0px; } /** Info Side Panel **/ .info-side-panel { margin-top: 30px; float: none; margin-left: auto; margin-right: auto; } /** Dashboard-panels **/ .dashboard-panel-1 { background: #666; padding: 160px 0px 50px 0px; text-align: center; min-height: 0px; } .dashboard-panel-1 h4 { padding-right: 0px; } .dashboard-panel-1 .btn-yellow-keyline-clear { font-size: 15px; line-height: 15px; padding: 10px 14px; } .portal-internal-panel.dashboard .top h2 { font-size: 34px; line-height: 40px; } .portal-internal-panel.dashboard .top p { font-size: 20px; line-height: 26px; } .portal-internal-panel.dashboard .bottom { margin-top: 40px; padding: 0px 70px; } .plan-graphic-feature.full-width.dashboard { max-width: 350px; margin-left: auto; margin-right: auto; } .plan-graphic-feature.full-width.dashboard p { padding: 0px 20px; } .plan-graphic-feature.big.directors { min-height: 0px; } .portal-internal-panel.dashboard h4.title { font-size: 24px; line-height: 28px; margin-bottom: 20px; } .portal-internal-panel.dashboard .text-right { text-align: left; } .portal-internal-panel.dashboard .text-right p.title { line-height: 2px; margin-bottom: 35px; } .dashboard-panel-2 { background: #ffffff; padding: 50px 0px 50px 0px; min-height: 0px; text-align: center; } .dashboard-panel-2 h4 { padding-right: 0px; } .dashboard-panel-2 p { padding-right: 0px; } /** Plan Details Listing Feature **/ .plan-details-listing-feature.shared img { width: 120px; margin: 0px 0px 15px 0px; float: none; } .portal-internal-panel.dashboard .features .col-xs-12 { padding-left: 15px; padding-right: 15px; } /** Plan Price Compare Feature **/ .plan-price-compare-feature .quote { border: none; } .plan-price-compare-feature .contact .top { border-top: 1px #ccc solid; padding-top: 20px; margin-top: 15px; } /** Plan Feature **/ .plan-feature { padding: 0px 5px 0px 5px; } .plan-feature .text-section { background: none!important; padding: 18px 0px 0px 0px; } .plan-feature .text-section .checklist { min-height: 0px; padding-bottom: 70px; } .plan-feature .text-section h4 + p.no-margin { margin-bottom: 0px; padding-bottom: 35px; } .plan-feature.open .text-section .checklist { padding-bottom: 35px; } .plan-feature.open .text-section h4 + p.no-margin { padding-bottom: 35px; } .plan-feature .field-section .empty-label { margin-top: 0px; } .plan-feature .append-multile-memories .col-sm-4 { width: 50%; } .plan-feature .append-multile-contacts .col-sm-4 { width: 50%; } .plan-feature .append-multile-documents .col-sm-4 { width: 50%; } .plan-feature .append-contact-list-items .col-sm-4 { width: 33.3%; } .plan-feature .graphic-container.small { width: 33.3%; } .plan-feature.memory { padding: 40px 25px 40px 25px; } /** Internal **/ .portal-internal-panel .title.left { margin-bottom: 10px; margin-top: 10px; float: none; } .portal-internal-panel .title.left + ul { float: none; } .portal-internal-header .text p.filters { font-size: 18px; } .portal-internal-header .text p.filters a { padding: 0px 2px 0px 5px; } .portal-internal-panel .plan-section-title h3 { margin-bottom: 10px; } .portal-internal-panel .plan-section-title h5 { font-size: 18px; line-height: 24px; padding: 0px 15px; } .contacts-feature { min-height: 0px; } .portal-internal-header .text h4 { font-size: 20px; line-height: 26px; } .portal-internal-header.create .text { width: 100%; } .portal-internal-header.create .buttons { width: 100%; } .portal-plan-sub-header h5 .divide { display: none!important; } .header-feature-box .help-icon { right: 0px; top: -15px; } .progress-steps .progress-steps-item { margin-bottom: 20px; margin-left: 0px; width: 45%; } .progress-steps .progress-steps-item:first-child + .progress-steps-item { margin-left: 30px; } .portal-internal-panel.dashboard { padding: 40px 0px 60px 0px; } .portal-internal-panel .plan-side-cta { max-width: 100%; float: none; } .portal-internal-panel .plan-documents-feature { padding: 20px 20px 5px 20px; } .portal-internal-panel .plan-documents-feature .section { width: 100%; float: none; padding: 0px; margin: 0px 0px 15px 0px; } .portal-internal-panel .plan-documents-feature .section.more { float: none; position: absolute; top: 10px; right: 15px; } .header-feature-box { padding: 28px 25px 18px 25px; } .header-feature-box .btn { margin-bottom: 12px; } .vault-feature { width: 49.5%; } .plan-graphic-feature.full-width.big { min-height: 0px; } .plan-graphic-feature.full-width.big img { position: relative; margin-top: 25px; } .create-plan-feature .top-content h4 { margin-bottom: 0px; } .create-plan-feature .top-content h5 { margin-top: 0px; } .create-plan-feature .top-content.step-1 h4 { padding: 0px 30px; } .create-plan-feature .top-content.landing-screen h2 { font-size: 40px; line-height: 46px; } .create-plan-feature .content .contained-text { width: 95%; } .create-plan-feature .content h4 { font-size: 25px; line-height: 30px; margin-bottom: 7px; } .create-plan-feature .content h5 { margin-bottom: 25px; } .create-plan-feature .content .form-control.empty-label { margin-top: 0px; } .create-plan-feature .select-list .contacts-feature.small { margin: 0px; } .create-plan-feature .content .final h3 { font-size: 24px; line-height: 30px; margin-bottom: 30px; padding: 0px 10px; } .create-plan-feature .content .final .btn.view { font-size: 15px; padding: 10px; } .create-plan-feature .footer-content .buttons .btn { width: 124px; margin: 0px 7.5px; } .create-plan-feature .footer-content .footer-text { width: 80%; } .create-plan-feature .footer-content .step-1 .btn { margin-bottom: 15px; } .create-plan-feature .footer-content .extra-buttons { top: 0px; margin-top: 15px; min-height: 46px; } .create-plan-feature .footer-content .extra-buttons .left-btn { position: relative; float: none; left: 0px; } .create-plan-feature .footer-content .extra-buttons .right-btn { position: relative; float: none; right: 0px; } .create-plan-feature .footer-content .extra-buttons .btn { width: 124px; padding: 14px 28px; font-size: 18px; line-height: 16px; margin: 0px 7.5px; } .create-plan-feature .top-content.finish-plan h2 { font-size: 34px; margin-bottom: 15px; } .create-plan-feature .content.internal-landing { padding-bottom: 30px; } .create-plan-feature .content.type .plan-type { width: 95%; } .create-plan-feature .content.type .border-right { border-right: 0px; border-bottom: 1px #ccc solid; padding-bottom: 30px; margin-bottom: 30px; } .portal-internal-panel .table-fields { width: 100%!important; padding: 0px; margin-bottom: 12px; } .portal-internal-panel .fieldlist-add-click { font-size: 28px; padding: 10px 10px; margin: 10px 0px 15px 0px !important; float: none; width: 25%!important; } .plan-quote-directors-text { padding-top: 0px; margin-top: -25px; } .portal-internal-panel .map-sort-buttons { padding-top: 25px; } .portal-internal-panel.checkout-form .form .form-group { margin-bottom: 10px; } .quote-listing-feature { padding: 30px 20px 32px 20px; } .quote-listing-feature .info .col-xs-12 { padding-bottom: 25px; } .quote-listing-feature .info .col-xs-12:last-child { padding-bottom: 0px; } .quote-listing-feature .details .price { padding-top: 40px; } .quote-listing-feature .details p { font-size: 14px; } .quote-listing-feature .buttons .btn { display: block; width: 100%; max-width: 300px; margin: auto auto 15px auto; } .table-responsive { overflow-y: scroll; padding: 10px; } /** Footer **/ footer .footer-bottom.portal .left ul { text-align: center; margin-bottom: 20px; } footer .footer-bottom.portal .left ul li { font-size: 18px; padding: 0px; float: none; } footer .footer-bottom.portal .left p { font-size: 16px; text-align: center; } footer .footer-bottom .right img { margin: auto; } /** Modals **/ .modal-dialog { margin: 60px 30px 30px 30px; } .planner .modal-dialog { margin: 60px auto 30px auto; padding: 0px 30px; } .modal-body p br { display: none; } .modal-body .alert h2 { font-size: 14px; line-height: 18px; } .modal-body .form-group { margin-bottom: 20px!important; } .planner .modal-body { padding: 36px 24px 34px 24px!important; } .planner .modal-body .close { right: 8px; top: 8px; } .planner .modal-body h2 { margin-bottom: 20px; } .planner .modal-body .overflow-text { overflow-y: scroll; -webkit-overflow-scrolling: touch } .planner .modal-body .inline-info { overflow-y: scroll; margin-bottom: 20px; -webkit-overflow-scrolling: touch } #addDocument .modal-body { min-height: 390px; } #addDocument .modal-body h3#add-file { margin-top: 75px; } #editPlanAddDocument .modal-body { min-height: 390px; } #editPlanAddDocument .modal-body h3#edit-plan-add-file { margin-top: 75px; } #addMemory .modal-body { min-height: 390px; } #addMemory .modal-body h4 { font-size: 24px; line-height: 30px; } #addMemory .modal-body h3#add-picture { margin-top: 75px; } #editPlanAddMemory .modal-body { min-height: 390px; } #editPlanAddMemory .modal-body h4 { font-size: 24px; line-height: 30px; } #editPlanAddMemory .modal-body h3#edit-plan-add-picture { margin-top: 75px; } #sharePlan .modal-body .checkbox { height: 36px; } #sharePlan .modal-body .checkbox label::before { width: 35px; height: 35px; } #sharePlan .modal-body .checkbox label::after { width: 35px; height: 35px; font-size: 25px; padding-left: 5px; padding-top: 10px; } #sharePlan .modal-body .checkbox label { font-size: 16px; line-height: 19px; padding-left: 28px; } #sharePlan .modal-body .checkbox label .invite-sent { font-size: 14px!important; } #sharePlan .modal-body .checkbox label.not-shared { margin-top: 10px; } #sharePlan .modal-body .checkbox label.not-shared::before { margin-top: -8px; } #sharePlan .modal-body .checkbox label.not-shared::after { padding-top: 3px; } #webpagePreview .modal-lg.modal-dialog { margin: 60px auto 30px auto; } #webpagePreview .modal-body { padding: 50px 20px 20px 20px; } /** Preview Quote **/ #previewQuote .modal-dialog { margin: 60px auto 30px auto; } } @media screen and (max-width: 698px) { /** Plan Details Listing Feature **/ .plan-details-listing-feature .text { text-align: center; } .plan-details-listing-feature .text .details-features { width: 100%; float: none; margin: 0px auto 20px auto; text-align: center; } .plan-details-listing-feature .text ul li h5 { font-size: 19px; } .plan-details-listing-feature .text .progress-features { width: 100%; max-width: 380px; float: none; margin: 0px auto 20px auto; } .plan-details-listing-feature .text .progress-features li { padding: 0px; margin-bottom: 27px; } .plan-details-listing-feature .text .progress-features li h5 { margin: 0px; } .plan-details-listing-feature .text .progress-features li h6 { display: inline-block; padding-left: 10px; } .plan-details-listing-feature .text .progress-features li h6.green { padding-left: 5px; } .plan-details-listing-feature .text .progress-features li i { left: 0px!important; display: inline-block; position: relative; } .plan-details-listing-feature .text .buttons .btn { width: 100%; margin: 0px 0px 12px 0px!important; float: none!important; } .plan-details-listing-feature .text .buttons .btn:last-child { margin: 0px!important; } /** Plan Price Compare Feature **/ .plan-price-compare-feature .bottom .buttons .btn { width: 100%; margin: 0px 0px 15px 0px; } /** Internal **/ .portal-internal-panel .verify { width: 94%; } .create-plan-feature .top-buttons .help-icon .icon { width: 40px; height: 36px; background-size: 40px; } .create-plan-feature .top-buttons .help-icon:hover .icon { width: 40px; height: 36px; background-size: 40px; } .create-plan-feature .top-content.internal { padding: 30px 25px 0px 25px; } .create-plan-feature .top-content.internal h5 { font-size: 32px; line-height: 36px; margin-bottom: 10px; } .create-plan-feature .content { padding: 30px 10px; } .create-plan-feature .content input.list-add { width: 87%; } .create-plan-feature .content .btn.list-add-click { width: 10%; } .create-plan-feature .top-content.landing-screen { padding-left: 15px; padding-right: 15px; } .create-plan-feature .top-content.finish-plan h2 { font-size: 30px; line-height: 36px; } .create-plan-feature .top-content.finish-plan h3 { font-size: 24px; line-height: 30px; } .create-plan-feature .top-content.finish-plan p { font-size: 22px; line-height: 28px; } } @media screen and (max-width: 670px) { .create-plan-feature .footer-content .footer-text { width: 96%; } .modal-body .select-list { max-height: 334px; overflow-x: hidden; overflow-y: scroll; } .modal-body .select-list-container { width: 100%; display: block; } .modal-body .select-list-container.half { width: 100%; } .modal-body .content.internal-landing.list .col-xs-12 { padding: 0px; } .plan-feature .append-multile-contacts .col-sm-4 { width: 100%; } .croppie-container .cr-boundary { max-width: 100%; } } @media screen and (max-width: 650px) { .portal-internal-panel.dashboard .bottom { padding: 0px 15px; } /** Internal **/ .create-plan-feature .select-list { width: 100%; max-height: 334px; overflow-x: none; overflow-y: scroll; } .create-plan-feature .select-list-container { width: 100%; display: block; } .create-plan-feature .select-list-container:last-child { margin: auto auto 0px auto; } .create-plan-feature .select-list-container .select-memory-feature { width: 90%; } .create-plan-feature .select-list-container .select-document-feature { width: 90%; } .create-plan-feature .top-content.internal-landing h2 { font-size: 40px; line-height: 46px; } .create-plan-feature .content .btn.back.finished-previous-section { min-width: 354px; margin: 70px 0px 0px 0px !important; } .create-plan-feature .content .btn.next.view-tailored-plan { min-width: 354px; margin: -200px 0px 0px 0px !important; } .create-plan-feature .top-content h5 { font-size: 18px; line-height: 24px; } .plan-details-listing-feature.start h4 { font-size: 28px; line-height: 36px; } .plan-quote-feature .btn { padding: 10px 14px; font-size: 16px; } .plan-feature .buttons-center .btn.contact-list-create { font-size: 14px; } .plan-feature .buttons-center .btn.contact-list-select { font-size: 14px; } } @media screen and (max-width: 600px) { #header.small.plan img { width: 76px; } #header.portal.small.plan.internal .nav-right .btn { font-size: 12px; line-height: 13px; padding: 10px 10px; margin-right: 5px; } .portal-internal-header.fixed .buttons .btn { font-size: 14px; padding: 10px 11px; } .plan-feature .graphic-container.small { width: 50%; } .plan-feature .append-contact-list-items .col-sm-4 { width: 50%; } .plan-price-compare-feature .details .top .image-circle { margin-right: 14px; } .plan-price-compare-feature .details .top p { font-size: 13px; } .progress-steps .progress-steps-item:first-child + .progress-steps-item { margin-left: 20px; } .progress-steps .progress-steps-item:last-child { margin-left: 20px; } /** Internal **/ .dashboard-panel-1 h4 { display: none; } .portal-internal-panel .verify { width: 98%; } .portal-internal-panel .verify h2 { font-size: 32px; line-height: 38px; } .create-plan-feature .top-content h2 { color: #ffcc03; font-size: 34px; line-height: 40px; } .create-plan-feature .content input.list-add { width: 84%; } .create-plan-feature .content .btn.list-add-click { width: 14%; } .create-plan-feature .top-content.internal h5 { font-size: 28px; line-height: 34px; padding: 0px 25px; } .create-plan-feature .top-content.step-1 h4 { padding: 0px 15px; } .create-plan-feature .top-buttons .help-icon img { width: 35px; } .create-plan-feature .content h4.upload-text { font-size: 19px; line-height: 25px; } .plan-feature.alert .text-section h4 { font-size: 19px; line-height: 25px; } .plan-feature.alert .text-section p { color: #666; font-size: 14px; line-height: 21px; } .plan-feature.alert .close { width: 26px; height: 26px; font-size: 26px; line-height: 26px; padding-left: 0px; } .table-overflow { overflow-x: auto; width: 460px; margin: auto; } .table-overflow .table { width: 150%; max-width: 150%; } .table-overflow .table td { font-size: 15px!important; } .quote-details-feature.funeral-plan-details .content-area { padding: 0px; } .quote-details-feature.funeral-plan-details .col-xs-6.sub-title-answer { width: 100%; } .quote-listing-feature .details .quote-messages table tr td { min-width: 170px; } .quote-listing-feature .details .quote-messages table tr td:last-child { min-width: 0px; } .plan-quote-directors-text .btn { font-size: 13px; padding: 10px 10px; } .quote-details-feature .top p.filters { font-size: 16px; } .quote-details-feature .top p.filters a { padding: 0px 4px; } .portal-internal-panel .top-mask h2 { font-size: 23px; line-height: 30px; } /** Footer **/ footer .footer-bottom.portal .left p { font-size: 14px; } } @media screen and (max-width: 540px) { .table-overflow { overflow-x: auto; width: 400px; margin: auto; } } @media screen and (max-width: 500px) { /** Create Plan Feature **/ .create-plan-feature .top-content { padding: 25px 22px 15px 22px; } .create-plan-feature .top-content h2 { font-size: 32px; line-height: 38px; } .create-plan-feature .top-content h4 { font-size: 20px; line-height: 26px; } /** Internal **/ .header-feature-box h2 { font-size: 28px; line-height: 34px; } .header-feature-box .help-icon .icon {width: 35px; height: 31px; background-size: 35px; } .header-feature-box .help-icon:hover .icon { background-size: 35px; } .portal-internal-panel .verify { width: auto; } .portal-internal-panel .verify .btn { font-size: 18px; line-height: 18px; padding: 10px 20px 9px 20px; } .portal-internal-header .buttons .btn { font-size: 16px; line-height: 14px; } .vault-feature { width: 100%; } .create-plan-feature .top-content.step-1 h4 { padding: 0px 0px; } .create-plan-feature .select-list .contacts-feature.small { width: 93%; } .create-plan-feature .footer-content .footer-text { width: auto; } .create-plan-feature .footer-content .footer-text .image { width: 12%; } .create-plan-feature .footer-content .footer-text .image img { width: 35px; } .create-plan-feature .footer-content .footer-text .text { padding: 0px 15px; } .plan-feature .append-contact-list-items .col-sm-4 { width: 100%; } .table-overflow { overflow-x: auto; width: 350px; margin: auto; } .table-overflow .table { width: 180%; max-width: 180%; } /** Modals **/ .modal-footer .btn { font-size: 15px; line-height: 13px; padding: 10px 14px; margin: 0px 3px; } .planner .modal-body { padding: 36px 14px 34px 14px !important; } .planner .modal-body .inline-info { font-size: 15px; line-height: 21px; } #planFinishedAlert .modal-body .btn { min-width: 100%; padding: 9px 15px; font-size: 15px; line-height: 17px; } } @media screen and (max-width: 480px) { #header.portal.small.plan img { margin-right: 4px; } .create-plan-feature .content .btn.back { font-size: 17px; line-height: 15px; min-width: 142px; } .create-plan-feature .content .btn.next { font-size: 17px; line-height: 15px; min-width: 142px; padding: 10px 9px 10px 11px; } .create-plan-feature .content .btn.back.finished-previous-section { min-width: 95%; } .create-plan-feature .content .btn.next.view-tailored-plan { padding: 10px 12px; margin: -180px 0px 0px 0px !important; min-width: 95%; } .create-plan-feature .content .single-memory-upload-step-1 .form-group { width: 90%; } .create-plan-feature .content .multiple-documents-upload-step-1 .form-group { width: 90%; } .plan-feature .image-content-feature .album-image { height: 170px; } .plan-feature .append-multile-memories .col-sm-4 { width: 70%; text-align: center; margin: auto; float: none; } .plan-feature .append-multile-documents .col-sm-4 { width: 70%; text-align: center; margin: auto; float: none; } .plan-details-listing-feature .text ul li h5 { font-size: 18px; } } @media screen and (max-width: 450px) { .table-overflow { overflow-x: auto; width: 300px; margin: auto; } } @media screen and (max-width: 420px) { .create-plan-feature .content .contained-text { width: auto; } .plan-graphic-feature.full-width.dashboard img { width: auto; } .plan-graphic-feature.full-width.dashboard h4 { font-size: 24px; line-height: 30px; } .table-overflow { overflow-x: auto; width: 270px; margin: auto; } } .modal-loader { margin: auto; } .modal .loader-chase { margin: 20px auto; width: 80px; height: 80px; position: relative; animation: loader-chase 2.5s infinite linear both; } .modal .loader-chase-dot { width: 100%; height: 100%; position: absolute; left: 0; top: 0; animation: loader-chase-dot 2.0s infinite ease-in-out both; } .modal .loader-chase-dot:before { content: ''; display: block; width: 25%; height: 25%; background-color: #fdbe19; border-radius: 100%; animation: loader-chase-dot-before 2.0s infinite ease-in-out both; } .modal .loader-chase-dot:nth-child(1) { animation-delay: -1.1s; } .modal .loader-chase-dot:nth-child(2) { animation-delay: -1.0s; } .modal .loader-chase-dot:nth-child(3) { animation-delay: -0.9s; } .modal .loader-chase-dot:nth-child(4) { animation-delay: -0.8s; } .modal .loader-chase-dot:nth-child(5) { animation-delay: -0.7s; } .modal .loader-chase-dot:nth-child(6) { animation-delay: -0.6s; } .modal .loader-chase-dot:nth-child(1):before { animation-delay: -1.1s; } .modal .loader-chase-dot:nth-child(2):before { animation-delay: -1.0s; } .modal .loader-chase-dot:nth-child(3):before { animation-delay: -0.9s; } .modal .loader-chase-dot:nth-child(4):before { animation-delay: -0.8s; } .modal .loader-chase-dot:nth-child(5):before { animation-delay: -0.7s; } .modal .loader-chase-dot:nth-child(6):before { animation-delay: -0.6s; } @keyframes loader-chase { 100% { transform: rotate(360deg); } } @keyframes loader-chase-dot { 80%, 100% { transform: rotate(360deg); } } @keyframes loader-chase-dot-before { 50% { transform: scale(0.4); } 100%, 0% { transform: scale(1.0); } } #savePlanButton { min-width: 75px; } #savePlanButtonSpinner { min-width: 75px; } .sk-fading-circle { /* margin: 100px auto; */ margin: auto; width: 38px; height: 16px; position: relative; } .sk-fading-circle .sk-circle { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sk-fading-circle .sk-circle:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #ffffff; border-radius: 100%; -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; } .sk-fading-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .sk-fading-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .sk-fading-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .sk-fading-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .sk-fading-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .sk-fading-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sk-fading-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .sk-fading-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .sk-fading-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .sk-fading-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .sk-fading-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } .sk-fading-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-fading-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-fading-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-fading-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .sk-fading-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .sk-fading-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .sk-fading-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .sk-fading-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .sk-fading-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .sk-fading-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .sk-fading-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } @keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } ::-webkit-scrollbar { width: 7px; } ::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0, 0, 0, .5); box-shadow: 0 0 1px rgba(255, 255, 255, .5); } .plan-spinner { margin: 0 auto; height: 28px; width: 28px; border: 3px solid #333; animation: rotate 0.8s infinite linear; border-right-color: transparent; border-radius: 50%; } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .button-spinner { margin: 0 auto; height: 28px; width: 28px; border: 3px solid #333; animation: rotate 0.8s infinite linear; border-right-color: transparent; border-radius: 50%; } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }