/* Global Styles */
html {
/*background:#F5F5F5;
background:#F9F9F9;*/
background:#F7F7F7;
}
body {
font-family: 'Roboto', sans-serif;
font-weight:300;
background:none;
}
/** {
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
}*/
img {
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
}
/* Form fields */
.form-control, .form-select {
border:none;
padding:10px 15px;
/*box-shadow: 0px 0px 10px #EEEEEE;*/
}
fieldset.form-fieldset .form-control, fieldset.form-fieldset .form-select {
border:1px solid #E0E0E0;
padding:10px 15px;
font-size:1em;
}
.errorMessage {
color: #f00;
margin:20px 0 20px 20px;
}
h1 {
font-size:1.5em;
font-weight:500;
color:#333;
margin:40px 0 30px 0;
}
h2 {
font-size:1.3em;
font-weight:400;
color:#333;
}
h3 {
font-size:1.3em;
font-weight:500;
color:#333;
margin:0 0 20px 0;
}
h4 {
font-size:1.1em;
font-weight:500;
color:#333;
margin:15px 0 15px 0;
}
.summarylabel {
font-weight:400;
}
.custom-footer-logo, .custom-footer-company {
display:none;
}
.fa-file-pdf {
color:#C00;
}
/*----------- Colour Scheme -------------*/
/* Header Navigation */
.header {
background:#FFF;
}
.navbar, .navbar-toggler {
color:#fff;
background:#999999;
}
.navbar-nav .nav-link {
color:#FFF;
}
.navbar-nav a:hover, .navbar-nav a.active {
color:#FFF;
background:#666;
}
.btn-primary, .btn-primary:focus,.btn-primary:not(.disabled):active:focus {
background:#999999;
box-shadow: 0px 0px 5px #CCC;
}
.btn-primary:hover {
background:#666;
}
.btn-buy, .btn-buy:focus,.btn-buy:not(.disabled):active:focus {
background:#EB7D05;
box-shadow: 0px 0px 5px #CCC;
color:#FFF;
}
.btn-buy:hover {
background:#FA890C;
color:#FFF;
}
a {
color:#333;
}
a:hover {
color:#000;
}
.page-item.active .page-link {
background-color:#999;
border-color:#999;
}
.table th {
background:#EBEBEB;
}
.card-table th {
background:#FFF;
}
/* Icons */
.button-box i {
color:#E0E0E0;
}
.button-box:hover i {
color:#CCC;
}
.fa-user {
color:#999999;
}
.fa-plus {
color:#2FBD5E;
}
/* Mobile menu */
.navbar-toggler i.fa-bars {
color:#fff;
}
/* End of mobile menu */
/*----------- Global styles -------------*/
/* Header */
.custom-logo {
display:none;
}
.company-name {
margin:0;
padding:0;
}
li.active {
color:#000;
}
.user-link {
text-decoration:none;
font-size:1em;
color:#333;
}
.user-link:hover {
color:#000;
}
.header {
padding:25px 0;
}
.navbar {
text-transform:uppercase;
padding:0;
margin:0;
font-size:0.9em;
}
.navbar-brand, .navbar-brand:hover {
color:#333;
font-weight:600;
font-size:1.6em;
}
.navbar-nav .nav-link {
padding:15px 25px !important;
margin:0;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
}
.navbar-toggler {
margin:10px 0;
border:none;
}
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
outline: none;
box-shadow: none;
}
.default-footer-strapline {
font-size:0.8em;
}
.default-footer-strapline a {
color:#333;
}
/* Property Summary Nav */
.nav .nav-link {
padding:12px 20px !important;
margin-bottom:10px;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
background:#FFF;
color:#333;
border:1px solid #CCC;
}
.nav .nav-link:hover {
background:#F4F4F4;
}
.nav .nav-link.active {
background:#999999;
color:#fff;
border:1px solid #999999;
}
/* Buttons */
.btn {
padding:8px 15px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
font-size:1em;
}
.btn-primary {
border:none;
}
.btn-default {
background:#FFF;
border:1px solid #CCC;
font-weight:300;
}
.btn-default:hover {
background:#F4F4F4;
}
.btn-buy, .btn-buy:focus,.btn-buy:not(.disabled):active:focus {
background:#EB7D05;
box-shadow: 0px 0px 5px #CCC;
color:#FFF;
padding:12px 20px;
}
/* Breadcrumbs */
ol.breadcrumb li.breadcrumb-item.active {
color:#000;
}
ol.breadcrumb li.breadcrumb-item.active {
font-weight:400;
}
.page-item.active .page-link {
border-radius:0px;
}
/* Tables */
.table {
background:#FFF;
border:1px solid #DFDFDF;
}
.table th {
padding:12px 15px;
font-weight:400;
border-bottom:1px solid #DFDFDF;
font-size:1em;
}
.table td {
padding:10px 15px 10px 15px;
}
.table td {
font-size:0.95em;
}
.table tr {
}
.card-table {
width:100%;
border-bottom:8px solid #fff;
}
.card-table th {
font-weight:400;
font-size:1.05em;
padding:10px 20px;
}
.card-table td {
padding:10px 20px 10px 20px;
border-top:1px solid #EBEBEB;
}
/* Cards */
.card {
}
.card-header {
border-bottom:1px solid #DFDFDF;
background:#EBEBEB;
font-weight:400;
font-size:1em;
padding:12px 15px;
color:#000;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
}
.card-body {
font-size:0.95em;
}
.card-body .row {
margin-bottom:5px;
}
.card-footer {
padding:10px 15px;
background:none;
}
.card-title {
margin-bottom: 0.75rem;
}
.benefits-card {
border:none;
}
.benefits-card h3 {
margin:10px 0 20px 10px;
font-weight:600;
}
.benefits-card i, .insurance-card i {
color:#00AA00;
}
.benefits-card .btn i, .insurance-card .btn i {
color:#FFF;
}
.question-block .card-header {
padding:12px 25px;
}
.question-block .card-body {
padding:25px;
}
#insurance-info h2 {
font-size:1.5em;
font-weight:500;
}
#insurance-info h3 {
font-size:1.2em;
}
#insurance-info dt {
font-weight:500;
margin-top:17px;
}
.fa-file-pdf-o {
color:#C00;
}
/* Fieldsets */
fieldset.form-fieldset {
border: 1px solid #DFDFDF !important;
padding: 0 25px 25px 25px !important;
margin: 0 0 25px 0 !important;
background:#fff;
}
legend.form-legend {
font-size: 1.2em !important;
font-weight: 500 !important;
text-align: left !important;
padding:0;
margin:20px 0 20px 0;
border-bottom:none;
}
/* Status */
.status-success {
color: #393;
}
.status-pending {
color: #F90;
}
.status-failed {
color: #C00;
}
/* Documents */
.document {
border: 1px solid #ccc;
padding-top: 10px;
padding-bottom: 10px;
}
/* Button Box */
.button-box {
display:block;
position:relative;
background:#fff;
padding:30px;
margin:0 0 25px 0;
text-decoration:none;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
box-shadow: 0px 0px 10px #EEEEEE;
}
.button-box:hover {
box-shadow: 0px 0px 10px #D2D2D2;
}
.button-box h3 {
font-size:1.2em;
color:#333;
font-weight:400;
text-decoration:none;
padding:0;
margin:0 0 15px 0;
}
.button-box p {
font-size:0.9em;
color:#666;
text-decoration:none;
padding:0;
margin:0;
}
.button-box i {
position:absolute;
font-size:60px;
top:30px;
right:30px;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
}
/* Progress Steps */
.progress-steps {
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
}
.progress-steps > li{
display: inline-block;
padding: 5px 0;
}
.progress-steps > .active {
font-weight: 600;
color:#333;
}
.progress-steps > li + li::before {
display: inline-block;
padding-right: 1rem;
padding-left: 1rem;
color: #444;
font-weight: normal;
content: ">";
}
.button-container {
padding: 10px 12px;
margin-top: 10px;
margin-bottom: 10px;
background-color: rgba(0,0,0,.03);
border-radius: 0.25rem;
}
/* Insurance */
/* Benefits Container */
.benefits-container {
/*background: url('../images/texture-bg-transparent.png') #E6EDF7 top left no-repeat;
background: url('../images/texture-bg-transparent.png') #F0F0F0 top left no-repeat;*/
}
.texture-bg {
background: url('../images/texture-bg-transparent.png') #F0F0F0 top left no-repeat;
}
.benefits-container .feature {
min-height:140px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
/*-webkit-box-shadow:0px 0px 15px #E7EEFE;
-moz-box-shadow: 0px 0px 15px #E7EEFE;
box-shadow: 0px 0px 15px #E7EEFE;*/
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.03);
}
.benefits-container .feature i {
font-size:50px;
/*color:#B7CAE8;*/
color: #DADADA;
margin:10px 0 0 0;
}
.benefits-container .feature h3 {
margin:0 0 12px 0;
padding:0;
font-size:1.2rem;
}
.benefits-container .feature p {
margin:0;
padding:0;
}
.btn-primary-buy, .btn-primary-buy:focus,.btn-primary-buy:not(.disabled):active:focus {
/*background:#EB7D05;
box-shadow: 0px 0px 5px #CCC;
color:#FFF;*/
}
.btn-primary-buy:hover {
/*background:#FA890C;
color:#FFF;*/
}
/* Insurance Quotes */
.card-premium {
border-color: #e5e5e5;
border-width: 1px;
border-radius: 5px;
text-align: center;
}
.card-premium .card-body .row {
margin-bottom:0;
}
.card-premium > .card-header {
background-color: #fff;
border: none;
}
.card-premium > .card-header > h2 {
margin: 0 0 0 0;
}
.card-premium > .card-body {
}
.landscape > .card-body {
padding-top: 20px;
padding-bottom: 20px;
}
.card-premium i {
color:#CCCCCC;
}
.selected-premium {
background:#DBFCDA;
border-color:#7DF37A;
}
.selected-premium > .card-header {
background-color: #f6f6f6;
}
.premium-price {
margin: 0 0 0 0;
padding:0 0 17px 0;
font-size: 1.4em;
color:#000;
}
.payment-frequency {
margin: 0 0 0 0;
padding:17px 0 7px 0;
font-size: 1em;
font-weight:400;
}
.premium-price-landscape {
margin: 0 0 0 0;
padding:0 0 0 0;
font-size: 1.5em;
color:#000;
}
.payment-frequency-annual, .payment-frequency-monthly {
margin: 0 0 0 0;
padding:5px 10px;
font-size: 1em;
font-weight:400;
color:#fff;
}
.payment-frequency-annual {
background:#303F9F;
}
.payment-frequency-monthly {
background:#666;
}
.selected-premium .payment-frequency-annual, .selected-premium .payment-frequency-monthly {
background:#66CC00;
}
.premium-apply {
display:inline-block;
font-size:1em;
padding:8px 15px;
text-decoration:none;
color:#333;
font-weight:400;
border:2px solid #e5e5e5;
margin:0 auto;
}
.selected-premium .premium-apply {
color:#fff;
background:#3465A4;
border:2px solid #3465A4;
}
.selected-premium i {
color:#66CC00;
}
#buy-annual, #buy-monthly {
text-decoration:none;
}
.modal-body {
font-size:0.9em;
}
/* Action Messages */
.actionMessage {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.actionMessage li {
text-align: center;
list-style-type: none;
}
/* Responsive */
@media (max-width: 1399px) {
.button-box h3 {
font-size:1.1em;
}
.button-box p {
font-size:0.9em;
}
.button-box i {
position:absolute;
font-size:40px;
top:20px;
right:20px;
}
}
@media (max-width: 1199px) {
.button-box {
padding-right:80px;
}
.button-box h3 {
font-size:1em;
}
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
h1 {
font-size:1.3em;
}
.navbar-brand, .navbar-brand:hover {
font-size:1.3em;
}
.user-link {
font-size:0.8em;
}
.button-box h3 {
font-size:1.1em;
}
.button-box p {
font-size:0.9em;
}
.button-box i {
font-size:50px;
top:30px;
right:30px;
}
}
@media (max-width: 575px) {
}
@media (max-width: 500px) {
}
@media (max-width: 400px) {
}