/* font-family: 'Poppins', sans-serif; */ *{padding:0; margin:0; border:none; box-sizing:border-box;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; } a{color:inherit;-moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } a:after,a:before{ -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } body { font-family: 'Poppins', sans-serif; font-size: 18px; line-height:24px; font-weight: 400; color: #000; background-color: #F4EEF4; padding: 0; margin: 0; border: none;position: relative; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } :focus, :hover, a:hover, a:focus { outline: none; text-decoration: none; } a{ text-decoration: none; } .star { position: relative;} .align-left { float: left;} .align-right { float: right;} .align-center { text-align:center;} .text-al{text-align: left;} .text-ar{text-align: right;} .text-ac{text-align: center;} .clear { clear: both;} .imgMain{position:relative; text-align:center;} img { max-width: 100%; vertical-align: middle; border: none; max-height: 100%; border-radius: 0;} textarea{resize: none;} input, textarea{border-radius: 0; -webkit-appearance: none;} select {-webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '';} /*.clearfix:before, .clearfix:after, .container:before, .container:after,.clearDiv:before, .clearDiv:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after{content:" ";display:table} .clearfix:after, .container:after,.clearDiv:after, .container-fluid:after, .row:after{clear:both;}*/ /*.container {margin: 0 auto;width: 100%;max-width: 1366px;padding: 0 15px;}*/ .absoImg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;} svg:not(:root).svgImg{ overflow: visible } .svgImg{ display: inline-block; font-size: inherit; height: 1em; overflow: visible; vertical-align: -.125em; font-size:22px;} .wrapper { width: 100%; overflow: hidden; max-width: 1920px; margin: auto; position: relative} .trans {-moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} ::-webkit-input-placeholder{color:#000; font-weight: 300; font-family: "Poppins", sans-serif;} :-moz-placeholder{color:#000;opacity:1; font-weight: 300; font-family: "Poppins", sans-serif;} ::-moz-placeholder{color:#000;opacity:1; font-weight: 300; font-family: "Poppins", sans-serif;} :-ms-input-placeholder{color:#000; font-weight: 300; font-family: "Poppins", sans-serif;} ::-ms-input-placeholder{color:#000; font-weight: 300; font-family: "Poppins", sans-serif;} ::placeholder{color:#000; font-weight: 300; font-family: "Poppins", sans-serif;} /*Error Message Css Start*/ label.error,span.wpcf7-not-valid-tip{position:absolute;right:0;top:-20px;width:auto;height:auto;margin:0;-webkit-font-smoothing:auto;line-height:normal;font:11px/11px arial;background:#fb0101;padding:5px 5px 4px;color:#fff;z-index:1; min-width: 110px;} label#email_chimp-error.error{right:inherit;left:20px;z-index:2;} label.error:after,span.wpcf7-not-valid-tip:after{border-color:#fb0101 transparent transparent;-moz-border-image:none;-o-border-image:none;border-image:none;border-right:6px solid transparent;border-style:solid;border-width:6px;content:" ";height:0;left:20px;margin-left:-10px;position:absolute;top:100%;width:0;} div.wpcf7-validation-errors,div.wpcf7-acceptance-missing{display:none!important;} div.wpcf7-mail-sent-ng,div.wpcf7-aborted,div.wpcf7-response-output{float:left;width:100%;} .screen-reader-response, .wpcf7-display-none, .wpcf7 form .wpcf7-response-output{display:none !important;} .wpcf7-form-control-wrap{ display: inline-block; width: 100%;} .fixbody {overflow: hidden;/* position: fixed; */top: 0;bottom: 0;right: 0;left: 0;margin: auto;} .fixbody .overlay {visibility: visible;opacity: 1;} .overlay {position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 1; background: rgba(0, 0, 0, 0.55); opacity: 0; visibility: hidden; } .overlay.active { opacity: 1; visibility: visible; } /*Error Message Css End*/ .input-field.selectField { background-image: url(../images/angle_down_ison.svg); background-repeat: no-repeat; background-position: right 15px center; background-size: 12px; padding-right: 35px; text-overflow: ellipsis; } .SearNamGroupSel .select2-selection { width: 100%; background-color: #EEEEEE; border: 1px solid #E0E0E0; padding: 0px 18px 0px 15px; font-family: 'metropolis', sans-serif; font-weight: 400; font-size: 14px; line-height: 1.4em; height: 40px; color: #757575; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; } .SearNamGroupSel .select2-selection__rendered { margin: 0px; padding: 0px !important; line-height: 40px; color: #212121; font-weight: 600; } .SearNamGroupSel .select2-selection__arrow { top: -4px !important; bottom: 0px; line-height: 40px; margin: auto; } /* ------------------------- General css end ------------------------------- */ .cmsPage .tableDiv, .tableDiv { overflow-x: auto; position: relative; display: block; width: 100%; max-width: 100%; margin: 0 auto; } /*Header section css start*/ .flex-div{display: -webkit-box; display: -ms-flexbox; display: flex;} .btn { background-color: #C93270; border-color: #C93270; color: #ffffff; border-radius: 6px; max-width: 174px; padding: 9.5px 30.5px; } .btn.btn-left-icon img, .btn.btn-left-icon .svgImg, .btn.btn-left-icon svg{width: 15px; height: 15px; margin-right: 5px;} .btn.btn-right-icon img, .btn.btn-right-icon .svgImg, .btn.btn-right-icon svg{width: 15px; height: 15px; margin-left: 5px;} @keyframes stickyheader { from {transform: translateY(-100%);-moz-transform: translateY(-100%);-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);} to {transform: translateY(0);-moz-transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);} } @-webkit-keyframes stickyheader { from {transform: translateY(-100%);-moz-transform: translateY(-100%);-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);} to {transform: translateY(0);-moz-transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);} } .header-main.hFixed ~ .stickypadd { padding-top: 133px; width: 100%; display: inline-block;vertical-align: top;} .header-main.hFixed .header-right-top{margin-top: 5px; margin-bottom: 0;} .header-main.hFixed .header-right-nav{margin: 0px;} .header-main.hFixed .menuIcon{margin: 0 0 0 30px;} .header-main.hFixed .menuUl>li~li{margin-left: 30px;} .header-main.hFixed .menuUl a{font-size: 18px;} .header-main.hFixed .menuUl>li>a{line-height: 40px;} .header-main.hFixed .menuUl>li .arrow{height: 40px;} .header-main.hFixed .menuIcon span::before{bottom: -8px;} .header-main.hFixed .menuIcon span::after{top: -8px;} .header-main.hFixed .btn.header-btn{line-height: 40px; padding: 0 20px; font-weight: 400;} .header-main.hFixed .logo-div{max-width: 260px;} /*header-menu start*/ /*Header section css end*/ .asideMain { display: flex; flex-wrap: nowrap; justify-content: space-between; position: relative; } .asideLeft { width: 240px; height: 100%; position: fixed; left: 0px; z-index: 98; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} .asideRight { width: calc(100% - 240px); margin-left: 240px; position: relative; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } /*Header section start*/ .headerRow { display: flex; flex-wrap: wrap; } .headerLeft { width: 100%; background-color: #fff; box-shadow: 0px 7px 5px #0019AD1F; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 17px 20px 13px; } .headeRight { width: 100%; background-color: #fff; box-shadow: 0px 7px 5px #0019AD1F; padding: 0px 120px 0px 28.60px; display: flex; justify-content: space-between; min-height: 72px; } .header { z-index: 999; position: fixed; max-width: 1920px; margin: 0px auto; width: calc(100% - 240px); right: 0px; left: 0px; top: 0px; margin-left: 240px; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .headerCntDiv { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; } .headerCntLeft { display: flex; flex-wrap: wrap; align-items: center; } .desk_pagetitle { font-weight: 600; line-height: 1.3em; color: #212121; font-size: 14px; margin: 0px; } .mobile_pagetitle { font-weight: 600; line-height: 1.3em; color: #212121; font-size: 14px; display: none; } .datepartDiv { display: flex; border: 0.5717751383781433px solid rgba(0 0 0 / 25%); border-radius: 12px; padding: 4px 10px 4px 10px; } .datepartDiv .datatitle { font-size: 10px; font-weight: 400; color: #757575; line-height: 1.4em; } .selectDate { width: 98px; font-size: 10px; line-height: 1.4em; font-weight: 500; color: #212121; padding-left: 11px; } .selectDate select, .selectwebsite select { text-indent:0px; } .selectDate .input-field.selectField { background-size: 8px 5px; padding-right: 16px; background-position: right 0px center; } .viewpartDiv { width: 260px; display: flex; border: 0.5px solid #E0E0E0; border-radius: 12px; padding: 4px 13px 4px 12px; background: #EEEEEE; margin: 0px 23.63px 0px 14px; } .viewtitle { font-size: 10px; line-height: 1.4em; color: #757575; font-weight: 400; display: inline-flex; width: 45px;} .selectwebsite { width: 100%; font-size: 10px; line-height: 1.4em; font-weight: 500; color: #212121; display: flex; } .selectwebsite select { background-color: transparent; } .selectwebsite .input-field.selectField { background-size: 8px 5px; padding-right: 16px; background-position: right 5px center; width: 100%; } .leadlistBtnCol .viewpartDiv .viewtitle { width: 80px; } .datepartDiv .customeSearch .form-control { border: none; border-radius: 0px; box-shadow:none; height: inherit; padding: 0px 8px 0px 5px; font-size: 11px; color: #212121; } .datepartDiv .customeSearch.demo { width: 175px; position: relative; } .datepartDiv .cust_searchBox { display: flex; align-items: center; } .datepartDiv .searchWrap { display: flex; align-items: center; } .datepartDiv .serdateBtn { min-height: 20px; padding: 0px 10px; font-size: 11px; } .datepartDiv .serdateBtn:not(:last-child) { margin-right: 5px; } .datepartDiv .searchWrap .demo i { bottom: inherit; } .datepartDiv .searchWrap .fa-calendar { top: 2px; } .datepartDiv .searchWrap .fa-calendar::after { content: "\f073"; font: 12px/1 FontAwesome; font-weight: normal; color: #C93270; } .datepartDiv .searchWrap .fa-calendar { position: absolute; top: 1px; right: 8px; line-height: 0px; } /*Header section End*/ #myDiv .svg-container{width: 100% !important;} #myDiv .svg-container svg{width: 100%;} /*Middal section start*/ .contentRow { display: flex; flex-wrap: wrap; } .sidemenu-main { width: 100%; height: calc(100% - 72px); background-color: #4D044D; display: flex; flex-direction: column; justify-content: space-between; } .contentRight { width: 100%; display: flex; flex-direction: column; justify-content: space-between; /*height: calc(100vh - 72px); overflow: auto; scroll-behavior: smooth;*/} .maincontentDiv { padding: 40px 99px 58.88px 28.60px; display: block; } .asideLeft.minimize { width: 90px; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .asideLeft.minimize ~ .asideRight { width: calc(100% - 90px); margin-left: 90px; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .asideLeft.minimize ~ .asideRight .header { width: calc(100% - 90px); margin-left: 90px; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .asideLeft.minimize .logo { width: 0px; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .asideLeft.minimize .headerLeft { padding: 23.8px 20px; justify-content: center; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} .sidemenu-panel.minimize ul.sidebarUl li a span:not(.menu-icon) { display: none; } .sidemenu-panel.minimize .menu-icon i.nav-icon { width: 25px; height: 25px; margin-right:0px; } .sidemenu-panel.minimize ul.sidebarUl li a { text-align: center; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .sidemenu-panel.minimize .userinfo .username, .sidemenu-panel.minimize .userinfo .adminfoTxt { font-size: 0px; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .sidemenu-panel.minimize .userIcon { margin-right: 0px; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .sidemenu-panel.minimize .navigationpart .menutitle { text-align: center; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } /*Middal section End*/ /*Menu section start*/ .navigationpart { display: block; padding: 22px 20px 0px; position: relative; } .user-profilepart { display: flex; flex-wrap: wrap; align-items: center; border-top: 0.5px solid rgba(255 255 255 / 24%); padding: 12px 20px 12px; } .userinfo { display: flex; flex-wrap: wrap; flex-direction: column; max-width: calc(100% - 57.55px); flex-basis: calc(100% - 57.55px); } .userIcon { margin-right: 10.55px; max-width: 47px; flex-basis: 47px; } .userinfo .username { color: #C93270; font-weight: 400; font-size: 14px; line-height: 1.4em; } .userinfo .adminfoTxt { color: rgba(255 255 255 / 40%); font-size: 12px; font-weight: 400; line-height: 1.4em; } .navigationpart .menutitle { font-weight: 400; font-size: 12px; color: rgba(255 255 255 / 25%); padding-bottom: 25.7px; } .navigationpart ul.sidebarUl li { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; padding-bottom: 29.7px; position: relative; width: 100%; } .navigationpart ul.sidebarUl li a { font-size: 14px; line-height: 1.2em; font-weight: 400; color: rgba(255 255 255 / 40%); display: block; } .navigationpart ul.sidebarUl li a i.nav-icon { background-repeat: no-repeat; background-size: contain; background-position: center; display: inline-flex; position: relative; top: 2px; margin-right: 18.60px; } .navigationpart ul.sidebarUl li a i.dashboard { background-image: url(../images/menu_icon/dashboard.svg); width: 15px; height: 15px; } .navigationpart ul.sidebarUl li a i.leadList { background-image: url(../images/menu_icon/leadlist.svg); width: 14px; height: 16.79px; } .navigationpart ul.sidebarUl li a i.leadrecipient { background-image: url(../images/menu_icon/recipient.svg); width: 14px; height: 14px; } .navigationpart ul.sidebarUl li a i.reporting { background-image: url(../images/menu_icon/reporting.svg); width: 13px; height: 17.07px; } .navigationpart ul.sidebarUl li.active > a { color: #fff; } .navigationpart ul.sidebarUl li.active > a i { color: #fff; } .navigationpart ul.sidebarUl li.active > a i.dashboard { background-image: url(../images/menu_icon/dashboard_hover.svg); } .navigationpart ul.sidebarUl li.active > a i.leadList { background-image: url(../images/menu_icon/leadlist_hover.svg); } .navigationpart ul.sidebarUl li.active > a i.leadrecipient { background-image: url(../images/menu_icon/recipient_hover.svg); } .navigationpart ul.sidebarUl li.active > a i.reporting { background-image: url(../images/menu_icon/reporting_hover.svg); } /*Menu section End*/ /*Footer section start*/ .footer { width: 100%; background-color: #FFFFFF; width: 100%; padding: 26px 67.60px 20px 27.83px; } .copyrightRow { display: flex; justify-content: space-between; font-size: 16px; line-height: 1.4em; font-weight: 400; } .pipe { padding: 0 10px; } .mobile-fix-contact { display: none; } .powerd-by a { margin: 0px 0px 0px 5px; } .back-to-top {position: fixed;bottom: 80px;right: 12px;cursor: pointer;opacity: 0;z-index: -1;background-color: transparent;transition: .4s ease-in-out;-webkit-transition: .4s ease-in-out;-ms-transition: all .4s ease-in-out;-o-transition: .4s ease-in-out;} .back-to-top.show {opacity: 1;visibility: visible;z-index: 9;} .back-to-top .btns {width: 46px; height: 46px; line-height: 50px; padding: 0; position: relative; border-radius: 50%; border: 1px solid #1057a3; box-shadow: 0 0 8px rgba(255,255,255,.3); transition: .3s; color: #1057a3; text-align: center; display: inline-block; background: 0 0;} .scrollTop span::after {content: ''; width: 14px; height: 14px; border-bottom: 5px solid #1057a3; border-left: 5px solid #1057a3; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); position: absolute; top: 5px; bottom: 0; right: 0; margin: auto; left: 0; transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: .4s ease-in-out;} /*Footer section end*/ .commonRow .row { margin-right: -11px; margin-left: -11px; } .commonRow .row [class*="col-"] { padding-right: 11px; padding-left: 11px; } .CommonBox { background-color: #fff; box-shadow: 2px 3px 5px #0019AD0A; margin-bottom: 22px; padding: 30px; position: relative; display: block; height: calc(100% - 22px); } .boxTitle { font-size: 14px; color: #757575; line-height: 1.4em; font-weight: 400; } .boxTitle span { color: #212121; } /*dashboard section start*/ /*.leadsTotle { display: flex; flex-wrap: wrap; align-items: center; padding-top: 2px; }*/ .leadsTotle { padding-top: 2px; } .border-right.leadsTotle:before{position: absolute; width: 1px; background:#ddd; height:100%; content:""; right: 10px; top:0;} .leadsIcon { margin-right: 5px; } .leadstotxt { font-size: 22px; line-height: 1.4em; font-weight: 400; color: #000000; } .totaleadIcon { background-image: url(../images/total_leads.png); width: 65px; height: 59px; } .salesIcon { background-image: url(../images/sales_leads.png); width: 64px; height: 44px; } .fixedIcon { background-image: url(../images/fixedops_leads.png); width: 62px; height: 52px; } .BtitleRow { display: flex; flex-wrap: wrap; justify-content: space-between; } .BtitleRow .viewlink { font-weight: 400; font-size: 14px; line-height: 1.2em; color: #2196F3; } .resourcesBox .resourList ul li { font-size: 12px; color: #757575; font-weight: 400; line-height: 1.3em; padding-top: 26px; padding-left: 12px; position: relative; } .resourcesBox .resourList ul li:first-child{ font-weight: 700; color: #212121; } .resourcesBox .resourList ul li:before { content: ''; width: 5px; height: 5px; background-color: #B91C8A; border-radius: 50%; position: absolute; top: 31px; left: 0px; } .resourcesBox .bellIcon { background-image: url(../images/bell_icon.png); width: 80px; height: 137px; } .periodBox .clockIcon { background-image: url(../images/clock_icon.png); width: 109px; height: 136px; bottom: 20px; } .bigboxpaddigBot { padding-bottom: 60px; } .BoxIcons { position: absolute; right: 0px; bottom: 0px; background-repeat: no-repeat; background-size: contain; background-position: right bottom; } .periodDiv { display: flex; flex-wrap: wrap; align-items: center; padding-top: 25px; } .periodIcon { background-color: #C93270; padding: 28px 27.8px; border-radius: 20px; margin: 0px 32px 0px 42px; } .periodtext { display: flex; flex-wrap: wrap; flex-direction: column; } .periodtext .weekendtxt { font-weight: 600; font-size: 19.28px; line-height: 1.4em; color: #212121; } .periodtext .timetxt { font-weight: 400; font-size: 16.87px; line-height: 1.4em; color: #C93270; } .viewebsiteDiv { display: inline-flex; padding: 0px 21px 0px 15px; position: relative; } .viewebsiteDiv::before { content: ''; position: absolute; width: 1px; height: 100%; background-color: #616161; left: 8px; top: 0px; bottom: 0px; margin: auto; } .viewebsiteDiv span { color: #616161; font-size: 12px; line-height: 1.2em; font-weight: 400; } .viewleadsBtnRow { padding-top: 20px; display: block; } .boxscroll ul { overflow: auto; position: relative; width: 100%; height: 105px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .leadsite-results ul li { font-size: 12px; line-height: 1.2em; font-weight: 400; color: #212121; position: relative; padding-bottom: 8px; display: flex; align-items: center; } .leadsite-results ul li span.txt_red { color: #B91C8A; } .leadsite-results ul li span.txt_blueviolet { color: #544098; } .leadsite-results ul li span.txt_indio { color: #419898; } .leadsite-results ul li span.txt_peagreen { color: #71B444; } .leadsite-results ul li span.txt_golden { color: #B2B244; } .leadsResultCnt { display: flex; align-items: center; padding-top: 30px; } .leadsite_chart { position: relative; width: 150px; margin-right: 15px; } .leadsite-results { width: calc(100% - 150px); } .legend-con {font-weight: 400; display: inline-block; width: 100%; } .legend-con li span.chart-legend {width: 7px; height: 7px; margin-right: 10px; } .bigchartDiv { width: 100%; display: block; padding-top: 20px; } /*dashboard section End*/ /*Lead section start*/ .leadlistitleRow { width: 100%; display: flex; justify-content: space-between; align-items: center; background-color: #fff; padding: 21.24px 53px 21.63px 29px; } .leadlistitleCol { width: 22%; } .ViewConsolitabRepor { margin-bottom: 30px; } .dashRow { border-bottom: 1px solid #dddddd; } .leadlistDiv { display: block; width: 100%; box-shadow: 5px 11px 14px #0019AD0A; } .leadlistBtnCol { width: calc(100% - 22%); } .leadSearDiv { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; } .tableTitle { font-size: 18px; font-weight: 500; color: #757575; line-height: 1.4em; } .input_search { width: 200px; border: 1px solid rgba(0 0 0 / 25%); border-radius: 21px; height: 41px; font-size: 12px; color: #BDBDBD; line-height: 1.1em; font-weight: 400; padding: 0px 25px 0px 46px; position: relative; } .input_search:focus { border-color: #BDBDBD; background-color: #EEEEEE; color: #212121; } .searchIcon { background-image: url(../images/search_icon.svg); background-repeat: no-repeat; width: 13.23px; height: 13.23px; background-position: center; background-size: contain; position: absolute; z-index: 1; top: 14.7px; left: 15px; } .leadlistBtnCol .form-search { position: relative; margin-left: 15px; } .mob_searchIcon { opacity: 0; visibility: hidden; } .leadlistBtnCol .BtnsDiv { padding-left: 10px; } .leadlistBtnCol .BtnsDiv .btn { font-size: 14px; } .btnReset { background-color: #B0BEC5; border-color: #B0BEC5; } .btnExport { background-color: #2196F3; border-color: #2196F3;} .tableMain-Div .tableDiv table thead { background-color: #ECEFF1; } .tableMain-Div .tableDiv table thead th { color: #212121; font-size: 14px; line-height: 1.2em; font-weight: 600; white-space: nowrap; } .tableMain-Div table th { padding: 22px 15px; display: table-cell; } .tableMain-Div table td { padding: 22px 15px 18px; } .tableMain-Div table { width: 100%; } .tableMain-Div table tbody td { background-color: #fff; color: #424242; font-size: 12px; line-height: 1.2em; font-weight: 400; } .tableMain-Div table tbody td span { display: block; } .tableMain-Div table tbody td a.viewlink { color: #2196F3; } .tableMain-Div table tbody td a.markreadlink { color: #4CAF50; } .tableMain-Div table tbody td span.seprtepip { display: inline-block; width: auto; padding: 0px 5px; } .tableMain-Div table tbody tr:not(:last-child) { border-bottom: 0.5px solid rgba(33 33 33 / 38%); } table td:first-child, table td:last-child, table th:first-child, table th:last-child { padding-left: 30px; padding-right: 30px; } .list-bottom { background-color: #fff; } .innerdateSel { position: relative; } .innerdateSel .form-control { color: #C93270; background-color: #f2f3f7; padding: 6px 30px 6px 12px; width: 225px; border: none; box-shadow: none; } .innerdateSel .fa-calendar::after { content: "\f073"; font: 12px/1 FontAwesome; font-weight: normal; color: #C93270; position: absolute; top: 10px; right: 10px; } .fa-calendar:before { display: none; } table.ui-datepicker-calendar td:first-child, table.ui-datepicker-calendar td:last-child, table.ui-datepicker-calendar th:first-child, table th:last-child{padding: 4px;} /*Lead section End*/ .modebar-container { display: none !important; } .subminTit { font-size: 22px; line-height: 1.3em; color: #000000; } .log-bg-img { background-image: url(../images/log-bg.png); background-repeat: no-repeat; background-position: center; background-size: cover; min-height: 100vh; width: 100%; position: relative; display: flex; align-items: center; justify-content: center; } .login-form input, textarea { width: 100%; } .chat-img { position: absolute; bottom: 0; right: 100px; } .login-wrp { background-color: #fff; box-shadow: 8px 11px 22px #AA005912; border: 1px solid #E0E0E0; max-width: 675px; padding: 50px; text-align: center; width: 100%; } .login-wrp .logo { margin-bottom: 25px; } .log-title { font-weight: 600; font-size: 30px; margin-bottom: 11px; } .log-subtitle { color: #616161; font-size: 18px; margin-bottom: 50px; font-weight: 400; } .login-form { width: 489px; margin: 0 auto; position: relative; z-index: 1; } .login-form .form-group { border: 1px solid#BDBDBD; margin: 0; text-align: left; padding: 15px 20px; position: relative; margin-top: -1px; } .input-focus::after { content: ""; position: absolute; left: 0px; top: 0px; bottom: 0px; width: 3px; background-color: #C93270; } .login-form label { display: block; font-size: 16px; font-weight: 500; } .login-form input[type="text"] { font-size: 14px; color: #757575; } .login-form input::-webkit-input-placeholder {color: #757575; font-size: 14px; } .login-form input::-moz-placeholder {color: #757575; font-size: 14px; } .login-form input:-ms-input-placeholder {color: #757575; font-size: 14px; } .login-form input:-moz-placeholder {color: #757575; font-size: 14px; } .forgot-pass {font-size: 16px; text-align: right; display: block; color: #2196F3; margin-top: 10px; font-weight: 600; } .SearchboxDiv { display: inline-flex; } .cmsbtn { background-color: #C93270; border: 1px solid #C93270; color: #fff; width: 174px; height: 45px; border-radius: 6px; margin-top: 40px; font-size: 16px; font-weight: 500; margin-bottom: 45px; cursor: pointer; } .thankImg { margin-bottom: 15px; } .thankyouSec .log-subtitle { margin-bottom: 30px; } .backloginbtn { display: inline-flex; align-items: center; justify-content: center; margin: 0px; } /* Dealership List Start */ .dealership-wrp { background-color: #fff; } .list-top-left { padding: 20px; } .dealer-main-title { color: #757575; font-size: 14px; } .dealership-table table { font-family: 'Poppins', sans-serif; border-collapse: collapse; width: 100%; } .dealership-table td { border-bottom: 1px solid #dddddd; text-align: left; padding: 20px; color: #424242; font-size: 12px; word-break: break-word; white-space: nowrap;} .action-hd { width: 220px; } .dealership-table .view-update{color: #2196F3; } .dealership-table table thead { background-color: #ECEFF1; } .dealership-table th { background-color: #ECEFF1; color: #212121; font-size: 14px; font-weight: 600; padding: 20px 20px; vertical-align: middle; line-height: 0px; white-space: nowrap;} .dealership-table tr th:first-of-type { width: 80px; } .dealership-table .cust-checkbox {-webkit-appearance: auto; -moz-appearance: auto; appearance: auto; position: relative; width: auto; } .dealership-table .cust-checkbox::before {content: ''; background-color: #fff; border: 1px solid #C93270; position: absolute; cursor: pointer; width: 16px; height: 16px; left: 0; top: 0; } .dealership-table .cust-checkbox:checked:after {content: ''; display: block; position: absolute; top: 1px; left: 5px; width: 6px; height: 10px; border: solid #C93270; border-width: 0 2px 2px 0; transform: rotate(45deg); } .cust-checkbox-th::before{ background-color: #eceff1; } .custom_checkbox input[type='checkbox'] + label { top: 3px; } .for-desk input[type='checkbox'] + label { top: 0px; } .custom_checkbox input[type=checkbox] { width: 0px; height: inherit; } .custom_checkbox input[type='checkbox'] + label > span{width:16px;height:16px;border: 1px solid #C93270; margin: 0px;} .custom_checkbox input[type='checkbox']:checked + label > span{background-color: #fff;border-color: #C93270;} .custom_checkbox input[type='checkbox'] + label { position: relative; display: inline-flex; align-items: center; font-size: 14px; color: #C93270; font-weight: 400; } .custom_checkbox input[type='checkbox']:checked + label > span:before { content: ""; border-left: 2px solid #C93270; border-bottom: 2px solid #C93270; position: absolute; top: 3px; left: 3px; width: 10px; height: 6px; transform: rotate(-45deg);} /* list-bottom-start */ .list-bottom {font-size: 12px; color: #757575; display: flex; justify-content: space-between; align-items: center; padding: 20px; } .list-bottom-left {display: flex; align-items: center; } .numOfRecord { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; position: relative; width: auto; padding: 3px 12px; border-radius: 16px; border: 1px solid#757575; margin: 0 10px; font-size: 10px; } .numOfRecord::after {content: ''; display: block; position: absolute; top: 2px; left: 9px; width: 6px; height: 14px; border: solid #757575; border-width: 0 2px 2px 0; transform: rotate(45deg); } /* pagination start */ .pagination { display: flex; flex-wrap: wrap; } .pagination a { color: #424242; padding: 2px 22px 3px; border-radius: 16px; border: 1px solid rgb(0 0 0 / 8%); font-size: 12px; font-weight: 400; } .paging-section { display: flex; flex-wrap: wrap; } .pagination a.active { background-color: #4D044D; color: #fff; border-radius: 16px; } .pagination a.disable { border: none; pointer-events: none; color: #757575; } .for-mob{ display: none; } .pagination a:not(:last-child) { margin: 0px 6px 0px 0px; } /* pagination end */ /* list-bottom-end */ /* update-dealer-start */ .update-dealer-wrp { background-color: #fff; } .update-dealer-top {padding: 20px; } .update-dealer-top-inner {display: flex; justify-content: space-between; align-items: center; } .update-dealer-top-right {display: flex; } .update-dealer-top-right .cmsbtn {margin: 0; padding: 10px 20px; width: auto; } .update-dealer-top-right .cmsbtn.save-continue { margin: 0 13px; } .back { background-color: #B0BEC5; border-color: #B0BEC5; } .save { background-color: #4CAF50; border-color: #4CAF50; } .update-dealer-bottom {border-bottom: 1px solid #BDBDBD; } .updatedealerUl { display: flex; flex-wrap: wrap; } .update-dealer-bottom a {background-color: #C93270; color: #fff; padding: 14px 40px; display: inline-block; margin-left: 20px; font-size: 16px; cursor: pointer; position: relative; } ul.updatedealerUl li.active a { pointer-events: none; } .dealership-website-name-inner{display: flex; padding: 20px 20px 30px; } .dealership-website-name-titile {font-size: 14px; font-weight: 500; margin-bottom: 13px; } .dealership-website-name {margin-right: 150px; width: 100%; max-width: 397px; } .formgroup { cursor: no-drop; } .input-wbsite {background-color: #EEEEEE; font-size: 12px; border: 1px solid#BDBDBD; padding: 5px 10px; width: 100%; pointer-events: none; } .update-dealer-titles {display: flex; background-color: #ECEFF1; padding: 20px; } .update-dealer-title {font-size: 14px; color: #212121; font-weight: 600; } .cust-lable { color: #424242; font-size: 12px; margin-right: 15px; min-width: 25px; font-weight: 400; } .cust-input {border: 1px solid#BDBDBD; padding: 8px 10px; font-size: 12px; width: 100%; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .cust-input:focus { border-color: #BDBDBD; background-color: #EEEEEE; } .cust-input::-webkit-input-placeholder {color: #424242; font-size: 12px; font-weight: 400; } .cust-input::-moz-placeholder {color: #424242; font-size: 12px; font-weight: 400; } .cust-input:-ms-input-placeholder {color: #424242; font-size: 12px; font-weight: 400; } .cust-input:-moz-placeholder {color: #424242; font-size: 12px; font-weight: 400; } .lead-type-des{color: #424242; font-size: 12px; font-weight: 400; line-height: 1.3em; } .show-in-mobile{display: none; } .update-dealer-detail-list-content .form-group {margin-bottom: 10px; display: flex; align-items: center; margin: 0px 0px 15px 0px; } .update-dealer-email-wrp .form-group:last-child {margin-bottom: 0px; } .update-dealer-detail-list-content{display: flex; padding: 15px 20px; border-bottom: 1px solid#BDBDBD; } .update-dealer-email-wrp {width: 40%; margin: 0px 100px; } .update-dealer-nam-wrp {width: 23%; } .update-dealer-lead-wrp{width: 23%; } .update-dealer-top-right.update-dealer-bottom-right {padding: 30px 20px; justify-content: flex-end; } /* update-dealer-end */ .mobile_drawer { display: none; } .nodatalist { display: flex; justify-content: center; align-items: center; margin-top: 25px; } .nodatalist .nodatit { font-weight: 600; color: #000; font-size: 20px; line-height: 1.4em; } .overlayloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000000; background: rgba(0, 0, 0, 0.5); transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1); display: none; } .overlayCrt { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .loader { width: 128px; height: 128px; border: 3px solid #fff; border-bottom: 3px solid transparent; border-radius: 50%; position: relative; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; display: flex; justify-content: center; align-items: center; } .loader .inner { width: 64px; height: 64px; border: 3px solid transparent; border-top: 3px solid #fff; border-radius: 50%; -webkit-animation: spinInner 1s linear infinite; animation: spinInner 1s linear infinite; } @-webkit-keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes spinInner { 0% { transform: rotate(0deg); } 100% { transform: rotate(-720deg); } } @keyframes spinInner { 0% { transform: rotate(0deg); } 100% { transform: rotate(-720deg); } } .chrtfrtHeight { min-height: 550px; } .chrtsecHeight { min-height: 510px; } .boxMinheight { min-height: 235px; } .mobile-block { display: none; } .custom_checkbox span { margin-top: 5px; } /* Reports List Start */ .ReporSearDiv { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; } .ReporSearDiv .customeSearch { width: 31%; } .reportable tr th:first-of-type { width: 80px; } .ReoptiUL { display: flex; flex-wrap: wrap; margin-top: 2px; } .ReoptiUL li { position: relative; } .ReoptiUL li:not(:last-of-type)::after { content: ''; background-color: rgba(33 33 33 / 50%); width: 1px; height: 10px; position: absolute; right: -6px; top:3px; } .ReoptiUL li:not(:first-of-type) { margin-left: 10px; } .mailAttDocSec { display: flex; flex-wrap: wrap; } .mailAttDocDiv { width: 23.5%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; flex-direction: column; border: 1px solid rgba(0 0 0 / 25%); margin-bottom: 15px; margin-right: 15px; } .mailAttDocDiv .mailAttImg { padding: 10px; width: 100%; text-align: center; display: block; } .mailAttitxt { padding: 5px 0px; border-top: 1px solid rgba(0 0 0 / 25%); width: 100%; text-align: center; } .mailAttitxt a { font-size: 16px; font-weight: 400; color: #212121; line-height: 1.4em; } .mailAttDocDiv:nth-child(4n+4) { margin-right: 0px; } /* Reports List Start */ .generptBtn { background-color: #6c757d; color: #fff; border-color: #6c757d; max-width: inherit; } .chatRptSeaDiv { display: flex; justify-content: flex-end; } .tabHeader{display:inline-block; width:100%; padding:0px; margin: 0px 0px 10px; border-bottom:1px solid #0073aa;} span.tabBtn + span.tabBtn { margin-left:3px; } .tabHeader > span.tabBtn {line-height: 40px; height: 40px; display: inline-block; padding: 0 20px; color: #000; width:auto; margin:0; cursor:pointer; background:#eee;} .tabHeader > span.current{background: #C93270;color:#fff;} .tabDiv { float: left; width: 100%; display: none; } .tabDiv.current { display: block; } .tabMain { float: left; width: 100%; padding: 0px; } .formBox li { float: left; width: 50%; margin: 0px 0px 27px; position: relative; } .formBox li.fullLi { width: 100%; } .labelSpan { display: inline-block; vertical-align: top; color: #000; font-weight: 500; font-size: 16px; } .txtBox { float: left; width: 100%; position: relative; margin: 6px 0px 0px; } .txt { float: left; width: 100%; border: 1px solid rgba(0 0 0 / 25%);; padding: 0 10px; font-size: 14px; color: #000; } .txtBox .txt { height: 40px; } .txtDescdiv .txt { height: auto; padding-top: 5px; } /* View Customer Report Start */ .ReporHeadingRow { display: flex; flex-wrap: wrap; } .custreprtDiv { display: flex; flex-wrap: wrap; } .lichatCutReporDiv { display: block; width: 100%; border-top: 2px solid #E0E0E0; } .report_detail { width: 40%; display: flex; flex-direction: column; } .report_detail:not(:last-child) { padding-right: 15px; } .CusrepSubtile { font-size: 13px; line-height: 1.2em; font-weight: 600; color: #C93270; margin: 0px 0px 3px 0px; } .Cusreptitle { font-size: 18px; line-height: 1.4em; font-weight: 600; color: #757575; } .custreprtCol { display: flex; } .cusrepledDtil { width: 24%; margin-bottom: 15px; box-shadow: 2px 3px 5px #0019ad0a; padding: 15px; border: 1px solid #ECEFF1; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: rgba(238,238,238,0.15); border-radius: 8px; margin-right: 15px; } .cusrepledDtil:nth-child(4n+4) { margin-right: 0px; } .reporledtit { font-weight: 500; color: #000; font-size: 16px; line-height:1.4em; text-align: center; } .reporledtotle { font-weight: 700; font-size: 18px; line-height: 1.4em; color: #C93270; margin-top: 10px; display: block; text-align: center; width: 100%; } .custreprtit { font-size: 22px; color: #212121; line-height: 1.4em; font-weight: 600; } .custreprtRow { display: flex; width: 100%; flex-direction: column; } .custreprtitDiv { display: block; width: 100%; margin-bottom: 20px; } .reptotdtailRow { display: flex; flex-direction: column; background-color: rgba(240,240,240,0.30); box-shadow: 2px 3px 5px #0019ad0a; padding: 15px; border: 1px solid #ECEFF1; margin: 0px 0px 20px 0px; } .ledtolDiv { display: flex; flex-wrap: wrap; } .ledtoltit { font-size: 16px; color: #757575; line-height: 1.4em; font-weight: 500; } .ledtoltxt { font-size: 18px; font-weight: 600; line-height: 1.4em; color: #212121; margin-left: 10px; } .cusrepledIMg { display: block; margin-bottom: 5px; } .reporchartDiv { width: 100%; display: block; padding: 30px 0px; } .reporchartimg { display: block; margin: 30px 0px; } .reporchartDiv { box-shadow: 2px 3px 5px #0019ad0a; border: 1px solid #ECEFF1; background-color: rgba(238,238,238,0.10); padding: 20px; margin-bottom: 30px; } .chartdetailBox { display: flex; flex-direction: column; align-content: center; background-color: rgba(238,238,238,0.60); padding: 15px; border: 1px solid #dadddf; width: 300px; border-radius: 40px; text-align: center; margin: 0px auto; } .charsecTit { font-size: 20px; font-weight: 600; color: #212121; line-height: 1.4em; } .charsubtxt { font-size: 18px; font-weight: 500; color: #757575; line-height: 1.4em; } .chrtsitlinDiv { width: 100%; display: block; } .chrtsitlinDiv .siteline-table { width: 100% } .chrtsitlinDiv thead { background-color: #C93270; color: #fff; font-size: 16; line-height: 1.4em; font-weight: 600; } .chrtsitlinDiv thead th, .chrtsitlinDiv tbody td { padding: 10px 15px; } .chrtsitlinDiv .siteline-table tbody td { font-size: 14px; line-height: 1.4em; font-weight: 400; color: #424242; } .chrtsitlinDiv .siteline-table tbody tr:nth-of-type(even) {background-color: #ECEFF1;} .reportimRow { display: flex; flex-direction: column; align-items: center; box-shadow: 2px 3px 5px #0019ad0a; padding: 15px; border: 1px solid #ECEFF1; background-color: rgba(238,238,238,0.15); width: 25%; margin-right: 15px; } .reportimIcon img { width: 60px; } .reportimdtail { display: flex; flex-direction: column; align-items: center; text-align: center; } .reportimdtail .reportimtile { font-weight: 400; color: #757575; font-size: 16px; line-height: 1.4em; margin: 4px 0px; } .reportimdtail .reportimsubtile { font-weight: 400; color: #212121; font-size: 18px; line-height: 1.4em; } .ChrtRporContent .titleDiv { background-color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 10px 15px; } .ChrtRporContent .titleDiv i.fa { font-size: 20px; color: #C93270; cursor: pointer; transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); } .ChrtRporContent .titleDiv.active i.fa { transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); } .ChrtRporContent .titSpan { font-weight: 600; line-height: 1.4em; font-size: 18px; color: #212121; } /* View Customer Report End */ .leadviewtitSec { border-bottom: 1px solid #E0E0E0; } .leadDtailSec { display: block; width: 100%; } .leadDtailTitle { display: block; border-bottom: 1px solid #E0E0E0; background-color: #ECEFF1; padding: 15px 20px; } .leadDtailTitle .leddtailtit { font-weight: 600; color: #212121; font-size: 16px; line-height: 1.3em; } .leadDtailSec .backBtn { display: flex; justify-content: flex-end; padding: 20px 20px 20px; } .leadDtailSec .backBtn .back { padding: 8px 20px; width: auto; margin: 0px; height: auto; } .leadDtailSec .backBtn .back i.fa { margin-right: 5px; font-size: 18px; } /*.ledDtilist ul.ViewLead { display: flex; flex-wrap: wrap; } .ledDtilist ul.ViewLead li { width: 50%; display: inline-flex; align-items: center; margin-bottom: 10px; } .ledDtilist ul.ViewLead li:nth-child(even) { padding-right: 20px; } .ledDtilist ul.ViewLead li.fullWidth { width: 100%; display: inline-flex; } .ledDtilist ul.ViewLead li .viewtbltit { font-weight: 600; line-height: 1.4em; color: #757575; font-size: 16px; margin-right: 10px; } .ledDtilist ul.ViewLead li .viewtblDtail { font-weight: 400; line-height: 1.4em; color: #000; font-size: 16px; }*/ .ledDtilistRow { display: block; width: 100%; } .ledDtilistCol { display: flex; flex-direction: column; padding: 20px 15px; } .ledDtilistCol .ledDtilistit { color: #757575; font-weight: 500; margin-bottom: 6px; font-size: 14px; line-height: 20px; } .ledDtilistCol .ledDtilCnt { color: #000000; font-weight: 400; font-size: 16px; line-height: 20px; } .ledDtilistCol .ledDtilCnt label { color: #000000; font-weight: 400; font-size: 16px; line-height: 20px; } .ledtailRow { border-bottom: 1px solid #E0E0E0; margin-right: 0px; margin-left: 0px; } .report_page .innerdateSel{display: flex; flex-direction: row;} .report_page .input_data_report{position: relative; } .report_page .innerdateSel .input_data_report ~ .input_data_report{margin-left:5px;} /* Responsive Media query css start */ @media only screen and (min-width: 1200px){ a[href^="sms"], a[href^="tel"] { pointer-events: none;} a[href^="mailto"] {word-break: break-all; } a:hover{color: #C93270;} .tableMain-Div table tbody td a:hover { color: #C93270; } .btn:hover, .btn:focus, .btn:active, .ui-dialog .ui-dialog-buttonpane button:hover { border-color: #830136; background-color: #830136; color: #fff; } .btnReset:hover { background-color: #6c757d; border-color: #6c757d; color: #fff; } .btnExport:hover { background-color: #0069da; border-color: #0069da; color: #fff; } .BtitleRow .viewlink:hover { color: #C93270; } .navigationpart ul.sidebarUl li a:hover { color: #fff; } .navigationpart ul.sidebarUl li a:hover i.dashboard { background-image: url(../images/menu_icon/dashboard_hover.svg); } .navigationpart ul.sidebarUl li a:hover i.leadList { background-image: url(../images/menu_icon/leadlist_hover.svg); } .navigationpart ul.sidebarUl li a:hover i.leadrecipient { background-image: url(../images/menu_icon/recipient_hover.svg); } .navigationpart ul.sidebarUl li a:hover i.reporting { background-image: url(../images/menu_icon/reporting_hover.svg); } .sidemenu-panel.minimize .sidebarUl a:hover span:not(.menu-icon) { font-size: 14px; position: absolute; left: 40px; z-index: 1; background: #4D044D; line-height: 40px; min-width: 200px; top: -6px; display: block; text-align: center; } .cmsbtn:hover { background-color: #fff; border-color: #C93270; color: #C93270; } .save:hover { background-color: #1e7e34; border-color: #1e7e34; color: #fff; } .back:hover { background-color: #6c757d; border-color: #6c757d; color: #fff; } .dealership-table .view-update:hover{ color: #C93270; } .pagination .pagination-no:hover { background-color: #c7c7c7; } .update-dealer-bottom a:hover { color: #fff; } .pagination a:hover { background-color: #4D044D; color: #fff; } .pagination a.active:hover { background-color: #fff; border-color: #4D044D; color: #4D044D; } .btn:focus { outline-offset: 0px; outline: none; color: #fff; } .generptBtn:hover { background-color: #5a6268; border-color: #545b62; color: #fff; } } /*1790px css start*/ @media only screen and (max-width: 1790px){ .report_main .innerdateSel{margin:5px 0px;} .report_page .leadlistitleRow{flex-wrap: wrap; justify-content: center; align-items: start; flex-direction: column;} .report_page .leadlistitleRow .leadlistitleCol, .report_page .leadlistitleRow .leadlistBtnCol{width:100%;} .report_page .leadlistitleRow .leadSearDiv{justify-content:flex-start;} .report_page .leadlistitleRow .viewpartDiv{margin-left:0px;} .report_page .leadlistitleRow .text-success{color:#000;} } /*1500px css start*/ @media only screen and (max-width: 1500px){ .chat-img { width: 100%; max-width: 475px; } .log-subtitle { margin-bottom: 40px; } .login-form .cmsbtn { width: 160px; margin-bottom: 40px; } .maincontentDiv { padding: 40px 28.60px 58.88px 28.60px; } .headeRight { padding: 23.7px 32px 23.5px 28.60px; } } /*1365px css start*/ @media only screen and (max-width: 1366px){ .maincontentDiv { padding: 40px 30px 50px 30px; } .headeRight { padding: 18px 40px 18px 28.60px; } .leadsResultCnt { padding-top: 25px; } .boxMinheight { min-height: 220px; } .CommonBox { padding: 20px; } .datepartDiv .serdateBtn { font-size: 10px; } .leadlistitleRow { padding: 21px 25px 21px; } .ReporSearDiv .customeSearch { width: 40%; } .periodIcon { margin: 0px 15px 0px 0px; padding: 20px 20px; } .custviewTitRow .leadlistitleCol { width: 40%; } .custviewTitRow .leadlistBtnCol { width: calc(100% - 40%); } .leadlistBtnCol .BtnsDiv .btn { padding: 8px 15px; } .viewpartDiv { margin: 0px 15px 0px 10px; padding: 4px 8px 4px; } } /*1365px css end*/ @media only screen and (max-width: 1280px){ .chat-img {max-width: 400px; } .update-dealer-email-wrp { margin: 0px 50px; } .update-dealer-lead-wrp { width: 24%; } .update-dealer-nam-wrp { width: 24%; } .input_search { width: 170px; padding: 0px 15px 0px 35px; } .leadlistitleRow { padding: 20px 20px; } .viewpartDiv { margin: 0px 10px 0px 10px; } .leadlistpage .viewpartDiv { margin: 0px 10px 0px 0px; } .innerdateSel .form-control { font-size: 12px; } .innerdateSel .form-control { width: 200px; } .leadlistBtnCol .BtnsDiv .btn { padding: 6px 8px; font-size: 12px; } .SearchboxDiv { align-items: center; } } /*1199px css start*/ @media only screen and (max-width: 1199px){ a[href^="sms"], a[href^="tel"]{pointer-events: auto;} .cmsPage a[href^="sms"], .cmsPage a[href^="tel"]{text-decoration: underline;} .maincontentDiv { padding: 30px 20px 40px 20px; } .CommonBox { padding: 15px; } .leadsite_chart { width: 110px; } .leadsite-results { width: calc(100% - 125px); } .boxscroll ul { width: 100%; } .periodBox .clockIcon { width: 90px; height: 108px; } .resourcesBox .bellIcon { width: 70px; height: 120px; } .BoxIcons { background-size: 100% 100%; } /*.commonRow .row [class*="col-"] .CommonBox { min-height: calc(100% - 22px); }*/ .leadsResultCnt { padding-top: 20px; } .footer { padding: 20px 30px; } .headeRight { padding: 19.5px 20px; } .periodDiv { padding-top: 20px; } table td:first-child, table td:last-child, table th:first-child, table th:last-child { padding-left: 15px; padding-right: 15px; } .input_search { width: 220px; } .leadlistBtnCol .BtnsDiv .btn { padding: 8px 20px; } .tableMain-Div table td { padding: 10px 10px 10px; } .tableMain-Div table th { padding: 10px 10px 10px } .bigchartDiv { overflow: auto; } .subminTit { font-size: 20px; } .asideLeft { width: 220px; } .asideRight { width: calc(100% - 220px); margin-left: 220px; } .header { width: calc(100% - 200px); margin-left: 200px; } .viewebsiteDiv { padding: 0px 15px 0px 15px; } .desk_pagetitle { font-size: 13px; } .userIcon img { width: 40px; height: 40px; } .userinfo .username { font-size: 13px; font-weight: 500; } .userIcon { margin-right:8px; } .boxMinheight { min-height: 180px; } .chrtfrtHeight, .chrtsecHeight { min-height: 100%; } .innerdateSel .form-control { font-size: 12px; } .leadlistBtnCol .BtnsDiv .btn { padding: 5px 15px; } .input_search { padding: 0px 20px 0px 35px; width: 180px; } .innerdateSel .form-control { width: 200px; } .ReporSearDiv .customeSearch { width: 42%; } .reportimRow { width: 45%; } .custviewTitRow .leadlistitleCol { width: 35%; } .custviewTitRow .leadlistBtnCol { width: calc(100% - 35%); } .leadlistitleRow { padding:20px 15px; } .ledDtilistCol { padding: 15px 0px; } .thankyouSec .log-subtitle { margin-bottom: 20px; } .report_page .leadlistBtnCol .BtnsDiv { padding-left: 0px;} } /*1199px css end*/ @media only screen and (max-width: 1024px){ .login-form .cmsbtn { margin-top: 30px; } .chat-img { max-width: 340px; right: 10%; } .dealership-table table { min-width: 800px; } .dealership-table { overflow-y: auto; } .cust-lable { margin-right: 10px; } .update-dealer-email-wrp { margin: 0px 30px; } .cusrepledDtil { width: 48%; } .custreprtCol { flex-wrap: wrap; } .cusrepledDtil:nth-child(2n+2) { margin-right: 0px; } .custreprtit { font-size: 20px; } .Cusreptitle { font-size: 16px; } .leadlistpage .leadlistitleRow { flex-wrap: wrap; } .leadlistpage .leadlistitleRow .leadlistitleCol { width: 100%; margin-bottom: 5px; } .leadlistpage .leadlistitleRow .leadlistBtnCol { width: 100%; } .SearchboxDiv { align-items: center; } .leadlistBtnCol .SearchboxDiv { margin-top: 5px; } .leadlistpage .leadSearDiv { justify-content: flex-start; } } /*991px css start*/ @media only screen and (max-width: 991px){ .leadsite_chart { width: 140px; } .leadsite-results { width: calc(100% - 155px); } .copyrightRow { font-size: 12px; line-height: 1.2em; align-items: center; } .footer { padding: 15px 15px 10px; } .leadsResultCnt { padding-top: 15px; } .commonRow .row [class*="col-"] .CommonBox { min-height: inherit; } .viewpartDiv { padding: 3px 3px 3px 8px; } .datepartDiv { padding: 3px 10px 3px 10px; } .selectwebsite, .selectDate { padding-left: 5px; } .periodDiv { padding-top: 15px; } .periodIcon { padding: 16px 10px; margin: 0px 15px 0px 0px; text-align: center; } .periodIcon img { width: 70%; } .periodtext .weekendtxt { font-size: 16px; } .periodtext .timetxt { font-size: 14px; } .periodBox .clockIcon { width: 70px; height: 80px; bottom: 10px; } .resourcesBox .bellIcon { width: 50px; height: 90px; } .resourcesBox .resourList ul li { padding-top: 15px } .resourcesBox .resourList ul li:before { top: 21px; } .maincontentDiv { padding: 20px 15px 30px; } .leadstotxt { font-size: 20px; } .leadlistitleRow { padding: 15px 20px 15px 20px; } .input_search { width: 180px; padding: 0px 12px 0px 35px; height: 36px; } .form-search .searchIcon { top: 11px; } .leadlistBtnCol .BtnsDiv .btn { padding: 6px 12px; font-size: 12px; } .subminTit { font-size: 18px; } .chat-img { max-width: 415px; } .login-form { width: 100%; } .login-wrp { max-width: 90%; } .list-bottom { flex-direction: column; } .update-dealer-top-right .cmsbtn.save-continue { margin: 0px 4px; } .update-dealer-top-right .cmsbtn { padding: 7px 15px; font-size: 10px; } /* responsive 100% */ .show-in-mobile{ display: block; } .trans.back.show-in-mobile { position: relative; } .show-in-desk{ display: none; } .update-dealer-detail-list-content { flex-direction: column; } .dealership-website-name-inner { flex-direction: column; padding: 0 20px; } .dealership-website-name-titile { margin: 15px 0px; } .dealership-website-name { max-width: 100%; } .dealership-website-name { margin-right:0px; } .update-dealer-email-wrp { margin: 0px; width: 100%; } .update-dealer-lead-wrp { width: 100%; } .update-dealer-nam-wrp { width: 100%; } .update-dealer-title.show-in-mobile { margin-bottom: 20px; margin-top: 10px; } .update-dealer-top-right .cmsbtn { padding: 4px 7px; height: auto; } .tabs-nav li .active { background-color: #ccc; } .tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none; } .tabs-nav li.active { background: #FFF; color: #fff; } .sidemenu-main { overflow: auto; position: relative; } .dealership-table tr th:first-of-type { width: 60px; } .headerCntLeft { width: calc(100% - 30px); } .headerCntRight { width: 30px; text-align: center; } .mob_searchIcon { width: 40px; height: 40px; border: 1px solid rgba(0 0 0 / 25%); border-radius: 50%; position: relative; text-align: center; visibility: visible; opacity: 1; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .leadlistBtnCol .form-search { position: absolute; width: 100%; height: 65px; padding: 10px; background-color: #fff; margin: 0px; left: 0px; top: 130px; bottom: 0px; z-index: 1; display: none; box-shadow: 0px 0px 2px #0019ad1f; border: 2px solid #f6f6f6; } .input_search { width: 100%; padding: 0px 20px 0px 40px; height: 40px; } .form-search .searchIcon { top: 24px; left: 30px; } .searchIcon { top: 13px; left: 13px; } .leadlistitleRow { padding: 10px 10px 10px 10px; position: relative; flex-direction: row; } .leadlistBtnCol { justify-content:flex-end; padding-top: 0px; } .ReporSearDiv { flex-direction: column; align-items: flex-end; } .ReporSearDiv .customeSearch { width: 60%; margin-bottom: 10px; } .nodatalist { margin-top: 0px; padding: 15px 0px; } .ui-dialog { width: 80% !important; margin: 0px auto; right: 0px; } .mailAttDocDiv { width: 32%; } .mailAttDocDiv:nth-child(3n+3) { margin-right: 0px; } .mailAttDocDiv:nth-child(4n+4) { margin-bottom: 15px; margin-right: 15px; } .charsecTit { font-size: 18px; } .charsubtxt { font-size: 16px; } .ChrtRporContent .titSpan, .reportimdtail .reportimsubtile { font-size: 16px; } .leadlistitleRow { flex-wrap: wrap; } .custviewTitRow .leadlistitleCol { width: 100%; } .custviewTitRow .leadlistBtnCol { width: 100%; } .leadlistBtnCol { justify-content: flex-start; } .report_detail { width: 48%; } .Cusreptitle { font-size: 14px; } .ledDtilist ul.ViewLead li { width: 100%; } .leadlistpage .leadSearDiv { justify-content: flex-start; } .leadlistBtnCol .SearchboxDiv { display: flex; width: 100%; flex-wrap: wrap; align-items: center; } .datepartDiv { margin-top: 10px; } .headeRight { padding: 6px 15px; } .ledDtilistCol .ledDtilCnt label { font-size: 14px; } .leadlistBtnCol .BtnsDiv { padding-left: 0px; } .leadlistBtnCol { padding-top: 15px; } .thankyouSec .log-subtitle { margin-bottom: 15px; } .leadsTotle.col-xs-6 { float: none;} .leadbox_change .leadsTotle{width: 100%;} .border-right.leadsTotle {width: 100%;} .CommonBox.leadsBox.leadbox_change{flex-wrap: nowrap;display: flex;} .leadbox_change .leadsTotle{ width: 50%;} .leadbox_change .leadsTotle.border-right{ width: 100%;} .leadbox_change .leadsTotle .leadsTotle { width: 100%;} } /*991px css end*/ /*767px css start*/ @media only screen and (max-width: 767px){ .sidemenu-panel.open_side_menu + .sidemenu-main { left: 0px; } .sidemenu-main { position: fixed; top: 60px; left: -280px; z-index: 10; width: 240px; height: calc(100% - 60px); overflow: auto; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .header { display: none; } .asideLeft { width: 100%; height: inherit; } .asideRight { width: 100%; margin-left:0px; } .headerLeft { padding: 10px 20px 8px; } .leadsite_chart { width: 120px; } .leadsite-results { width: calc(100% - 135px); } .leadsResultCnt { padding-top: 10px; } .periodDiv { padding-top: 10px; } .periodBox .clockIcon { width: 50px; height: 65px; } .resourcesBox .resourList ul li { padding-top: 10px; } .resourcesBox .resourList ul li:before { top: 16px; } .footer { padding: 15px 10px 10px; } .leadstotxt { font-size: 18px; } .tableDiv table tbody tr { display: inline-block; width: 100%; background: #fff; padding: 0px; border-bottom: none; } .tableDiv table td { padding: 10px 12px; border-bottom: 1px solid #f6f6f6; word-break: break-word; position: relative; } .tableDiv table thead { display: none; } .tableDiv table tbody { border-top: 1px solid #f6f6f6; } .tableDiv table tr > td:before { content: attr(data-title); display: inline-block; vertical-align: middle; font-weight: 600; } /*.tableDiv .reportable tr > td:last-of-type:before { content: attr(data-title); display: inline-block; vertical-align: middle; font-weight: 600; }*/ .tableMain-Div .reportable tbody tr td:last-of-type { display: flex; padding: 10px 12px; } .dealnametxt { text-align: end; } .tableMain-Div table tbody tr:last-of-type { margin-bottom: 0px; } .list-bottom { flex-direction: column; } #PerPage { display: none; } .list-bottom { padding: 10px 10px; } .desk_pagetitle { display: none; } .mobile_pagetitle { font-weight: 600; line-height: 1.3em; color: #212121; font-size: 14px; display: block; padding-bottom: 20px; margin: 0px; } .viewebsiteDiv::before { left: 5px; } .viewebsiteDiv { padding: 0px 0px 0px 12px; } .pipe { padding: 0px 3px; } .copyrightRow { font-size: 10px; } .powerd-by a img { width: 40px; } .contentRight { height: inherit; } .btn { padding: 6px 20px; font-size: 13px; } .tableMain-Div table td { white-space: normal; } .tableDiv tr.ismobiletd .mobile-td-none { display: block; } .tableMain-Div table tbody tr.ismobiletd td.mobile-td-none { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 10px 25px 10px 40px; } .tableMain-Div table tbody tr td:last-of-type { width: 100%; display: block; padding: 10px 25px 10px 40px; } .tableMain-Div table tbody tr:last-of-type { width: 100%; display: block; } /*.tableMain-Div table tbody tr td:last-of-type::before { display: none; }*/ .tableMain-Div table tbody tr td:first-of-type { width: 40px; vertical-align: top; word-break: inherit; } .tableMain-Div table tbody tr td:nth-child(2) { width: 100%; } .dealnametxt { text-align: initial; display: inline-block; padding: 0px 40px 0px 0px; } .subminTit { font-size: 16px; } .resourcesBox .bellIcon { width: 40px; height: 70px; } .mobile-td-none { display: none; } .for-desk { display: none; } .for-mob { display: table-row; } .dealership-website { display: block; position: relative; } .table-content-toggler { right: 20px; top: 10px; position: absolute; height: 17px; width: 17px; background-color: #a1c3d8; border-radius: 50%; } .table-content-toggler::before { content: ''; display: block; position: absolute; top: 4px; right: 5px; width: 7px; height: 7px; border: solid #ffffff; border-width: 0 2px 2px 0; transform: rotate(45deg); z-index: 1; transition: all 0.1s linear; } .table-content-toggler.arrowUp::before { transform: rotate(225deg); -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); top: 6px; } .action { display: block; } .dealership-table td { border-bottom: none; } .dealership-table tr { border-bottom: 1px solid #dddddd; } .dealership-table tr.ismobiletd .mobile-td-none{display:block;} .dealership-table th { padding: 10px ; } .dealership-table td { padding: 5px 10px; vertical-align: top; } .dealership-name:before { content: attr(data-title); font-weight: 700; margin-right: 5px; } .dealership-table table tbody tr td:first-of-type { width: 32px; /*display: inline-block;*/ padding-left: 5px; padding-right: 5px; } .maincontentDiv { padding: 30px 10px 58.88px 10px; } .update-dealer-top { padding: 15px 10px; } .mob_searchIcon .searchIcon { left: 13px; } .update-dealer-bottom a { width: 100%; margin-left: 0; padding: 14px 20px; } .updatedealerUl li { width: 100%; } .tab_drawer_heading.d_active { pointer-events: none; } .update-dealer-wrp .updatedealerUl { display: none; } .mobile_drawer { background-color: #C93270; color: #fff; padding: 15px 40px 15px 15px; display: block; margin-left: 0px; font-size: 16px; cursor: pointer; position: relative; width: 100%; } .mobile_drawer::after { content: ''; position: absolute; top: 16px; right: 20px; width: 10px; height: 10px; border: solid #fff; border-width: 0px 2px 2px 0px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .mobile_drawer.d_active a::after { transform: rotate(225deg);} .dealership-website .spansite { padding-right: 34px; line-height: 1.3em; display: inline-block; } .dealership-table table tbody tr td:last-of-type { width: 100%; display: block; padding: 5px 10px; } .for-mob .custom_checkbox input[type='checkbox'] + label { top: 0px; } .dealership-table tr th:first-of-type { width: 50px; } .nodatalist { margin: 0px; } .mobile-block { display: block; background: #fff; padding: 8px 10px; margin: 0px 0px 15px; } .datepartDiv .customeSearch.demo { width: 160px; } .datepartDiv .cust_searchBox { width: 100%; justify-content: center; } .datepartDiv .datatitle, .datepartDiv .customeSearch .form-control { font-size: 12px; } .navigationpart ul.sidebarUl li { padding-bottom: 22px; } .tableMain-Div .reportable table tbody tr td:first-of-type { width: auto; } .tableDiv .reportable td { display: flex; flex-wrap: wrap; width: 100%; align-items: center; justify-content: space-between; padding: 10px 12px; border-bottom: 1px solid #f6f6f6; } .tableDiv .reportable tbody tr td:first-of-type { width: auto; } .reportable tbody tr { border-bottom: 5px solid rgb(203 203 203 / 40%) !important; } .ReoptiUL { width: 100%; justify-content: flex-end; margin-top: 3px; } .ui-dialog { width: 96% !important; } .mailAttDocDiv { width: 31.5%; } .mailAttDocDiv:nth-child(3n+3) { margin-right: 0px; } .mailAttDocDiv:nth-child(4n+4) { margin-right: 15px; } .tableDiv table tr td.custom_checkbox:before, .tableDiv table tr td.totleView:before { margin: 0px 15px 0px 0px; } .custreprtit { font-size: 18px; } .custreprtitDiv { margin-bottom: 15px; } .custviewTitRow .leadlistitleCol { width: 40%; } .custviewTitRow .leadlistBtnCol { width: calc(100% - 40%); } .reportimRow { width: 100%; margin: 0px 0px 15px 0px; } .leadlistBtnCol .BtnsDiv .btn { font-size: 11px; padding: 6px 10px; } .leadlistpage .leadlistBtnCol .SearchboxDiv { width: auto; margin: 0px 0px 0px 10px; } .leadlistBtnCol .form-search { top: 85px; } .ledtailRow [class*='col-'] { border-bottom: 1px solid #E0E0E0; } .ledtailRow { border-bottom: none; } .leadlistBtnCol { padding-top: 0px; justify-content: flex-end; } } /*767px css end*/ /*575px css start*/ @media only screen and (max-width: 575px){ .leadstotxt { font-size: 16px; } .totaleadIcon { width: 50px; height: 45px; } .salesIcon { width: 46px; height: 36px; } .fixedIcon { width: 46px; height: 40px; } .CommonBox { margin-bottom: 15px; } .footer { padding: 10px 10px 8px; } .mobile-fix-contact { background-color: #fff; display: block; position: fixed; bottom: 0px; width: 100%; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%); } .mobile-fix-contact.mobilefixcontactus { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } .moSelectRow { display: flex; flex-wrap: wrap; position: relative; padding: 0px 10px; } .moSelectRow::after { content:''; position: absolute; width: 1px; height: 100%; background-color: #E0E0E0; left: 0px; right: 12px; margin: 0px auto; top: 0px;} .moSelectCol:nth-child(1) { width: 52%; } .moSelectCol:nth-child(2) { width: 48%; } .moSelectCol { padding: 15px 0px; } .mobtitle { font-size: 10px; color: #757575; line-height: 1.3em; } .mobileSelect {width: 160px; font-size: 10px; line-height: 1.3em; color: #212121; padding-left: 9px; } .mo-websiteDiv, .mo-monthdiv { display: flex; flex-wrap: wrap; align-items: center; } .mo-monthdiv { margin: 0px 0px 0px 6px; } .mobileSelect .input-field { text-overflow: ellipsis; width: 100%; font-weight: 600; background-color: #fff; } .mobsingleRow .mobsingleCol { width: 100%; } .mobsingleRow { display: flex; flex-wrap: wrap; justify-content: center; } .subminTit { font-size: 14px; } .leadlistitleRow { flex-direction: column; } .leadlistitleCol, .leadlistBtnCol { width: 100%; } .leadSearDiv #searchForm, .leadlistBtnCol, .leadSearDiv { justify-content: flex-start; } .leadlistBtnCol .form-search { top: 80px; } .dealership-table td { word-break: normal; white-space: normal; } .ReporSearDiv { flex-direction: row; justify-content: space-between; align-items: center; } .ReporSearDiv .customeSearch { margin: 0px; } .paging-section { justify-content: center; } .pagination a { padding: 2px 15px 3px; } .mailAttDocDiv { width: 48%; } .mailAttDocDiv:nth-child(2n+2) { margin-right: 0px; } .mailAttDocDiv:nth-child(3n+3) { margin-right: 15px; } .mailAttDocDiv:nth-child(4n+4) { margin-right: 0px; } .ui-dialog { width: 97% !important; } .report_detail { width: 100%; margin-bottom: 15px; } .reptotdtailRow { align-items: center; text-align: center; } .custviewTitRow .leadlistitleCol { width: 100%; } .custviewTitRow .leadlistBtnCol { width: 100%; } .leadlistBtnCol .BtnsDiv .btn { padding: 5px 8px; } .leadlistpage .innerdateSel .form-control { font-size: 10px; width: 175px; } .leadlistpage .viewpartDiv { width: 145px; } .report_page .leadlistitleRow .viewpartDiv{width: auto} .report_page.leadlistpage .innerdateSel .form-control { width: 130px;} } /*575px css end*/ /*479px css start*/ @media only screen and (max-width: 479px){ .leadsite_chart { width: 80px; margin-right: 10px; } .leadsite-results { width: calc(100% - 90px); } .CommonBox { padding: 10px; } .copyrightRow { font-size: 7px; font-weight: 700; } .powerd-by a img { width: 30px; } .mobileSelect { width: 105px; } .moSelectCol:nth-child(1) { width: 50%; } .moSelectCol:nth-child(2) { width: 50%; } .datepartDiv .searchWrap { flex-wrap: wrap; } .datepartDiv .customeSearch.demo { width: 100%; margin-bottom: 3px; } .datepartDiv .cust_searchBox { flex-wrap: wrap; justify-content:flex-start; } .datepartDiv .searchWrap { width: 100%; } .datepartDiv .customeSearch .form-control { padding: 0px; min-height: 20px; } .ReporSearDiv .customeSearch { width: 100%; } .cusrepledDtil { width: 100%; } .cusrepledDtil:nth-child(1n+1) { margin-right: 0px; } .charsecTit { font-size: 16px; } .charsubtxt { font-size: 14px; } .chartdetailBox { width: 260px; } .ledDtilmain .lbldtailtit { font-size: 16px; } .leadlistBtnCol .BtnsDiv { margin-top: 10px; } .leadlistpage .leadlistBtnCol .BtnsDiv { margin-top: 0px; padding-left: 10px; margin-right: 0px; } .leadlistBtnCol .BtnsDiv { padding-left: 0px; margin-right: 10px; } .leadlistpage .leadlistBtnCol .SearchboxDiv { width: 100%; margin: 5px 0px 0px 0px; } .report_page.leadlistpage .leadlistBtnCol .BtnsDiv{margin-left: 0px; padding-left: 0px;} .report_page.leadlistpage .innerdateSel .form-control { width:100%;} .CommonBox.leadsBox.leadbox_change{flex-wrap: wrap;display: flex;} .leadbox_change .leadsTotle.border-right { width: 100%; padding-bottom: 10px; margin-bottom: 10px;} .border-right.leadsTotle::before { width: 100%; background: #ddd; height: 1px; right: 0px; bottom: 0; top:auto;} .leadsTotle { padding-left: 0px !important; padding-right: 0px !important;} } /*479px css end*/ /*374px css start*/ @media only screen and (max-width: 360px){ .moSelectRow { padding: 0px 5px; } .mailAttDocDiv { width: 100%; margin-right: 0px; } .mailAttDocDiv:nth-child(2n+2) { margin-right: 0px; } .mailAttDocDiv:nth-child(3n+3) { margin-right: 0px; } .mailAttDocDiv:nth-child(4n+4) { margin-right: 0px; } .chatRptSeaDiv.leadlistBtnCol .BtnsDiv .btn { padding: 5px 5px; font-size: 9px; } .ledDtilist ul.ViewLead li .viewtbltit, .ledDtilist ul.ViewLead li .viewtblDtail { font-size: 14px; } .ledDtilist ul.ViewLead li { align-items: flex-start; } .leadlistpage .innerdateSel { width: 100%; } .leadlistpage .innerdateSel .form-control { width: 100%; margin-top: 10px; } .leadlistpage .innerdateSel .fa-calendar::after { top: 20px; } .leadlistBtnCol .form-search { top: 152px; } .leadlistpage .innerdateSel .form-control { font-size: 12px; } } /*374px css end*/ @media only screen and (min-device-width : 320px) and (max-device-width : 767px) { .SidebarMenu { display: none; } .dealership-table table { min-width: 100%; } .contentRight { max-width: 100%; flex-basis: 100%; } } @media only screen and (min-device-width : 320px) and (max-device-width : 767px) and (orientation : portrait) { .login-wrp { padding: 20px 30px; max-width: 100%; border-right: 0px; border-left: 0px; } .login-form .cmsbtn { width: 120px; margin-bottom: 10px; height: 37px; font-size: 14px; } .login-wrp .logo { margin-bottom: 10px; width: 90px; } .log-title { font-size: 18px; line-height: 1.3em; margin-bottom:0px; } .log-subtitle { margin-bottom: 15px; font-size: 14px; } .login-form .form-group { padding: 15px; } .chat-img { max-width: 210px; right: 0%; } .forgot-pass { font-size: 14px; } #PerPage { display: none; } .list-bottom { flex-direction: column; } .login-form .cmsbtn { margin-top: 15px; } } @media only screen and (min-device-width : 320px) and (max-device-width : 767px) and (orientation : landscape) { .chat-img { max-width: 189px; } .login-wrp .logo { margin-bottom: 10px; } .log-title { font-size: 25px; margin-bottom: 5px; } .log-subtitle { margin-bottom: 30px; } .login-form .cmsbtn { margin-bottom: 0px; } .chat-img { max-width: 260px; } .log-bg-img { padding: 150px 0px; } }