@font-face { font-family: 'Mont Heavy DEMO'; src: url('fonts/mont/Mont-HeavyDEMO.eot'); src: url('fonts/mont/Mont-HeavyDEMO.eot?#iefix') format('embedded-opentype'), url('fonts/mont/Mont-HeavyDEMO.woff2') format('woff2'), url('fonts/mont/Mont-HeavyDEMO.woff') format('woff'), url('fonts/mont/Mont-HeavyDEMO.ttf') format('truetype'), url('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; }
.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: #3c9895; color: #FFF!important; font-size: 14px; font-family: 'Nunito-Bold'; 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; }
.treetable table > tbody > tr { margin: 3px 0px; border-bottom: 1px solid #eaebeb; width: 100%; display: inline-block; }

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

.navbar-branding { float: left; width: 177px !important; position: relative; margin-left: 24px; }
.header-logo { float: left; display: flex; flex-direction: column; justify-content: center; align-items: start; margin-top: 5px; height: 60px !important; }
.header-logo img { max-height: 100%; width: auto; }
.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; }
.paging table td { }
.paging table td a { display: inline-block; line-height: 1.42857143; text-decoration: none; color: #3c9895; background: #fff; border: 1px solid #0c74e3; padding: 5px 10px; font-size: 12px; }
.paging table td a:hover { background-color: #3c9895; border: 1px solid #778DBE; color: #fff; }
.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: #3c9895; box-shadow: none!important; }
.assign-menu-panel { width: 250px; }
.assign-menu-header { background-color: #3c9895; 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; font-family: 'Nunito-SemiBold'; 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; color: #aaaaaa; cursor: pointer; 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: #3c9895; 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; }
.paging table td span { display: inline-block; line-height: 1.42857143; text-decoration: none; background-color: #3c9895; border: 1px solid #0c74e3; padding: 5px 10px; font-size: 12px; color: #fff; }
.paging table td:last-child { min-width: auto; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.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: #d9534f; }
.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; }

.defaultModalBig, .modal-cover { width: 100%; height: 100%; z-index: 99999; left: 0px; top: 0px; position: fixed!important; overflow: auto; -webkit-overflow-scrolling: touch; }
.defaultModalBig iframe { background: transparent; position: fixed!important; border: none; left: 0!important; right: 0!important; top: 0!important; margin: 0 auto!important; width: 100%!important; height: 100%!important; }
.defaultModalBig dl { position: relative; margin: auto; width: 100%; }
.defaultModalBig dl dd { float: left; clear: both; }
.defaultModalBig .close-window { right: 120px!important; top: 9px!important; }

.bgColor { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 9999; text-align: center; }
.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; font-family: 'Nunito-Bold'; }

.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 .navbar-left { margin-left: 45px; }
.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 #3c9895!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: #3c9895 !important; }
.text-colorb2 { color: #3c9895 !important; }
.text-color3 { color: #9de0f5 !important; }
.text-colorb3 { color: #33bfeb !important; }
.text-color0 { color: #c7b7e5 !important; }
.text-colorb0 { color: #3c9895 !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; }
/*login*/

.login-page { height: 100%; }
.login-page .panel { }
.login-page .panel-heading, .login-page .panel-footer { background: #FFF; border-color: #eee; }
.login-page .panel:after { clear: both; display: block; content: ""; }
.login-page .panel .login-left { position: relative; float: right; width: 455px; padding: 55px; background-color: #fff; height: 100%; }
.login-page .panel .panel-title { padding-left: 0px; font-size: 20px; margin-bottom: 10px; display: inline-block; font-family: 'Segoe UI Bold'; }
.login-page .panel .panel-title span { display: block; font-size: 15px; font-family: 'Segoe UI'; }
.login-page .panel .panel-heading { margin-bottom: 15px; background: none; border: none; }
.login-page .panel .panel-body.pn { padding: 0px !important; }
.login-page .panel .panel-body .form-group { margin-bottom: 5px; }
.login-page .panel .panel-body .input-group { width: 100%; }
.login-page .panel .panel-body .input-group input { padding: 5px; color: #979797 !important; border-bottom: 2px solid #d6d6d6 !important; border: none; border-radius: 0px; font-weight: 600; font-size: 13px; min-height: 37px; }
.login-page .panel .panel-body .input-group input[type="text"] { color: #3c9895 !important; }
.login-page .panel .panel-body .input-group input:focus { border-color: #3c9895 !important; }
.login-page .panel .login-rembr { text-transform: inherit !important; margin: 0px 5px !important; }
.login-page .panel .login-left input::placeholder { background-color: #fff; }
.login-page .panel .login-left input { border-radius: 5px; }
.login-page .panel .login-left .form-group:after { clear: both; display: block; content: ""; }
.login-page .panel .login-left label { color: #8b8b8b; text-transform: capitalize; font-size: 0.809em; margin-bottom: 0px; font-weight: normal; }
.login-page .panel .login-left p label { text-transform: initial; }
.login-page .panel .login-left .panel-footer { text-align: center; border: none; margin-top: 5px; }
.login-page .panel .login-left .panel-footer a { display: inline-block !important; width: 122px; text-align: center; padding: 5px 0px !important; border-radius: 50px; font-size: 11px !important; height: auto; background-color: #3c9895; font-weight: 600; line-height: 21px; }

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

.login-page .panel .login-right { float: left; width: calc(100% - 455px); height: 100%; padding: 75px; background: rgba(0, 0, 0, 0.4) url(../images/login/harrogate01.jpg); background-position: right center!important; background-size: cover!important; background-blend-mode: multiply;    text-align: right; }
.passEye { cursor: pointer; position: absolute; right: 2px; bottom: 10px; z-index: 5; color: #c1c1c1; }
.passEye .fa { font-size: 12px; }
.passEye:hover, .passEye:hover i.fa { color: #666666; }
.welcomDiv { display: inline-block; margin-top: 170px; }
.leftArw { display: inline-block; }
.welcomDiv h2 { color: #fff; font-weight: normal; margin: 0; margin-top: 0px; font-size: 37px; margin-top: 2px; letter-spacing: -1px; }
.welcomDiv h2 span { font-family: 'Mont Heavy DEMO', Arial; }
.welcomDiv h2 span.logoClr { color: #70b3b1; }
.welcomDiv p { color: #e3e3e5; font-size: 16px; margin: 5px 0px 0px 4px; letter-spacing: -0.3px; }

.login-footer { position: absolute; bottom: 46px; right: 45px; }
.login-footer h6 { margin: 0px; font-size: 12px; color: #c7c7c7; font-weight: normal; letter-spacing: -0.2px; }
.login-footer h6 a { color: #fe823a; text-decoration: none; }
.login-footer h6 span { font-size: 12.5px; }

.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 { width: 100%; background-color: #f7f7f7; border: 1px solid #b5b5b5; position: relative; min-height: 103px; border-radius: 5px; }
.fileUpload_area input.fudragndrop_btn { position: absolute; display: block; width: 100%; height: 100%; opacity: 0; border: 0px; background-color: #fff; z-index: 1; }
.fileUpload_area span.docs-tooltip { position: absolute; top: 40%; left: 15px; margin: auto; width: 350px!important; font-size: 14px; z-index: 0; right: 0; color: #919191; }
.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; z-index: 9; position: relative; background-color: transparent; border: 1px solid; }
.imgControl a .fa { padding-top: 2px; }
.imgControl a:hover { color: #3c9895; transition: .3s; }


.input-group .input-group-btn + input { border-radius: 0px 50px 50px 0px !important; }
.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 { font-family: 'Nunito-Bold'; }

.fillcolor-close { position: absolute; right: 7px; top: 5px; }
.fillcolor-close i.fa { font-size: 14px!important; }
.multiselect.dropdown-toggle:hover { color: #495057!important; }
.imgNameshow span:first-child { width: calc(100% - 70px); text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tblCstm .label { display: inline-block; padding: 3px 4px !important;  font-size: 13px !important;  margin: 2px;  white-space: initial; line-height: 1.1em; float: left; }


.rolesTbl .treetable table { width: 100%; }
.rolesTbl .treetable > table td { padding-top: 5px !important; }
.rolesTbl .treetable table > tbody > tr { margin: 0px 0px 5px; }
.rolesTbl .treetable table > tbody > tr > td:first-child { width: 30px !important; }
.rolesTbl .treetable table > tbody > tr > td { width: auto !important; padding: 0px 0px 5px; vertical-align: middle; }

.rolesTbl .brandmenu table td { padding: 5px 10px; }

/* Tooltip container */
.ttip { position: relative; display: inline-block; }
.ttip i { color: #70b3b1; font-size: 15px; }
.ttip .ttiptext { visibility: hidden; width: 180px; background-color: black; color: #fff; text-align: center; border-radius: 6px; position: absolute; z-index: 1; padding: 7px 5px; line-height: 1em; font-size: 12px; left: -23px; bottom: 20px; margin-left: -60px; text-transform:initial!important;}
.ttip:hover .ttiptext { visibility: visible; }
.ttip .ttiptext::after { content: " "; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: black transparent transparent transparent; }


/*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% / 6);  }
/* Customer Car */
.popTbl tr:first-child { width: 100%; }
.updtRplc { text-align: center; border-top: 1px dashed #ccc; padding-top: 20px; }
.modalElmts.modal-dialog .modal-header .closeBtn { width: 20px; height: 20px; float: right; line-height: normal; margin-top: 8px; margin-left: 15px; cursor: pointer; }
.modalElmts.modal-dialog .modal-header .closeBtn:hover { opacity: 0.8; }
.custImpBox select option:disabled { color: #dadada!important; }