@font-face { font-family: 'Mont Heavy DEMO'; src: url('vendor/fonts/mont/Mont-HeavyDEMO.eot'); src: url('vendor/fonts/mont/Mont-HeavyDEMO.eot?#iefix') format('embedded-opentype'), url('vendor/fonts/mont/Mont-HeavyDEMO.woff2') format('woff2'), url('vendor/fonts/mont/Mont-HeavyDEMO.woff') format('woff'), url('vendor/fonts/mont/Mont-HeavyDEMO.ttf') format('truetype'), url('vendor/fonts/mont/Mont-HeavyDEMO.svg#Mont-HeavyDEMO') format('svg'); font-weight: 800; font-style: normal; }
.nopadding { padding: 0 !important; margin: 0 !important; }
.table-head-btn { margin-top: 10px; margin-bottom: 10px; margin-right: 18px; }
.manageMedia .panel-heading .table-head-btn { margin-right: 5px; }
.filter-btn { margin-top: 23px; }
.clearfix { clear: both; }
.stepfield-clear { clear: both; margin-bottom: 15px; }
.accord-tab { text-decoration: none; background-color: #143276; color: #FFF; padding-left: 20px; }
.accord-tab .panel-heading { background-color: #143276 !important; }
.accord-tab .panel-heading a { color: #FFF !important; }
.visitorbox { width: 100%; height: 250px; padding: 10px; background-color: #FAFAFA; border-radius: 10px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05); border: 1px solid #E5E5E5; }
.bor-bot { padding: 10px; background-color: #0c74e3; color: #FFF !important; font-size: 14px; font-weight: normal; }
.bor-bot.border { border-bottom: 0px !important; }

.treetable { border: 1px solid #E5E5E5; border-radius: 4px; background-color: #FAFAFA; padding: 0 !important; }
.treetable > div { width: 100%; background: #fff; }
.treetable > table > tbody > tr > td { border-bottom: 1px solid #E5E5E5; line-height: 1; padding: 10px; }
.treetable > table > tbody > tr > td > span { color: #000; font-weight: bold; }
.treetable > div > table > tbody > tr > td { width: 100%; padding: 8px 0px; border-bottom: 1px solid #E5E5E5; text-align: left; }
.treetable > div > table > tbody > tr > td:first-child { width: 30px; }

.brandmenu { border: 1px solid #E5E5E5; border-radius: 4px; background-color: #FAFAFA; padding: 0 !important; }
.brandmenu input[type="checkbox"] { vertical-align: sub !important; margin-right: 10px !important; }
.brandmenu table { width: 100%; background: #fff; }
.brandmenu table td { border-bottom: 1px solid #E5E5E5; line-height: 1; padding: 10px; display: block; }

.treetable input { margin-right: 10px; }
.mail-info-tbl tbody td { width: 100%; }
.mail-info-tbl { border: 0px !important; }

.parentfldr { }
.parentfldr span { }
.parentfldr span span { border-radius: 3px; width: 15%; float: left; text-align: center; margin-right: 10px; margin-top: 10px; padding: 10px 0px; position: relative; transition-property: background; transition-duration: .5s; transition-timing-function: linear; }
.parentfldr span span:hover { background: #c2c2c2; }
.parentfldr span span input[type="image"].delete-icon { position: absolute; right: 5px; top: 5px; display: none; }
.parentfldr span span:hover input[type="image"].delete-icon { display: block; }
.parentfldr span span.active { background: #c2c2c2; }
.parentfldr span a { display: block; text-decoration: none; color: #223C78; font-size: 14px; font-weight: normal; }
.line_space { line-height: 30px; }
.icon_name { }
.icon_name span { width: 15%; float: left; text-align: center; margin-right: 10px; margin-top: 10px; padding: 10px 0px; position: relative; transition-property: background; transition-duration: .5s; transition-timing-function: linear; }
.icon_name span:hover { background: #d3d3d3; }
.icon_name span input[type="image"].delete-icon { position: absolute; right: 5px; top: 5px; display: none; }
.icon_name span:hover input[type="image"].delete-icon { display: block; }
.icon_name span.active { background: #DEECF5; }
.icon_name a { text-decoration: none; color: #223C78; font-size: 14px; font-weight: normal; }
.uploadpan-hgt { height: 180px; }
.file-breadcrub { font-size: 14px; color: #777; font-weight: bold; }
.file-breadcrub a { font-size: 14px; color: #777; text-decoration: none; }
.file-breadcrub a:hover { font-size: 14px; color: #555; text-decoration: none; }
.sucess-msg { background-color: #D3EFB7; font-size: 14px; padding: 10px; border: 1px solid #77a04c; margin-bottom: 10px; color: #77a04c; border-radius: 4px; display: inline-block; width: 100%; }
.error-msg { background-color: #FFD0D0; font-size: 14px; padding: 10px; border: 1px solid #c33a3a; margin-bottom: 10px; color: #c33a3a; border-radius: 4px; display: inline-block; width: 100%; }
.sucess-msg span { font-size: 16px; }
.error-msg span { font-size: 16px; }
.assign-menu { border: 0px !important; background-color: transparent !important; font-size: 16px; color: #0c74e3; box-shadow: none !important; }
.assign-menu-panel { width: 250px; }
.assign-menu-header { background-color: #0c74e3; color: #FFF; }
.login-rembr { float: left; height: 20px; line-height: 18px; margin-left: 4px; }
.color-tags span { display: inline-block; margin: 2px 0px; font-size: 11px !important; line-height: 11px; padding-top: 4px !important; font-weight: normal; }
.error-login { padding: 10px 0; }
/* gallery effect */
.work { margin: 9px 0; padding: 0 9px; height: auto; overflow: hidden; }
.work-inner { border: 1px solid #ebebeb; }
.work-img { width: 100%; /*background:#555;*/ position: relative; overflow: hidden; }
.work-img img { max-width: 100%; max-height: 100%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; margin: auto; }
.work-desc { width: 100%; background: white; margin: 0; text-align: center; padding: 15px 5px; }
.work-desc h4 { text-transform: uppercase; font-size: 20px; margin: 0; }
.work-desc p { font-size: 15px; margin: 0; }
.work-img .button { width: 42px; height: 42px; display: block; border-radius: 100px; background: white; position: absolute; text-align: center; padding: 11px 0 0; font-size: 15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.work-img .button:hover { background: #0c74e3; color: #fff; }
.work-img .button:hover .fa { color: #fff; }
.work-img .mask .fa-search { color: #4c8f4c; }
.work-img .zoom { left: 20%; top: 20%; opacity: 0; }
.work-img .detail { right: 40%; bottom: 20%; opacity: 0; }
.work-img .pic-delete { right: 18%; top: 20%; opacity: 0; }
.work:hover .work-img img { opacity: 0.2; }
.work:hover .work-img .zoom { top: 50%; opacity: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
.work:hover .work-img .detail { bottom: 50%; opacity: 1; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); transform: translateY(50%); }
.work:hover .work-img .pic-delete { top: 50%; opacity: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
.choose_file { position: absolute; top: 2px; right: 2px; z-index: 9; }
.choose_file .fa { background-color: #8f8f8f; color: #fff; font-size: 19px; padding: 3px 5px; }
/* isotope styles */
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; }
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
/* End: Recommended Isotope styles */

.no_readyonly { background: #fff !important; cursor: pointer !important; }
.btnUpdate, .btnCancel { padding: 2px 10px; border-radius: 2px; color: white; outline: none; line-height: 1.47; font-size: 12px; display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; white-space: nowrap; text-decoration: none; border-radius: 50px; }
.btnUpdate { background-color: #00adf2; }
.btnCancel { background-color: var(--danger); }
.btnCancel:hover, .btnUpdate:hover { color: #FFF; text-decoration: none; }
.navcheck .col-lg-2 { width: 13.3% !important; }

/*PopUp*/
.alert_popup_blk { background-color: rgba(0, 0, 0, 0.62); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 99999; }
.alert_blk_wrap { background-color: #fff; border-radius: 3px; color: #000; height: auto; left: 0; margin: auto; position: fixed; right: 0; top: 130px; width: 350px; z-index: 999; }
.alert_blk_header { background-color: #27a6d8; color: #fff; font-weight: bold; height: 25px; padding: 5px; }
.alert_blk_header a { color: #fff; float: right; font-size: 14px; }
.alert_blk_content { height: auto; padding: 10px; position: relative; text-align: left; }

.loaderShown main { z-index: 101; }
.loading { margin: auto; text-align: center; position: fixed; top: 0px; bottom: 0px; z-index: 999999; left: 0; right: 0; width: 200px; height: 85px; padding: 20px 0; border-radius: 10px; background: #fff; }
.bgColor { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 999999 !important; }
.bgColor .loading { position: relative; top: 35%; }
.bgColor .loaderWhite { background-color: #fff; border-radius: 8px; padding: 15px 25px; }
.griDClorSection .griDClor { display: inline-block; word-break: break-all; }
.norimg { display: inline-block; width: auto !important; }





.headerbar { }
.headerbar .top_button { margin-right: 40px; font-size: 13px; line-height: 1.1; text-align: center; display: inline-block; color: #4d9be6; position: relative; padding: 0px 2px; }

.headerbar .fa { font-size: 16px !important; }
.headerbar .top_button:hover,
.headerbar .top_button:focus,
.headerbar .top_button.active,
.headerbar .top_button:active { text-decoration: none; color: #0c74e7; }

.headerbar .top_button:hover::after,
.headerbar .top_button.focus::after,
.headerbar .top_button.active::after,
.headerbar .top_button:active::after { background: #0c74e7; height: 3px; content: ""; position: absolute; bottom: -10px; left: 0; width: 100%; border-radius: 99px; }

.headerbar .navbar-divider { border: none !important; }
.headerbar .phone_b { border-left: 2px solid #000; padding-left: 10px; display: none !important; }
.headerbar .Chat-txt { display: none !important; }
.service_box .icon-bg, .service_box .icon-bg i { right: 3px !important; font-size: 90px !important; top: 6px; }
.service_box .panel { background-color: #f6f6f6; }
.servicetxt { font-size: 17px; }
.head-color1 { border-top: 2px solid #2dc5c7 !important; }
.head-color2 { border-top: 2px solid #a287d4 !important; }
.head-color3 { border-top: 2px solid #33bfeb !important; }
.head-color4 { border-top: 2px solid #ffac9c !important; }
.head-color5 { border-top: 2px solid #f9892e !important; }
.head-color6 { border-top: 2px solid #f9892e !important; }

.text-color1 { color: #a8e9ea !important; }
.text-colorb1 { color: #2dc5c7 !important; }
.text-color2 { color: #a287d4 !important; }
.text-colorb2 { color: #a287d4 !important; }
.text-color3 { color: #9de0f5 !important; }
.text-colorb3 { color: #33bfeb !important; }
.text-color0 { color: #c7b7e5 !important; }
.text-colorb0 { color: #a287d4 !important; }
.text-color4 { color: #ffac9c !important; }
.text-colorb4 { color: #ffac9c !important; }
.text-color5 { color: #f9892e !important; }
.text-colorb5 { color: #f9892e !important; }

.btn-file { /*min-width: 120px !important;*/ }
.cur-ptr { cursor: pointer !important; }
.upload_btn-file { min-width: 100px !important; }



.frgtLog { text-align: left; display: inline-block; margin: 0; margin-top: 0px; float: left; margin-top: 3px; font-weight: 600; color: #c7c7c7; font-size: 10px; }



.logInNews { position: absolute; bottom: 108px; right: 142px; width: 305px; text-align: center; height: 379px; }
.logInNews ul { padding-left: 0px; }
.logInNews li { border-radius: 8px; padding: 31px 29px; display: block; }
.logInNewsLogo { max-width: 150px; margin: auto; margin-bottom: 10px; text-align: center; height: 50px; }
.logInNewsLogo img { max-height: 50px; }
.logInNews p { min-height: 260px; font-weight: 600; text-align: left; font-size: 21px; color: #9d9d9d; padding: 9px 12px !important; letter-spacing: -0.8px; line-height: 1.28; }
.logInNews a { border: 1px solid #fcbf03; padding: 5px; border-radius: 50px; width: 90%; display: inline-block; box-shadow: 0px 0px 0px 3px #ffe081; text-transform: uppercase; color: #000; transition: all 0.3s; font-size: 10px; font-weight: 600; line-height: 20px; letter-spacing: 0.06em; }
.logInNews a:hover { text-decoration: none; color: #000; }

.fileUpload_area { width: 100%; }
.fileUpload_content { position: relative; border: 1.008px dashed var(--secondary); border-radius: 10px; padding: 16px; overflow: hidden; text-align: center; display: flex; align-items: center; justify-content: center; font-weight: 500; background-color: #f9fafc; min-height: 160px; }
.fileUpload_area input.fudragndrop_btn { position: absolute; inset: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; opacity: 0; cursor: pointer; }

.docs-tooltip { pointer-events: none; display: flex; text-align: center; flex-direction: column; align-items: center; justify-content: center; }
.docs-tooltip svg { width: 25.008px; height: 25.008px; margin-bottom: 15.008px; margin-top: 5.008px; }
.docs-tooltip label { font-size: 10px; display: block; margin-bottom: 13px; line-height: 1.6; }
.docs-tooltip span { color: var(--secondary); font-size: 11px; font-weight: 500; }

.dwnldBtn { margin-top: 10px; }
.dwnldBtn .fa { font-size: 12px; margin-right: 5px; }
.imgControl { position: absolute; left: 0px; width: 100%; top: 28px; padding: 0px 15px; }
.imgControl .indEdit { display: inline-block; float: right; }
.imgControl a { display: inline-block; border-radius: 2px; width: 25px; height: 25px; text-align: center; font-size: 14px; background-color: #FFF; color: #666; transition: .3s; cursor: pointer; }
.imgControl a .fa { padding-top: 2px; }
.imgControl a:hover { color: #0c74e3; transition: .3s; }


.input-group .input-group-btn + input { border-radius: 0px 50px 50px 0px !important; }
.input-group .input-group-btn + input:focus { border-color: var(--border-color); }
.uploadInput input[type="text"] { border-radius: 0px 50px 50px 0px !important; }
.mediaRemote .uploadInput input[type="text"], .mediaEmbed .uploadInput input[type="text"] { border-radius: 5px !important; }
.sendEmail table th:last-child { text-align: center; }
.weightBold { }

.sliderBx li { display: inline-block; width: 200px; margin: 5px; }
.sliderBx li img { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }

.tick_img { background-image: url(../images/tick.png); background-repeat: no-repeat; display: block; height: 20px; width: 20px; position: relative; left: 103px; top: 4px; background-size: 100%; }

/*========================from old vip========================*/

.wdth span { padding: 4px !important; margin-bottom: 5px !important; display: inline-block; }

.notes-2 { border: 1px solid #3fbae2; color: #3fbae2; text-align: center; word-wrap: break-word; border-radius: 3px; }
.notes-2 { border: 1px solid #3fbae2; color: #3fbae2; padding: 5px 15px; font-size: 13px !important; background-color: #ebfaff; text-align: center; word-wrap: break-word; border-radius: 3px; }

.btn_common > .fa { margin-right: 10px; }
.panel-title .btn_common { margin-top: 3px; }
.bg-blue2 { background-color: #20a4f5; }


.customTable { border: 1px solid #dddddd; width: 100%; max-width: 100%; margin-bottom: 20px; border-collapse: collapse; border-spacing: 0; }
.customTable tr:nth-child(odd) > th { background-color: #f9f9f9; }
.clsNoRecord td { border-radius: 0px 0px 5px 5px !important; }
.customTable > tbody > tr > th { border: 1px solid #dddddd; padding: 8px; line-height: 1.42857143; vertical-align: middle; }

.customTable > tbody > tr > td { border: 1px solid #e5e5e5; padding: 8px; line-height: 1.42857143; vertical-align: middle; background-color: #fff; }
.customTable > tbody > tr:hover > td { background-color: #f5f5f5; }
.clsNoRecord:hover td { background-color: #fff !important; }

.mr10 { margin-right: 10px; }
.list-head-control { width: 100%; }











/*-----------Accordion-----------*/

.accordion .table tr td { }
.accordion .table tr td > .panel { margin-bottom: 10px; }
.accordion .table tr:last-child td .panel { margin-bottom: 0px; }

.accordion .table[style*="border-width:0px"] td { border: none; }

.evntEmailTemp .accordion table.table { margin-bottom: 0px !important; }

.accordion .table tr td.eventName { width: 300px !important; max-width: 300px !important; }
.accordion .table tr td.eventName .layoutselection { display: inline-block; width: calc(100% - 75px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }

td .accordion-toggle .panel .panel-heading .accordion-toggle { background: #429dff; background: -moz-linear-gradient(top, #429dff 0%, #2066b1 100%); background: -webkit-linear-gradient(top, #429dff 0%,#2066b1 100%); background: linear-gradient(to bottom, #429dff 0%,#2066b1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#429dff', endColorstr='#2066b1',GradientType=0 ); transition: all 0.5s ease 0s; }
td .accordion-toggle .panel .panel-heading a { color: #fff; }


.accordion .panel-heading { position: relative; border: none; padding: 0; min-height: auto; }
.accordion .accordion-toggle { color: #fff; background: var(--light); position: relative; overflow: hidden; border-radius: 5px 5px 0px 0px; opacity: 1 !important; width: 100%; height: 40px; display: flex; align-items: center; font-weight: 500; }
.accordion .accordion-toggle .accordian-number { background: transparent; width: 50px; text-align: left; padding: 0px 15px; color: #fff; float: left; font-weight: bold; margin-right: 10px; }
.accordion .accordion-toggle .accordian-number span,
.accordion .accordion-toggle.collapsed:hover .accordian-number span { position: relative; z-index: 99; color: #fff; }
.accordion .accordion-toggle .conttx,
.accordion .accordion-toggle.collapsed:hover .conttx { color: var(--secondary); }
.accordion .accordion-toggle .accordian-number:before,
.accordion .accordion-toggle.collapsed:hover .accordian-number:before { content: ""; width: 55px; height: 100%; position: absolute; top: 0; left: -13px; transform: skewX(-25deg); transition: all 0.5s ease 0s; background: var(--secondary); }
.accordion .accordion-toggle .accordian-number span.glyphicon:first-child { display: none; }
.accordion .accordion-toggle .accordian-number span.glyphicon:last-child { display: inline-block; }

.accordion .panel-collapse.in { position: relative; }
.accordion .panel-collapse.in:before { content: ""; width: 5px; height: 50%; position: absolute; top: calc(100% - 75%); left: 0; background: var(--secondary); transition: all 0.5s ease 0s; }
.accordion .panel-collapse > .panel-body { border-top: none !important; }

/* Accordion theme color */
.newCarEvent .accordion .accordion-toggle .conttx,
.newCarEvent .accordion .accordion-toggle.collapsed:hover .conttx { color: var(--event-new); }
.newCarEvent .accordion .accordion-toggle .accordian-number:before,
.newCarEvent .accordion .accordion-toggle.collapsed:hover .accordian-number:before,
.newCarEvent .accordion .panel-collapse.in:before { background: var(--event-new); }

.usedCarEvent .accordion .accordion-toggle .conttx,
.usedCarEvent .accordion .accordion-toggle.collapsed:hover .conttx { color: var(--event-used); }
.usedCarEvent .accordion .accordion-toggle .accordian-number:before,
.usedCarEvent .accordion .accordion-toggle.collapsed:hover .accordian-number:before,
.usedCarEvent .accordion .panel-collapse.in:before { background: var(--event-used); }

.liteCarEvent .accordion .accordion-toggle .conttx,
.liteCarEvent .accordion .accordion-toggle.collapsed:hover .conttx { color: var(--event-lite); }
.liteCarEvent .accordion .accordion-toggle .accordian-number:before,
.liteCarEvent .accordion .accordion-toggle.collapsed:hover .accordian-number:before,
.liteCarEvent .accordion .panel-collapse.in:before { background: var(--event-lite); }

.aftersalesEvent .accordion .accordion-toggle .conttx,
.aftersalesEvent .accordion .accordion-toggle.collapsed:hover .conttx { color: var(--event-aftersales); }
.aftersalesEvent .accordion .accordion-toggle .accordian-number:before,
.aftersalesEvent .accordion .accordion-toggle.collapsed:hover .accordian-number:before,
.aftersalesEvent .accordion .panel-collapse.in:before { background: var(--event-aftersales); }

.motabilityEvent .accordion .accordion-toggle .conttx,
.motabilityEvent .accordion .accordion-toggle.collapsed:hover .conttx { color: var(--event-motability); }
.motabilityEvent .accordion .accordion-toggle .accordian-number:before,
.motabilityEvent .accordion .accordion-toggle.collapsed:hover .accordian-number:before,
.motabilityEvent .accordion .panel-collapse.in:before { background: var(--event-motability); }

.incentiveEvent .accordion .accordion-toggle .conttx,
.incentiveEvent .accordion .accordion-toggle.collapsed:hover .conttx { color: var(--event-incentive); }
.incentiveEvent .accordion .accordion-toggle .accordian-number:before,
.incentiveEvent .accordion .accordion-toggle.collapsed:hover .accordian-number:before,
.incentiveEvent .accordion .panel-collapse.in:before { background: var(--event-incentive); }

/* Accordion theme color End */

.accordion .accordion-toggle.collapsed .accordian-number:before { background: var(--gray); }
.accordion .accordion-toggle.collapsed .accordian-number span { color: #ffffff; }
.accordion .accordion-toggle.collapsed .accordian-number span.glyphicon:first-child { display: inline-block; }
.accordion .accordion-toggle.collapsed .accordian-number span.glyphicon:last-child { display: none; }
.accordion .accordion-toggle.collapsed .conttx { color: #000; }

/*-----------Accordion End-----------*/


.panel-heading a.edit-icon { color: #fff; float: right; font-size: 13px; position: absolute; right: 30px; top: 3px; display: inline-block !important; width: 30px; }
.ta-center { text-align: center; }
.formin-heading { font-size: 13px; position: relative; }
.formin-heading span { position: absolute; display: inline-block; padding: 10px; background-color: #fff; top: -20px; }
.table-grey thead td { background-color: #9f9f9f; color: #fff; }
.table-grey { border: 1px solid #ddd; }
.table-grey td { border-top: 1px solid #ddd; background-color: #f5f5f5; }
.table-grey td i { font-size: 22px; }
.selector { position: relative; }
.top-select-drop { width: 230px; display: inline-flex; margin-left: 15px; }
.top-select-drop .selector span { display: block; background-color: #fff; height: 34px; padding: 5px 10px; border-radius: 3px; border: 1px solid var(--border-color); }
.top-select-drop .selector span::after { content: '\f0dc'; font-family: FontAwesome; float: right; margin-right: 5px; font-size: 18px; margin-top: -2px; }
.top-select-drop .selector select { position: absolute; top: 0px; opacity: 0; height: 33px; }
.top-select-drop select option { min-height: 10em; }

.form-select-drop { width: 160px; float: left; }
.form-select-drop .selector span { display: block; background-color: #FFF; height: 34px; padding: 5px 10px; border-radius: 3px; border: 1px solid var(--border-color); }
.form-select-drop .selector span::after { content: '\f0ab'; font-family: FontAwesome; float: right; margin-right: 5px; font-size: 18px; margin-top: -2px; color: #000; }
.form-select-drop .selector select { position: absolute; top: 0px; opacity: 0; height: 33px; }
.fileup-panel { padding: 20px; border: 1px solid #CCC; margin-top: 20px; margin-bottom: 20px; }
.fileup-panel input[type="file"] { display: block; width: 195px; float: left; }
.emails-list { width: 100%; height: 200px !important; }
.radio-inline { font-size: 13px; font-weight: normal; }
.form-list-wrap { width: 100%; height: 250px; border-radius: 3px; border: 1px solid var(--border-color); overflow: auto; }
.form-panel-title { font-size: 18px; }
.accordian-icon { display: inline-block; padding-left: 5px; padding-right: 9px; border-right: 1px solid #fff; margin: 5px 10px 5px 5px; color: #398bd8; line-height: 2; }
.accordian-icon .fa-star { position: relative; color: #fff; }
.dashboradtbl-wrap .accordion .panel-heading { color: #fff; }
.dashboradtbl-wrap .accordion .panel-heading a { color: #fff; }
.dashboradtbl-wrap .accordion .panel-heading a .fsnew { margin-bottom: 0px; color: #fff; cursor: pointer; }

.work { padding: 10px 0px 50px 0px; }
.work-title { padding-bottom: 30px; text-align: center; }
.portfolios { text-align: center; }
.portfolio-controllers-container { margin-bottom: 30px; text-align: center; }
.portfolio-controllers { height: 100%; display: inline-block; border: 1px solid #D8D8D8; border-radius: 50px; padding: 5px; }
.portfolio-controllers .filter-btn { padding: 8px 15px; outline: 0px; cursor: pointer; background-color: transparent; font-weight: 500; border-radius: 50px; border: none; margin: 0px 5px; min-width: 90px; display: inline-block; }
.portfolio-controllers .filter-btn:hover { background: rgba(216,216,216,.15); color: #000; }
.portfolio-controllers .filter-btn:first-child { margin-left: 0px; }
.portfolio-controllers .filter-btn:last-child { margin-right: 0px; }
.more-container { margin-top: 40px; }

.layoutBox.Header .portfolio-image { min-height: 90px; }
.layoutBox.Footer .portfolio-image { min-height: 90px; }
.layoutBox.Home .portfolio-image { min-height: 305px; }
.layoutBox.Make .portfolio-image { min-height: 250px; }
.layoutBox.MainSite .portfolio-image { min-height: 350px; }

.layoutBox { border: 1px solid var(--border-color); border-radius: 20px; padding: 10px; width: calc(50% - 25px); display: inline-block; margin: auto 10px 20px; }
.layoutBox [class*='Layout'] { margin-bottom: 10px; }
.layoutBox .btn.zoom { cursor: pointer; }
.layoutBox .caption { text-align: left; margin-top: 10px; }
.layoutBox .portfolio-item-title { margin: 0px; font-size: 13px; text-align: center; line-height: normal; }
.layoutBox .portfolio-image { position: relative; overflow: hidden; width: 100%; border-radius: 5px; }
.layoutBox .portfolio-image img { width: 100%; height: auto !important; transform: scale(1); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; position: absolute; top: 0px; bottom: 0px; margin-top: auto; margin-bottom: auto; }
.layoutBox.MainSite .portfolio-image img { padding-top: 105px; }
.layoutBox .portfolio-image:hover img { transform: scale(1.2); cursor: pointer; }
.layoutBox .portfolio-image:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; opacity: 1; transition: .7s; }
.layoutBox .portfolio-image:hover:after { opacity: 0.8; }
.layoutBox .portfolio-image:before { content: "+"; display: block; width: 60px; height: 60px; font-size: 60px; color: #FFF; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; z-index: 9999; line-height: 58px; text-align: center; opacity: 0; transition: .5s; }
.layoutBox .portfolio-image:hover:before { opacity: 1; transition: .5s; }

.newCarEvent .layoutBox .portfolio-image:hover:after { background: var(--event-new); }
.usedCarEvent .layoutBox .portfolio-image:hover:after { background: var(--event-used); }
.liteCarEvent .layoutBox .portfolio-image:hover:after { background: var(--event-lite); }
.aftersalesEvent .layoutBox .portfolio-image:hover:after { background: var(--event-aftersales); }
.incentiveEvent .layoutBox .portfolio-image:hover:after { background: var(--event-incentive); }

.newCarEvent .layoutBox .btn.zoom { background: var(--event-new); color: #ffffff; }
.usedCarEvent .layoutBox .btn.zoom { background: var(--event-used); color: #ffffff; }
.liteCarEvent .layoutBox .btn.zoom { background: var(--event-lite); color: #ffffff; }
.aftersalesEvent .layoutBox .btn.zoom { background: var(--event-aftersales); color: #ffffff; }
.incentiveEvent .layoutBox .btn.zoom { background: var(--event-incentive); color: #ffffff; }

.layoutBox .portfolio-image span .fa { display: none; }
.layoutBox .portfolio-image .portfolio-item-big-title { transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -webkit-transition: opacity 0.3s ease-in; opacity: 0; width: 100%; position: absolute; left: 0px; right: 0px; bottom: calc(50% - 45px); z-index: 9; margin: 0px; font-size: 13px; color: #fff; text-align: center; line-height: normal; font-weight: 600; letter-spacing: 0.03em; text-transform: uppercase; }
.layoutBox .portfolio-image:hover .portfolio-item-big-title { opacity: 1; }
.layoutBox .portfolio-image input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; display: block; position: absolute; top: 0px; left: 0px; bottom: 0px; width: 100%; height: 100%; z-index: 9999; cursor: pointer; }
.layoutBox .portfolio-image input[type="radio"]:focus, .portfolio-image input[type="radio"]:checked { outline: none; }
.layoutBox .portfolio-image input[type="radio"]:checked + span .fa { display: block; width: 40px; height: 40px; color: rgba(32,150,243,1); z-index: 9999; top: 5px; right: 5px; position: absolute; font-size: 40px; }
.layoutBox .portfolio-image:hover input[type="radio"]:checked + span .fa { /*color: #fff!important; background: inherit; -webkit-background-clip: inherit; -webkit-text-fill-color: inherit;*/ }
.layoutBox .portfolio-image input[type="radio"] span { display: block !important; display: block; width: 100%; height: 100%; font-size: 60px; color: #FFF; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; z-index: 9999; text-align: center; transition: .5s; }

.layoutBox.Header .portfolio-image:before,
.layoutBox.Footer .portfolio-image:before { line-height: 30px; height: 65px; }
.layoutBox.Header .portfolio-image .portfolio-item-big-title,
.layoutBox.Footer .portfolio-image .portfolio-item-big-title { bottom: calc(50% - 30px); }

.thmbIcn { display: none; }
.portfolio-controllers .filter-btn.mixitup-control-active { background-color: #7D7D7D; color: #fff; }


.newCarEvent .portfolio-controllers .filter-btn.mixitup-control-active,
.newCarEvent .portfolio-controllers .filter-btn:hover { background: var(--event-new); color: #ffffff; }
.usedCarEvent .portfolio-controllers .filter-btn.mixitup-control-active,
.usedCarEvent .portfolio-controllers .filter-btn:hover { background: var(--event-used); color: #ffffff; }
.liteCarEvent .portfolio-controllers .filter-btn.mixitup-control-active,
.liteCarEvent .portfolio-controllers .filter-btn:hover { background: var(--event-lite); color: #ffffff; }
.aftersalesEvent .portfolio-controllers .filter-btn.mixitup-control-active,
.aftersalesEvent .portfolio-controllers .filter-btn:hover { background: var(--event-aftersales); color: #ffffff; }
.incentiveEvent .portfolio-controllers .filter-btn.mixitup-control-active,
.incentiveEvent .portfolio-controllers .filter-btn:hover { background: var(--event-incentive); color: #ffffff; }

.newCarEvent .portfolio-image input[type="radio"]:checked + span .fa { background: var(--event-new); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.usedCarEvent .portfolio-image input[type="radio"]:checked + span .fa { background: var(--event-used); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.liteCarEvent .portfolio-image input[type="radio"]:checked + span .fa { background: var(--event-lite); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.aftersalesEvent .portfolio-image input[type="radio"]:checked + span .fa { background: var(--event-aftersales); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.incentiveEvent .portfolio-image input[type="radio"]:checked + span .fa { background: var(--event-incentive); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/*OFFER SETUP*/
.finBox { width: 100%; border: solid 1px #ededed; border-radius: 10px; padding: 15px; position: relative; background-color: #ffffff; }
.finRemove { position: absolute; top: 3px; right: 5px; color: #ea1010; }
.fin_desc input[type='text'] { padding: 5px; float: left; margin-right: 5px; }

.fin_desc table { width: 100%; margin: 5px auto; border-collapse: collapse; }
.fin_desc table tr th { padding: 5px 10px; text-align: center; }
.fin_desc table tr td { padding-bottom: 10px !important; }
.fin_desc table tr td:first-child { padding-right: 10px; }
.fin_desc table tr td:last-child { padding-left: 10px; }
.fin_btn { display: inline-block; border: 1px solid #fff; padding: 4px 8px; border-radius: 4px; color: #fff; text-transform: uppercase; }
.modal .fin_desc table tr td { padding-left: 10px; padding-right: 10px; }

/*OFFER SETUP*/

/* Used Car */
.btnImpHead { position: absolute; top: 8px; right: 38px; background-color: #ea8406; border: 2px solid #ea8406; }
.btnImpHead:hover { background-color: #fff; color: #ea8406; border-color: #ea8406; }
.popTbl tr { width: 50%; float: left; display: inline-block; }
.popTbl tr td { width: 50%; float: left; display: inline-block; min-height: 58px; }
.popTbl tr th { width: 25%; float: left; display: inline-block; /*min-height: 58px;*/ }

.popTbl td span { line-height: 3; }
.popTbl tr td select { padding-right: 25px; }
/* Used Car */

/* Customer */
.popTbl.col6block tr { width: calc(100% / 3); }
.popTbl.col6block tr th { width: calc(100% / 4); border: none; }
/* Customer Car */
.popTbl tr:first-child { width: 100%; }


.updtRplc { text-align: center; border-top: 1px dashed #ccc; padding-top: 20px; }


.custImpBox select option:disabled { color: #dadada !important; }

.loginPopup { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,.80); z-index: 9; }
.loginPopup .closeBtn { width: 30px; height: 30px; background-color: #0c74e3; display: block; /* padding: 8px; */ border-radius: 50%; position: absolute; right: 10px; top: 10px; text-align: center; line-height: 30px; }
.loginPopup .closeBtn img { max-width: 12px; }
.loginPopup .modal-body { padding: 45px; border-left: 4px solid #0c74e3; }
.loginPopup .modalElmts.modal-dialog { top: 0px; bottom: 0px; margin: auto !important; position: absolute; height: 130px; }
.loginPopup .modal-body p { font-size: 16px; }