/* -------------------------------- Check box Style -------------------------------- */

.squaredOne { width: 28px; height: 28px; position: relative; background: #fcfff4; background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #aeaeae 100%); background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #aeaeae 100%); border-radius: 3px; margin-top: -5px; }
.squaredOne label { width: 20px; height: 20px; cursor: pointer; position: absolute; left: 4px; top: 4px; background: -webkit-linear-gradient(top, #ffffff 0%, #e1e2e2 100%); margin: 0; }
.squaredOne label:after { content: ''; width: 12px; height: 7px; position: absolute; top: 5px; left: 4px; border: 3px solid #005fe2; border-top: none; border-right: none; background: transparent; opacity: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.squaredOne label:hover::after { opacity: 0.3; }
.squaredOne input[type=checkbox] { visibility: hidden; }
.squaredOne input[type=checkbox]:checked + label:after { opacity: 1; }

.squaredTwo { width: 28px; height: 28px; position: relative; background: #fcfff4; background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #aeaeae 100%); background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #aeaeae 100%); border-radius: 3px; margin-top: -5px; }
.squaredTwo label { width: 20px; height: 20px; cursor: pointer; position: absolute; left: 4px; top: 4px; background: -webkit-linear-gradient(top, #ffffff 0%, #e1e2e2 100%); margin: 0; }
.squaredTwo label:after { content: ''; width: 12px; height: 7px; position: absolute; top: 5px; left: 4px; border: 3px solid #2052a0; border-top: none; border-right: none; background: transparent; opacity: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.squaredTwo label:hover::after { opacity: 0.3; }
.squaredTwo input[type=checkbox] { visibility: hidden; }
.squaredTwo input[type=checkbox]:checked + label:after { opacity: 1; }

.squaredThree { width: 28px; height: 28px; position: relative; background: #fcfff4; background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #aeaeae 100%); background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #aeaeae 100%); border-radius: 3px; margin-top: -5px; }
.squaredThree label { width: 20px; height: 20px; cursor: pointer; position: absolute; left: 4px; top: 4px; background: -webkit-linear-gradient(top, #ffffff 0%, #e1e2e2 100%); margin: 0; }
.squaredThree label:after { content: ''; width: 12px; height: 7px; position: absolute; top: 5px; left: 4px; border: 3px solid #2052a0; border-top: none; border-right: none; background: transparent; opacity: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.squaredThree label:hover::after { opacity: 0.3; }
.squaredThree input[type=checkbox] { visibility: hidden; }
.squaredThree input[type=checkbox]:checked + label:after { opacity: 1; }

.squaredFour { width: 28px; height: 28px; position: relative; background: #fcfff4; border: solid 2px #e1e1e1; border-radius: 3px; margin-top: -5px; }
.squaredFour label { width: 16px; height: 16px; cursor: pointer; position: absolute; left: 4px; top: 4px; background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%); margin: 0; }
.squaredFour label:after { content: ''; width: 12px; height: 7px; position: absolute; top: 3px; left: 3px; border: 3px solid #005fe2; border-top: none; border-right: none; background: transparent; opacity: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.squaredFour label:hover::after { opacity: 0.3; }
.squaredFour input[type=checkbox] { visibility: hidden; }
.squaredFour input[type=checkbox]:checked + label:after { opacity: 1; }

.squaredSml { width: 20px; height: 20px; position: relative; background: #fcfff4; border: solid 1px #e1e1e1; border-radius: 4px; display: inline-block; margin: 0px 3px; vertical-align: middle; }
.squaredSml label { width: 16px; height: 16px; cursor: pointer; position: absolute; left: -2px; top: -2px; margin: 0; }
.squaredSml label:after { content: ''; width: 12px; height: 7px; position: absolute; top: 6px; left: 6px; border: 3px solid #005fe2; border-top: none; border-right: none; background: transparent; opacity: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.squaredSml label:hover::after { opacity: 0.3; }
.squaredSml input[type=checkbox] { visibility: hidden; }
.squaredSml input[type=checkbox]:checked + label:after { opacity: 1; }


/* -------------------------------- 

Basic Crumbs Style

-------------------------------- */
.cd-breadcrumb, .cd-multi-steps { width: 90%; max-width: 768px; padding: 0.5em 1em; margin: 1em auto; border-radius: .25em; }
.cd-breadcrumb:after, .cd-multi-steps:after { content: ""; display: table; clear: both; }
.cd-breadcrumb li, .cd-multi-steps li { display: inline-block; float: left; margin: 0.5em 0; }
.cd-breadcrumb li::after, .cd-multi-steps li::after { display: inline-block; content: '\00bb'; margin: 0 .6em; }
.cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after { display: none; }
.cd-breadcrumb li > *, .cd-multi-steps li > * { display: inline-block; font-size: 0.9rem; }

.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::before { /* change custom icon using image sprites */ background-position: -20px 0; }
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::before { background-position: -40px 0; }
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::before { background-position: -60px 0; }
.cd-breadcrumb.custom-icons li.current:first-of-type > *::before, .cd-multi-steps.custom-icons li.current:first-of-type > *::before { /* change custom icon for the current item */ background-position: 0 -20px; }
.cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(2) > *::before { background-position: -20px -20px; }
.cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(3) > *::before { background-position: -40px -20px; }
.cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(4) > *::before { background-position: -60px -20px; }

@media only screen and (min-width: 768px) {
 .cd-breadcrumb, .cd-multi-steps { padding: 0 1.2em; }
 .cd-breadcrumb li, .cd-multi-steps li { margin: 1.2em 0; }
 .cd-breadcrumb li::after, .cd-multi-steps li::after { margin: 0 1em; }
 .cd-breadcrumb li > *, .cd-multi-steps li > * { font-size: 1.0rem; }
}

/* -------------------------------- 

Triangle breadcrumb

-------------------------------- */
@media only screen and (min-width: 768px) {
 .cd-breadcrumb.triangle { /* reset basic style */ background-color: transparent; padding: 0; }
 .cd-breadcrumb.triangle li { position: relative; padding: 0; margin: 4px 4px 4px 0; }
 .cd-breadcrumb.triangle li:last-of-type { margin-right: 0; }
 .cd-breadcrumb.triangle li > * { position: relative; padding: 1em .8em 1em 2.5em; /* the border color is used to style its ::after pseudo-element */ }
 .cd-breadcrumb.triangle li.current > * { /* selected step */ }
 .cd-breadcrumb.triangle li:first-of-type > * { padding-left: 1.6em; border-radius: .25em 0 0 .25em; }
 .cd-breadcrumb.triangle li:last-of-type > * { padding-right: 1.6em; border-radius: 0 .25em .25em 0; }
 .no-touch .cd-breadcrumb.triangle a:hover { /* steps already visited */ }
 .cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after { /* 
    	li > *::after is the colored triangle after each item
    	li::after is the white separator between two items
    */ content: ''; position: absolute; top: 0; left: 100%; content: ''; height: 0; width: 0; /* 48px is the height of the <a> element */ border: 24px solid transparent; border-right-width: 0; border-left-width: 20px; }
 .cd-breadcrumb.triangle li::after { /* this is the white separator between two items */ z-index: 1; -webkit-transform: translateX(4px); -moz-transform: translateX(4px); -ms-transform: translateX(4px); -o-transform: translateX(4px); transform: translateX(4px); border-left-color: #ffffff; /* reset style */ margin: 0; }
 .cd-breadcrumb.triangle li > *::after { /* this is the colored triangle after each element */ z-index: 2; border-left-color: inherit; }
 .cd-breadcrumb.triangle li:last-of-type::after, .cd-breadcrumb.triangle li:last-of-type > *::after { /* hide the triangle after the last step */ display: none; }
 .cd-breadcrumb.triangle.custom-separator li::after { /* reset style */ background-image: none; }
 .cd-breadcrumb.triangle.custom-icons li::after, .cd-breadcrumb.triangle.custom-icons li > *::after { /* 50px is the height of the <a> element */ border-top-width: 25px; border-bottom-width: 25px; }

 @-moz-document url-prefix() { .cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after;

{ /* fix a bug on Firefix - tooth edge on css triangle */ border-left-style: dashed; }
}
}
/* -------------------------------- 

Custom icons hover effects - breadcrumb and multi-steps

-------------------------------- */
@media only screen and (min-width: 768px) {
 .no-touch .cd-breadcrumb.triangle.custom-icons li:first-of-type a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:first-of-type em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:first-of-type a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:first-of-type em::before { /* change custom icon using image sprites - hover effect or current item */ background-position: 0 -40px; }
 .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(2) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(2) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(2) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(2) em::before { background-position: -20px -40px; }
 .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(3) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(3) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(3) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(3) em::before { background-position: -40px -40px; }
 .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(4) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(4) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(4) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(4) em::before { background-position: -60px -40px; }
}
/* -------------------------------- 

Multi steps indicator 

-------------------------------- */
@media only screen and (min-width: 768px) {
 .cd-multi-steps { /* reset style */ background-color: transparent; padding: 0; text-align: center; }

 .cd-multi-steps li { position: relative; float: none; margin: 0.4em 40px 0.4em 0; }
 .cd-multi-steps li:last-of-type { margin-right: 0; }
 .cd-multi-steps li::after { /* this is the line connecting 2 adjacent items */ position: absolute; content: ''; height: 4px; background: #edeff0; /* reset style */ margin: 0; }


 .cd-multi-steps li > *, .cd-multi-steps li.current > * { position: relative; }

 .cd-multi-steps.custom-separator li::after { /* reset style */ height: 4px; background: #edeff0; }

 .cd-multi-steps.text-center li::after { width: 100%; top: 50%; left: 100%; -webkit-transform: translateY(-50%) translateX(-1px); -moz-transform: translateY(-50%) translateX(-1px); -ms-transform: translateY(-50%) translateX(-1px); -o-transform: translateY(-50%) translateX(-1px); transform: translateY(-50%) translateX(-1px); }
 .cd-multi-steps.text-center li > * { z-index: 1; padding: .6em 1em; border-radius: .25em; background-color: #edeff0; }

 .cd-multi-steps.text-center.custom-icons li.visited a::before { /* change the custom icon for the visited item - check icon */ background-position: 0 -60px; }

 .cd-multi-steps.text-top li, .cd-multi-steps.text-bottom li { width: 80px; text-align: center; }
 .cd-multi-steps.text-top li::after, .cd-multi-steps.text-bottom li::after { /* this is the line connecting 2 adjacent items */ position: absolute; /*left: 50%;*/ /* 40px is the <li> right margin value */ /*width: calc(100% + 40px);*/ left: calc(50% + 5px); width: calc(100% + 35px); z-index: -1; }
 .cd-multi-steps.text-top li > *::before, .cd-multi-steps.text-bottom li > *::before { /* this is the spot indicator */ content: ''; position: absolute; z-index: 1; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: 12px; width: 12px; border-radius: 50%; background-color: #edeff0; }


 .cd-multi-steps.text-top li::after { /* this is the line connecting 2 adjacent items */ bottom: 4px; }
 .cd-multi-steps.text-top li > * { padding-bottom: 20px; }
 .cd-multi-steps.text-top li > *::before { /* this is the spot indicator */ bottom: 0; }

 .cd-multi-steps.text-bottom li::after { /* this is the line connecting 2 adjacent items */ top: 3px; }
 .cd-multi-steps.text-bottom li > * { padding-top: 20px; }
 .cd-multi-steps.text-bottom li > *::before { /* this is the spot indicator */ top: 0; }
}
/* -------------------------------- 

Add a counter to the multi-steps indicator 

-------------------------------- */
.cd-multi-steps.count li { counter-increment: steps; }

.cd-multi-steps.count li > *::before { content: counter(steps) " - "; }

@media only screen and (min-width: 768px) {
 .cd-multi-steps.text-top.count li > *::before,
 .cd-multi-steps.text-bottom.count li > *::before { /* this is the spot indicator */ content: counter(steps); height: 26px; width: 26px; line-height: 26px; font-size: 1.4rem; color: #ffffff; }

 .cd-multi-steps.text-top.count li::after { bottom: 11px; }

 .cd-multi-steps.text-top.count li > * { padding-bottom: 34px; }

 .cd-multi-steps.text-bottom.count li::after { top: 11px; }

 .cd-multi-steps.text-bottom.count li > * { padding-top: 34px; }
}

.mxWd90 { max-width: 90%!important; }
input[type="radio"] { -webkit-appearance: radio!important; }
.book-bx { border: solid 1px #e1e1e1 !important; border-radius: 6px !important; padding: 24px 48px 24px 48px; margin-top: 18px !important; -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.14) !important; -moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.14) !important; box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.14) !important; }
.bkcalender .prev-next { text-align: center!important; }
.book-bx .bkcalender { display: block; width: 216px; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); margin: 0 auto; }
.book-bx .bkcalender a { text-decoration: none; }
.book-bx .bkcalender .heading { display: block; line-height: 32px; font-weight: bold; color: #fff; text-align: center; border-top: 1px solid #333; border-bottom: 1px solid #313131; -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.04); box-shadow: inset 0 1px rgba(255, 255, 255, 0.04); }
.book-bx .bkcalender .heading tbody, .book-bx .bkcalender .heading tr { display: block; width: 100%; }
.book-bx .bkcalender .heading td { display: block; float: left; font-size: 15px; color: #fff; border: none!important; }
.book-bx .bkcalender th, .book-bx .bkcalender .daycss { width: 30px; line-height: 28px; text-align: center; text-shadow: 0 1px rgba(255, 255, 255, 0.8); }
.book-bx .bkcalender th:first-child, .book-bx .bkcalender td:first-child { border-left: 0; }
.book-bx .bkcalender th { line-height: 20px; font-size: 8px; text-transform: uppercase; border-left: 1px solid; }
.book-bx .bkcalender .daycss { font-size: 11px; font-weight: bold; border-top: 1px solid; border-left: 1px solid; }
.book-bx .bkcalender .daycss a { clear: both; display: block; position: relative; width: 30px; line-height: 28px; background-image: -webkit-linear-gradient(top, #eaeaea, #e5e5e5 60%, #d9d9d9); background-image: -moz-linear-gradient(top, #eaeaea, #e5e5e5 60%, #d9d9d9); background-image: -o-linear-gradient(top, #eaeaea, #e5e5e5 60%, #d9d9d9); background-image: linear-gradient(to bottom, #eaeaea, #e5e5e5 60%, #d9d9d9); -webkit-box-shadow: inset 1px 1px rgba(255, 255, 255, 0.5); box-shadow: inset 1px 1px rgba(255, 255, 255, 0.5); }
.book-bx .bkcalender .daycss.active:first-child a, .book-bx .bkcalender .daycss:first-child a:active { border-left: 0; margin-left: 0; }
.book-bx .bkcalender .daycss.active:last-child a, .book-bx .bkcalender .daycss:last-child a:active { border-right: 0; margin-right: 0; }
.book-bx .bkcalender tr:last-child .daycss.active a, .book-bx .bkcalender tr:last-child .daycss a:active { border-bottom: 0; margin-bottom: 0; }
.book-bx .bkcalender .todaycss a { background-image: none; }
.book-bx .bkcalender .seldaycss a { background-image: none; }
.bluettl16 { letter-spacing: 0.25px; font-size: 16px; margin-top: 0px; text-align: center; text-transform: uppercase; }
.tyresizebacker p.normTxt { margin-top: 2px; margin-bottom: 8px; font-size: 14px; height: auto; }
.book-bx .timeslot { text-align: center; width: 100%; }
.tyresizebacker p.normTxt a { text-decoration: underline; }
.book-bx .timeslot select { border-radius: 3px; border: solid 1px; max-width: 216px; margin-left: 5px; margin-top: 10px; -; /*webkit-box-shadow: 0px 0px 0px 3px rgb(177, 177, 177); -moz-box-shadow: 0px 0px 0px 3px rgb(177, 177, 177); box-shadow: 0px 0px 7px 0px rgb(177, 177, 177);*/ }
.shdwBx { display: block; -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.34); -moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.34); box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.34); }
.arwTxt { margin-top: 18px; margin-bottom: 8px; font-size: 16px; height: auto; display: block; }
.summaryBX { background: #fff; border: solid 1px #ffffff; border-radius: 4px; margin-top: 14px; text-align: center; -webkit-box-shadow: 0px 0px 0px 3px rgb(177, 177, 177); -moz-box-shadow: 0px 0px 0px 3px rgb(177, 177, 177); box-shadow: 0px 0px 7px 0px rgb(177, 177, 177); }
.summaryBX p { margin-top: 14px; height: auto; margin-bottom: 18px; font-size: 14px; text-align: center; padding: 0px 15px; line-height: 1.5em; }
.confirmform { background: #fff; border: solid 1px #d4d4d4; border-radius: 4px; margin-top: 14px; -webkit-box-shadow: 0px 0px 0px 3px rgb(177, 177, 177); -moz-box-shadow: 0px 0px 0px 3px rgb(177, 177, 177); box-shadow: 0px 0px 7px 0px rgb(177, 177, 177); }
.confirmform .head { height: auto; margin-bottom: 18px; font-size: 16px; color: #fff; padding: 12px; border-radius: 4px 4px 0px 0px; margin-top: 0px; }
.confirmform .veh-info { margin-top: 14px; height: auto; margin-bottom: 18px; font-size: 14px; }
.confirmform .serv-info { margin-top: 14px; height: auto; padding-bottom: 25px; font-size: 14px; line-height: 1.5em; }
.confirmform .dlr-info { height: auto; margin-bottom: 0px; font-size: 14px; background: #f3f3f3; color: #333; padding: 12px; border-radius: 0px 0px 4px 4px; line-height: 1.5em; }
.confirmform .inputbx { font-size: 14px; opacity: 1.0; margin-top: 11px; background: #fff; border: solid 1px #cccccc; box-shadow: none; webkit-box-shadow: none; max-width: 360px; padding: 12px; border-radius: 4px; text-align: center; }
.book-bx .grnSmlBtn { background-color: #8BC34A; color: #fff; border-radius: 4px; padding-top: 12px; font-size: 15px; max-width: 140px; }
.book-bx input.regPlate { font-size: 14px!important; opacity: 1.0!important; margin-top: 11px; background: #fbfbfb!important; border: solid 1px #cccccc!important; box-shadow: none!important; webkit-box-shadow: none!important; max-width: 360px!important; padding: 18px!important; border-radius: 4px; text-align: center; background-image: url(../images/gb-reg.png)!important; background-position: 2px 2px!important; background-repeat: no-repeat!important; }
.book-bx input.regPlateSml { font-size: 14px; opacity: 1.0; margin-top: 11px; background: #fbfbfb; border: solid 1px #cccccc; box-shadow: none; webkit-box-shadow: none; max-width: 215px!important; padding: 18px; border-radius: 4px; text-align: center; background-image: url(../images/gb-reg.png); background-position: 2px 2px; background-repeat: no-repeat; margin-bottom: 15px; }
.book-bx .goBtnSml { background-color: #8BC34A; color: #fff; border-radius: 4px; padding-top: 16px; padding-bottom: 16px; font-size: 15px; max-width: 68px; margin-left: 4px; font-weight: bold; border: solid 2px #bce48d; }
.BtmRgt { position: absolute; right: 30px; bottom: 20px; }
.book-bx .button-66 { border-radius: 4px; padding-top: 12px; font-size: 15px; max-width: 140px; }
.book-bx .button-67 { border-radius: 4px; padding-top: 12px; font-size: 15px; max-width: 140px; }
.book-bx .button-68 { padding-top: 13px; font-size: 14px; margin-bottom: 0px; margin-top: 14px; padding-bottom: 14px; font-weight: 600; margin-left: -80px; margin-right: 0px; border: solid 2px; border-radius: 5px; }
.book-bx .slct_tyretype { width: 200px; display: inline-block; }
.noBdrBtm { border-bottom: 0px!important; }
.book-bx .slct_tyretype li { display: block; text-align: left; margin-bottom: 10px; }
.book-bx .slct_tyretype .title-77 { font-size: 16px; font-weight: bold; text-align: left; padding: 10px 0px; }
.mt22 { margin-top: 22px!important; }
.mt10 { margin-top: 10px; }
.mtop0 { margin-top: 0px; }
.wdh100 { width: 100%; }
.pl32 { padding-left: 32px; }
.pt16 { padding-top: 16px; }
.mt14 { margin-top: 14px; }
.mt16 { margin-top: 16px!important; }
.mb18 { margin-bottom: 18px!important; }
.mb6 { margin-bottom: 6px; }
.mb8 { margin-bottom: 8px; }
.mb10 { margin-bottom: 10px; }
.mt8 { margin-top: 8px; }
.pd12 { padding: 12px; }
.pd18 { padding: 18px; }
.mr2p { margin-right: 2%; }
.maxht77 { max-height: 77px; }
.fs16 { font-size: 16px!important; }
.pull-left { float: left; }
.pull-right { float: right; }
.formFlds { min-height: 46px; margin-bottom: 4px; }
.posRl { position: relative; }
.formFlds .frmLbl { margin-bottom: 0px; margin-top: 22px; }
.formFlds .formLbl2 { margin-bottom: 0px; margin-top: 9px; }
.formFlds .txtInpt { font-size: 14px; opacity: 1.0; margin-top: 11px; background: #fff; border: solid 1px #cccccc; box-shadow: none; webkit-box-shadow: none; max-width: 360px; padding: 12px; border-radius: 4px; text-align: center; }
.formFlds .smlBluBtn { color: #fff; border-radius: 4px; padding-top: 12px; font-size: 14px; text-align: center; margin-bottom: 0px; margin-right: 0px; margin-top: -13px; border: solid 2px #e1e1e1; }
.ltBdrBx { background: #f5f5f5; border: solid 1px #e1e1e1; border-radius: 4px; margin-top: 4px; padding: 14px; min-height: 48px; height: auto!important; }
.ltBdrBx p { margin-top: 0px; margin-bottom: 2px; margin-left: 0px; font-size: 13px; text-transform: uppercase; }
.ltBdrBx i { margin-right: 5px; font-size: 15px; }
.ltBdrBx .chkBxWr { display: inline-block; width: 24px; float: right; }
.ltBdrBx .ltBdrTxt { display: inline-block; width: 89%; float: left; }
.wtBdrBx { background: #fff; border: solid 1px #e1e1e1; border-radius: 4px; margin-top: 22px; padding: 14px; }
.book-bx .praTxt { margin-top: 14px; height: auto; margin-bottom: 18px; font-size: 14px; }
.srchTitle { letter-spacing: 0px; font-size: 21px; margin-top: 0px; }
.srchSubttl { margin-top: 2px; margin-bottom: 32px; height: auto; }
.confrmFrm .title-77 { letter-spacing: 1px; font-size: 14px; margin-top: 28px; font-weight: bold; text-align: center; }
.confirmform .manualsearch { padding: 18px; }
.confirmform .manualsearch .grid.fixedSpaces .book-bx .ftrTxt { margin-top: 14px; margin-bottom: 12px; border-top: dotted 1px #cacaca; padding-top: 12px; }
.book-bx .cnfmChk { margin-top: 14px; }
.book-bx .LngBtn { max-width: 300px!important; }
.adtnlOpt { margin-top: 0px; height: auto; margin-bottom: 18px; font-size: 16px; }

@media only screen and (min-width: 320px) and (max-width:480px) {
 .srvType { width: 50%!important; }
 .srvType p { font-size: 12px !important; line-height: 1em; margin-right: 5px; }
 .srvType i { font-size: 16px!important; margin-bottom: 10px; float: left; }
 .srvPrice { width: 38%!important; }
 input.pcode-input { text-align: left !important; padding-left: 50px !important; }
 .finOpt_frm .frmInpt.posRl .config_find { position: unset!important; width: 100%!important; margin-top: 10px!important; }
 .book-bx input.regPlate { text-align: right; }
 .sumry_frm .fnl-summary.disclaimerbox { padding: 15px; }
 .sumry_frm .button { font-size: 14px!important; padding: 12px 5px!important; }
}

@media screen and (max-width: 768px) {
 .bk-info-icon span { max-width: 300px !important; float: none !important; left: -26px !important; right: 0px !important; margin: auto; width: 500px!important; }
 .bk-info-icon > span:before { left: 11%!important; }
 .frmOptDealer.sumry_frm .button { max-width: 100%!important; }
}



.delrBox .left.title { padding-right: 33px; }

@media screen and (min-width: 767px) {
 .errorCSS { max-width: 100%!important; }
 /*.valSrchrslt .valrstxt{color: #333!important;}
.valSrchrslt .valrsprce{color: #333!important;}*/

}

@media screen and (max-width: 767px) {

 .wtBdrBx { padding: 15px 4px 4px; }
 .delrBox { height: auto!important; }
 .pcode-input.book-input { max-width: 360px !important; display: inline-block!important; }
 .squaredSml input[type=checkbox] { display: inline-block!important; }
 .book-bx input.book-input { max-width: 360px!important; }
 /*.valSrchrslt .valrstxt{color: #333!important;}
.valSrchrslt .valrsprce{color: #333!important;}*/
 .valSrchrslt i { font-size: 32px!important; color: #FFF; }
 .specpad.book-bx nav ol { max-width: 544px!important; width: 100%; }
}

@media screen and (min-width: 568px) and (max-width: 767px) {
 .sumry_frm .button { font-size: 13px!important; padding: 12px 0px!important; }
}

@media screen and (width: 567px) {
 .sumry_frm .button { font-size: 12px!important; padding: 12px 0px!important; }
}

@media screen and (max-width: 599px) {
 .ser_ttl, .ser_prc { font-size: 13.9px!important; }
 .serBX { height: 60px!important; }
}

@media screen and (max-width: 440px) {
 .formFlds .col-4-12, .formFlds .col-8-12 { max-width: 100%; }
 .pcode-input.book-input { max-width: 300px !important; display: inline-block!important; }
 .formFlds .frmLbl { margin-top: 5px!important; }
 .confirmform .inputbx { margin-top: 0px!important; }
 .locbox { height: auto!important; }
 .locbox p { margin-bottom: 0px; }
 .ftrTxt { margin-top: 15px; }
 .confirm-box .formFlds .inputbx { text-align: left!important; }
 .confirm-box .manualsearch p.ftrTxt { padding-left: 7px; padding-right: 7px; }
}


/*valuation*/
.valuationWrp { padding-bottom: 24px; padding-top: 12px; border-bottom: solid 0px #e1e1e1; }
.valuationWrp > .fix-12-12.homebacker { width: 92%!important; }
.valToptxt { margin-top: 14px; margin-bottom: 8px; height: auto; }
.valToptxt a b { text-decoration: underline; }
.valuationWrp .hdrTxt { margin-top: 8px; margin-bottom: 12px; height: auto; }
.valuationWrp ol.cd-breadcrumb.triangle { margin-left: auto!important; }
.valuationWrp .cd-breadcrumb.triangle li > * { position: relative; padding: 0.9em .8em 1em 2em; }
.valuationWrp .cd-breadcrumb li > *, .cd-multi-steps li > * { /*font-size: 1.0rem;*/ font-size: 16px; }
.valuationWrp .valuationFrm select { border-radius: 3px; border: solid 1px #cccccc; }
p.nrmlTxt { height: auto; font-size: 14px; }
.vechDtl .dtlTtl { margin-bottom: 8px; letter-spacing: 0px; font-size: 18px; margin-top: 0px; text-align: center; }
.vechDtl img { max-width: 320px; }
.valuationWrp .thnkBx { background: #8bc34a; padding: 18px!important; margin-top: 24px; border-radius: 5px; border: solid 2px #e1e1e1; }

@media only screen and (min-width: 768px) {
 .valuationWrp .cd-breadcrumb.triangle { background-color: transparent; padding: 0; width: 528px; margin: 0 auto; }
 .valuationFrm { border-top: dashed 1px #cccccc; padding: 18px; margin-top: 24px; }
 .valuationFrm .frmTtl { font-size: 12.9px; line-height: 1.22727273; margin-bottom: 20px; margin-top: 2px; color: #212121; font-weight: bold; }
 .valuationWrp .thnkBx { background: #8bc34a; }
 .valuationFrm .ftrTxt { margin-top: 14px; margin-bottom: 12px; border-top: dotted 1px #cacaca; padding-top: 12px; }

 .valuationWrp .thnkBx i { color: #fff; font-size: 32px; margin-top: -9px; margin-bottom: 9px; }
 .valuationWrp .thnkBx p { margin-top: 0px; margin-bottom: 2px; height: auto; color: #fff; font-size: 15px; }
 .valuationWrp .cd-breadcrumb.triangle li.current > * { color: #ffffff; background-color: #005fe2; border-color: #005fe2; }

 .valuationWrp .cd-breadcrumb.triangle a:hover { color: #ffffff; opacity: 1.0; }
}

@media only screen and (max-width: 767px) {
 .valuationWrp { padding-top: 0px; }
}

.valSrchrslt .valrstxt { margin-top: 0px; margin-bottom: 2px; height: auto; color: #fff; font-size: 16px; }
.valSrchrslt p.valrsprce { margin-top: 0px; margin-bottom: 2px; height: auto; color: #fff; font-size: 36px; }
.valSrchftr { border-top: dashed 1px #cccccc; padding: 18px; margin-top: 24px; }
.valSrchftr p { margin-top: 14px; margin-bottom: 8px; height: auto; }
.valuationFrm input[type="text"] { font-size: 14px; font-weight: normal; }
.valuationFrm .formFlds select { margin-top: 5px; }
.valuationFrm .formFlds .frmLbl { margin-top: 14px; }
.usdcar_mileage { font-size: 14px; opacity: 1.0; margin-top: 11px; background: #fff; border: solid 1px #cccccc; box-shadow: none; webkit-box-shadow: none; max-width: 360px; padding: 18px; border-radius: 4px; text-align: center; }
.vechDtl img, .specpad.book-bx img { max-width: 100%; margin: auto; display: inherit; }

@media only screen and (max-width:599px) {
 .specpad { border: solid 1px #e1e1e1; border-radius: 6px; padding: 24px 9px 24px 9px; margin-top: 18px; -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.14); -moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.14); box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.14); }
 .cd-breadcrumb li > *, .cd-multi-steps li > * { display: inline-block; font-size: 1rem !important; }
 .specpad.book-bx .cd-breadcrumb { text-align: center; }
 .valuationWrp .cd-breadcrumb.triangle li > * { padding: 0em .8em 0em 0em; }

 .book-bx .button-66, .book-bx .button-67, .book-bx .backbutton { max-width: 120px!important; }
 .valuationWrp > .fix-12-12.homebacker { width: 100%!important; }
 .cd-breadcrumb li, .cd-multi-steps li { margin: 5px 0; float: none; height: auto!important; }
 .valuationWrp .srchTitle h1 { margin-top: -5px; }
}

@media only screen and (max-width:699px) {
 .cd-breadcrumb, .cd-multi-steps { /*width: 100% !important;*/ margin-left: 0px !important; margin-top: 0px!important; }
}



/*configurator*/
.fuelHead .LblSlect, .grphead .LblSlect { margin-bottom: 10px; padding: 2px; }
.drkBrdrd { border: solid 2px #e1e1e1; padding: 8px; padding-bottom: 4px; border-radius: 5px; margin-bottom: 12px; }
.confgModelhdng .srchTitle { text-transform: uppercase; }
.confgModelhdng .confMdprc { font-weight: 800; padding-left: 4px; }
.smryChkwrp { padding: 0px 20px 0px 20px; }
.smryChkwrp p { margin-top: 14px; margin-bottom: 20px; padding-top: 2px; text-align: left; font-size: 12px; }
/*config summry*/
table.sumryTbl { width: 100%; border-collapse: collapse; font-size: 14px; }
/* Zebra striping */
table.sumryTbl tr:nth-of-type(odd) { background: #ffffff; }

table.sumryTbl th { background: #333; color: white; font-weight: bold; }
table.sumryTbl td, table.sumryTbl th { padding: 12px; border: 2px solid #ccc; text-align: left; width: 50%; }

.configrtrWrp .srchTitle { font-size: 18px; }
.sumryLst { width: 48%; float: left; }
.sumryLst .sumDisHead { width: 100%; margin-bottom: -12px; }
.sumryLst .sumDisHead img { width: 120px; float: left; margin-top: 8px; }
.sumryLst .sumDisHead p { float: right; text-align: right; margin-bottom: 0px; margin-top: 24px; line-height: 1.1; margin-right: 8px; }
.sumryLst .sumDisHead p span { font-size: 26px; }
.sumryLst p.label { margin-bottom: 8px; }
.finOptn_head { width: 48%; float: right; }
.finOptn_head img { width: 120px; float: left; margin-top: 8px; }
.finOptn_head p { float: right; text-align: right; margin-bottom: 0px; margin-top: 24px; line-height: 1.1; margin-right: 8px; color: #999999; font-size: 1.0rem; border-right: solid 4px #009688; padding-right: 14px; }
.finOptn_head p span { font-size: 26px; color: #000000; }
.finOptn_wrp { background: #f1f1f1; border: solid 0px #2052a0; border-radius: 4px; margin-top: 22px; float: right; width: 48%; margin-bottom: 28px; margin-right: 4px; }
.finOpt_frm { padding: 22px 36px 4px 36px; }
.finOpt_frm .frmInpt { height: 46px; margin-bottom: 4px; }
.finOpt_frm .frmInpt .frmLabel { margin-bottom: 0px; margin-top: 22px; }
.finOpt_frm .frmInpt select { border-radius: 3px; border: solid 1px #cccccc; margin-top: 11px; font-weight: normal; }
.finOpt_frm .frmInpt input { font-size: 14px; opacity: 1.0; margin-top: 11px; background: #fff; border: solid 1px #cccccc; box-shadow: none; webkit-box-shadow: none; padding: 12px; padding-left: 24px; border-radius: 4px; text-align: left; font-weight: normal; }
.finOpt_top { text-align: left; background: #009688; padding: 14px; color: #fff; border-radius: 4px; margin-bottom: 12px; }
.frmOpt_btm { text-align: left; background: #009688; padding: 14px; color: #fff; border-radius: 4px; margin-bottom: 12px; font-size: 24px; width: 100%; height: 66px; margin-top: 18px; border: solid 2px #cccccc; }
.frmOpt_btm .frmTtl { float: left; font-size: 12px; margin-top: 9px; }
.frmOpt_btm p { margin-bottom: 30px; margin-top: 18px; }
.frmOptDealer { background: #fff; border: solid 1px #2052a0; border-radius: 4px; margin-top: 14px; -webkit-box-shadow: 0px 0px 0px 3px rgb(177, 177, 177); -moz-box-shadow: 0px 0px 0px 3px rgb(177, 177, 177); box-shadow: 0px 0px 7px 0px rgb(177, 177, 177); float: right; width: 100%; margin-bottom: 28px; }
.frmOptDealer .dlrTopHead { text-align: left; padding: 14px; color: #fff; border-radius: 4px; margin-bottom: 12px; }
.frmOptDealer .dlrHalf { width: 48%; }
.frmOptDealer .frmSubmit { background: #f2f2f2; border-radius: 5px; padding: 2px; margin-top: 18px; text-align: center; }
.frmOptDealer .button { padding: 12px 20px 14px 10px!important; vertical-align: middle; }
.frmOptDealer .button img { max-width: 20px; vertical-align: middle; margin-right: 5px; }
.frmOptDealer .verfyWrp1 { border-top: dotted 1px #cacaca; margin-top: 18px; }
.frmOptDealer .verfyWrp2 { border-top: dotted 1px #cacaca; }
.frmOptDealer .verfyWrp1 p { margin-top: 14px; margin-bottom: 12px; text-align: left; }
.frmOptDealer .verfyWrp2 p { margin-top: 14px; margin-bottom: 20px; padding-top: 2px; text-align: left; }
.frmOptDealer .verfyWrp1 input, .frmOptDealer .verfyWrp2 input { -moz-appearance: checkbox; -webkit-appearance: checkbox; display: inline-block !important; float: left; width: auto !important; margin-right: 10px !important; }
.finOpt_frm .grid.fixedSpaces { margin-left: -15px!important; margin-right: -15px!important; }
.models-list.options-list li .spec { min-height: 45px; }

@media only screen and (max-width:899px) {
 .book-bx { padding: 24px 14px 24px 14px!important; width: 92%; }
}

.serBX2 { height: auto!important; }
.vhleCond { margin-top: 4px; height: auto; background: #e7f1ff; padding-top: 5px; padding-bottom: 7px; border-radius: 3px; }
.vhleCond:after { content: ""; display: block; clear: both; }
.vhleCond p { margin-bottom: 0px; margin-top: 12px; font-weight: bold; margin-left: 4px; }
.mnContnttxt { margin-top: 8px; margin-bottom: 12px; height: auto; }
.pt0 { padding-top: 0px; }


.finOpt_frm .frmInpt.posRl { height: 68px; }
/*config step-8*/
@media only screen and (min-width:320px) and (max-width:420px) {

 .val-Frm .formFlds { /*height: 65px!important;*/ min-height: auto; }
 vhleCond { margin-top: 10px; }
}
/*@media only screen and (min-width:567px) and (max-width:768px) {.configrtrWrp.fix-12-12 {width: 93%!important;}}
  @media only screen and (width:414px){.configrtrWrp.fix-12-12 {width: 93%!important;}}*/

.popupShown .wraphome { display: block!important; }
.container-fincwrap .finOptn_wrp { margin-right: 25% !important; }