forget-form h3 { margin-bottom: 25px; } .login-form.form-hide { display: none!important; } .forget-form.form-show { display: block!important; } .forget-form .form-group.has-error { border: 1px solid #e73d4a; } @media (max-width: 440px) { .login .login-form .form-actions .btn { margin-bottom: 20px; width: 100%; }} /*left - panel*/ .page-header-inner .page-logo a { color: #fff; font-size: 15px; margin: 15px 0; text-decoration: none; } .page-dashboard .page-content-wrapper .data-container-top .tabbable-line { width: 210px;} .page-dashboard.admin-user .page-content-wrapper .data-container-top .tabbable-line { width: 400px;} .page-content-wrapper .data-container-top .tabbable-line { margin: 0 auto; text-align: center; width: 400px;} .page-content-wrapper .page-content .page-toolbar { } .tabbable-line > .nav-tabs > li { border-bottom: 4px solid #9fe4ea; } .page-bar { background: none; } .portlet.box.custom > .portlet-title, .portlet.custom, .portlet > .portlet-body.custom { background-color: #364150; } .portlet.box.custom { border-color: currentcolor #364150 #364150; } .page-content-wrapper .tab-content { border: none; } .blog-single-img { display: block; max-height: 340px; text-align: center; width: 100%; } .blog-single-img img { display: inline-block; max-height: 340px; max-width: 100%; text-align: center; } .blog-content-2 .blog-single-content > .blog-single-img > img { width: auto !important;} .blog-content-2 .blog-single-content > .blog-single-head > .blog-single-head-title { /*float: left; margin: 20px 0; width: 100%;*/ } .postlink { text-align: center; width: 100%; } .seidensticker a span.title:before{content:" "; background-image: url('../images/seidensticker-logo.png'); } .gabor a span.title:before{ content:" "; background-image: url('../images/g_logo.png'); } .gentlemanfarmer a span.title:before{ content:" "; background-image: url('../images/gentlemanfarmer-logo.png'); } .ccvmode a span.title:before{ content:" "; background-image: url('../images/ccv-logo.png'); } .baya a span.title:before, .redskins a span.title:before, .mephisto a span.title:before, .mephistode a span.title:before, .lilithfrance a span.title:before, .lilitheurope a span.title:before, .lilithusa a span.title:before, .registration a span.title:before, .user a span.title:before, .logout a span.title:before, .home a span.title:before, .seidensticker a span.title:before , .gabor a span.title:before, .gentlemanfarmer a span.title:before, .cadolle a span.title:before, .rivaldi a span.title:before, .tintamar a span.title:before, .gerardpasquier a span.title:before, .ccvmode a span.title:before { margin-right: 12px; background-size: 100% 100% !important; padding: 0 11px !important; background-repeat :no-repeat; background-position: 100% 0; position: absolute; height:22px; width:22px; margin-left: -26px; top: 10px;} .home a span.title:before { content:" "; background-image: url('../images/dashboard.png');} .registration a span.title:before { content:" "; background-image: url('../images/regsiter.png');} .logout a span.title:before{ content:" "; background-image: url('../images/logout.png'); transform: rotate(180deg); } .user a span.title:before{ content:" "; background-image: url('../images/profile.png'); } .mephisto a span.title:before{ content:" "; background-image: url('../images/favicon-mepisto.ico'); } .mephistode a span.title:before{ content:" "; background-image: url('../images/favicon-mepisto.ico'); } .lilithfrance a span.title:before{ content:" "; background-image: url('../images/favicon-lilith.ico'); } .lilitheurope a span.title:before{ content:" "; background-image: url('../images/favicon-lilith.ico'); } .lilithusa a span.title:before{ content:" "; background-image: url('../images/favicon-lilith.ico'); } .redskins a span.title:before{ content:" "; background-image: url('../images/favicon-redskins.ico');} .baya a span.title:before{ content:" "; background-image: url('../images/baya-favicon.ico');} .cadolle a span.title:before{ content:" "; background-image: url('../images/favicon-cadolle.ico');} .rivaldi a span.title:before{ content:" "; background-image: url('../images/favicon-rivaldi.ico');} .tintamar a span.title:before{ content:" "; background-image: url('../images/tintamart-favicon.ico');} .gerardpasquier a span.title:before{ content:" "; background-image: url('../images/fav_gerardpasquier.png');} .page-sidebar .page-sidebar-menu>li span { margin-left: 20px; } /*login page*/ .tabbable-line > .nav-tabs > li { border-bottom: 4px solid #79c7fc; } .tabbable-line > .nav-tabs > li.active { border-bottom: 4px solid #217ebd !important; } .tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {border-bottom:4px solid #217EBD !important; } .action-list .status.inactive { background: #ED6B75; } .action-list .status.active { background: #5489B7; } .action-list .status.inactive , .action-list .status.active { color: #fff; padding: 0 10px; } tr [colspan="2"] { text-align: center; } .fa-check::before { color: green; } .fa-close::before { color: red; } .nav-item.active .arrow::before{ transform: rotate(180deg); margin-right: 8px !important; } /*header*/ @media only screen and (max-width: 767px) { .page-header.navbar .page-top { padding: 0; display: block; clear: none; width: auto; }} .page-header-inner .page-logo a {font-size: 19px; margin: 23px 10px 0;} .page-header.navbar .menu-toggler.sidebar-toggler { display: none; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; float: left; width: 100%; text-align: center; } .alert-danger { float: left; width: 100%; text-align: center; } .portlet.box > .portlet-title > .tools > a.collapse { background-image: url("../images/portlet-collapse-icon-white.png");} .portlet.box > .portlet-title > .tools > a.reload { background-image: url("../images/portlet-reload-icon-white.png");} .portlet.box > .portlet-title > .tools > a.expand { background-image: url("../images/portlet-expand-icon-white.png");} .portlet.black, .portlet.box.black > .portlet-title, .portlet > .portlet-body.black { background-color: #000000;} .portlet.box.lightblue{background-color:#474859; moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: currentcolor #3B3F51 #3B3F51; border-image: none; border-style: none solid solid; border-width: 0 1px 1px; position:relative; } .portlet.black-grey, .portlet.box.black-grey > .portlet-title, .portlet > .portlet-body.black-grey { background-color: #555555;} .portlet.black-ash, .portlet.box.black-ash > .portlet-title, .portlet > .portlet-body.black-ash { background-color: #38485B;} .portlet.dark-red, .portlet.box.dark-red > .portlet-title, .portlet > .portlet-body.dark-red { background-color: #E60B0B;} .portlet.dark-green, .portlet.box.dark-green > .portlet-title, .portlet > .portlet-body.dark-green { background-color: #2F5844;} .portlet.box.black { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: currentcolor #000000; border-image: none; border-style: none solid solid;border-width: 0 1px 1px; } .portlet.box.black-grey { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: currentcolor #555555; border-image: none; border-style: none solid solid;border-width: 0 1px 1px; } .portlet.box.black-ash { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: currentcolor #555555; border-image: none; border-style: none solid solid;border-width: 0 1px 1px; } .portlet.box.dark-red { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: currentcolor #E60B0B; border-image: none; border-style: none solid solid;border-width: 1px 1px 1px; } .portlet.box.dark-green { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: currentcolor #2F5844; border-image: none; border-style: none solid solid;border-width: 0 1px 1px; } .navbar-nav > .quick-sidebar-toggler > a { padding:0px; color: #c0cddc; font-size: 16px;} .navbar-nav > .quick-sidebar-toggler > a:focus, .nav > .quick-sidebar-toggler > a:hover { background-color: rgb(59,63,81); color: #a4b4bb; } li [class*=" icon-"], li [class^="icon-"] { position: relative; top: -1px; } @media only screen and (max-width: 610px) { .tabbable-line .nav.nav-tabs { float:left; /*width:100%;*/ } .page-header-inner .page-logo a { font-size: 14px; } } .btn-success.Seidensticker { background-color: #000000; border:1px solid #000000; } .btn-success.Gabor { background-color: #555555; border:1px solid #555555; } .btn-success.Gentleman{ background-color: #38485B; border:1px solid #38485B; } .btn-success.Mephisto{ background-color: #2F5844; border:1px solid #2F5844; } .btn-success.CCV{background-color: #e7505a; border:1px solid #e7505a;} .blog-page .blog-single-content .bread-crumb {width: 100%; float: left; padding-left: 10px; } .blog-page .blog-single-content .blog-single-head-title{ padding-top: 8px; } .blog-page .indexerror p{ color: red; font-size: 16px; text-align: center; } /*registration*/ .fileinput-new span { float: left; margin: 10px 0; } .fileinput-new span:nth-child(2) { margin-left: 10px; } @media (max-width: 380px) { .fileinput-new span:nth-child(2) { margin-left: 0px; width:100%; float:left; } } /*Calender*/ .page-header-fixed .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { background: #3598DC !important; } .applyBtn.btn-success, .active.start-date, { background: #3598DC; border:1px solid #3598DC; } /*dashboard*/ .panel-heading-right {display: none;} @media (max-width: 1000px) { #convert_pdf.tooltips, .page-toolbar a span.tooltips { display:none; } #dashboard-report-range { float: left; height: 47px; line-height: 47px; padding: 0; width: 100%; } .page-content-wrapper .data-container-top .tabbable-line, .page-dashboard.admin-user .page-content-wrapper .data-container-top .tabbable-line, .page-dashboard:not(.admin-user) .page-content-wrapper .data-container-top .tabbable-line { float:left; width:100%; border:1px solid rgb(53,152,220); margin-top: 30px; background: #3598dc none repeat scroll 0 0; } .page-dashboard.admin-user .page-content-wrapper .data-container-top .tabbable-line > .nav-tabs > li > a { padding-left: 0; padding-right: 0; } .page-content-wrapper .data-container-top .tabbable-line ul, .page-dashboard.admin-user .page-content-wrapper .data-container-top .tabbable-line ul { float:left; width:100%;} .page-content-wrapper .data-container-top .tabbable-line ul > li { float:left; width:33.3%; } .page-dashboard.admin-user .page-content-wrapper .data-container-top .tabbable-line ul > li { width: 33.3% } .page-content-wrapper .data-container-top .tabbable-line ul > li > a { color: #ffffff; } .tabbable-line > .nav-tabs > li { border-bottom: 4px solid #5c9bd1; } .tabbable-line > .nav-tabs > li:hover, .tabbable-line > .nav-tabs > li.active { border-bottom: 4px solid #36c6d3 !important; } } .mt-card-desc.font-grey-mint.tooltips > a, .mt-card-desc.font-grey-mint.tooltips > a:hover {color:#3B3F51;} @media only screen and (min-device-width: 1000px) and (max-device-width: 1380px) { #userDetails .mt-element-card .mt-card-item .mt-card-content .mt-card-name { font-size: 14px; } .portlet-body .mt-widget-2 .mt-body .mt-body-title { height: 37px; overflow: hidden; } .portlet-body .mt-widget-2 .mt-body .mt-body-description { overflow: hidden; height: 40px; } .page-content .dashboard-stat2 .display .number small { font-size: 12px; } } .portlet.box.custom-color{background-color:#474859;} .font-custom-color { color: #474859; } .btn.custom-color.active:not(.btn-outline), .btn.custom-color:active:not(.btn-outline), .btn.custom-color:hover:not(.btn-outline), .open > .btn.custom-color.dropdown-toggle:not(.btn-outline), .btn.custom-color { background-color: #474859; border-color: #474859; color: #fff; } .portlet.calendar.custom-color .fc-button.fc-state-active, .portlet.calendar.custom-color .fc-button.fc-state-hover { border-bottom: 2px solid #474859; color: #333; } .custom-color .form-control { color: #474859; } .fc-button-group .fc-today-button, .fc-button-group .fc-agendaWeek-button, .fc-button-group .fc-agendaDay-button { display: none; } .portlet.calendar .mobile .fc-button.fc-state-active, .portlet.calendar .mobile .fc-button.fc-state-hover { background-color: transparent; } .portlet.calendar .mobile .fc-button.fc-next-button { background: transparent; position: absolute; right: 75px; } .portlet.calendar .mobile .fc-button.fc-prev-button { background: transparent; position: absolute; right: 112px; } .portlet.calendar .mobile .fc-button.fc-prev-button.fc-state-hover, .portlet.calendar .mobile .fc-button.fc-next-button.fc-state-hover { border: none; } .portlet.calendar .fc-button .fc-icon { top: -4px; } .fc-time { display : none; } .portlet.calendar .mobile .fc-content { margin-top: 10px;} .closeon { color: #000; font-weight: bold; position: absolute; right: 5px; top: 5px; z-index: 99; display: none; } #calendrier-tab.client-view-calander { margin: 0 auto; width: 75%; } #calendrier-tab.client-view-calander .calender-container { float: left; width: 100%; } /* SHADE DAYS IN THE PAST */ td.fc-day-top.fc-past { color: #ccc; } #calendar { background: #fff; float: left; width: 100%; } .fc-day-grid-event:hover > .closeon {display: block!important; } /*#calendar_btn_pdf { display: none; }*/ .calendrier-tab-showing #calendar_btn_pdf { display: block; } .calendrier-tab-showing #convert_pdf { display: none; } .page-dashboard .calendrier-tab, .page-dashboard .acquisition-tab { display: none; } #event_box .external-event { padding:5px 10px; } @media (max-width: 1000px) { .calendrier-tab-showing #calendar_btn_pdf { display: none; } } @media (min-width: 768px) and (max-width: 991px) { .calendrier-tab-showing #calendar_btn_pdf { display: none; } .portlet.calendar.light .fc-button { top: -20px;} } @media (max-width: 1200px) { #calendrier-tab.client-view-calander { width: 100%; } } .page-list-schedule td > a { color: #000; font-size: 18px; } .portlet.custom-header-content.light > .portlet-title > .tools { padding: 0; } .portlet.custom-header-content > .portlet-title > .tools > a { height: auto; } .list-schedule .icon-calendar { color: #4a4f5f; font-size: 16px; left: -5px; } .page-sidebar .page-sidebar-menu > li.list-schedule span { margin: 0; } .admin-user:not(.page-dashboard) .page-content-wrapper .data-container-top .tabbable-line { width: 600px; } @media (max-width: 1200px) { .admin-user:not(.page-dashboard) .page-content-wrapper .data-container-top .tabbable-line { float: left; margin-top: 20px; width: 100%;} .admin-user:not(.page-dashboard) .page-content-wrapper .data-container-top .tabbable-line li { width: 20%; } } @media (max-width: 600px) { .admin-user:not(.page-dashboard) .page-content-wrapper .data-container-top .tabbable-line li { width: 50%; } } .page-dashboard .schedule-tab { display: block; } @media (max-width: 992px) { #apply-now element.style { margin-left: 15px; margin-top: 20px; } } #actual-tab .mt-widget-2 .mt-head .mt-head-user .mt-head-user-info { background: rgb(71, 72, 89); margin-top: 167px; opacity: 0.8; padding: 5px 15px 10px; } #actual-tab .mt-widget-2 .mt-head .mt-head-user .mt-head-user-info .mt-user-name, #actual-tab .mt-widget-2 .mt-head .mt-head-user .mt-head-user-info .mt-user-time { opacity: 1; } #actual-tab .mt-widget-2 .mt-head { background-position: center center; background-repeat: no-repeat; background-size: contain; } .blog-page .mt-widget-2 h3.mt-body-title a { color: #333; } .mt-widget-2 .mt-body .mt-body-description a { color: #666; } .daterangepicker + .daterangepicker .comparison-label, .daterangepicker + .daterangepicker .daterangepicker_input { display: none!important; } #compare-start { width: 100% !important; padding: 0 10px; display: none; } .compare-hint { color: #000000; font-weight: 600; margin: 5px 0; } .daterangepicker .compared_dates { background: #ed7e17!important; color: #fff!important;} .daterangepicker .compared_dates:hover { background: #fc3!important; } .daterangepicker .compared_dates.in-range { background: #00b1ab!important; } @media (max-width: 340px) { #schedule-tab .portlet.light>.portlet-title>.caption>.caption-subject { font-size: 15px; } } /**********test**********/ .bootstrap-header #datepicker .input-selected { margin: 0} .bootstrap-header #datepicker #date-start.input-selected, .bootstrap-header #datepicker #date-end.input-selected { border: solid 1px #08c } .bootstrap-header #datepicker #date-start-compare.input-selected, .bootstrap-header #datepicker #date-end-compare.input-selected { border: solid 1px #FF8000 } .bootstrap-header #datepicker div#datepicker-form #date-range, .bootstrap-header #datepicker div#datepicker-form #date-compare, .bootstrap-header #datepicker div#datepicker-form .form-date-actions { border: none; clear: left; float: left; width: 270px; } .bootstrap-header #datepicker div#datepicker-form #date-range .form-date-heading { background-color: #0092ce } .bootstrap-header #datepicker div#datepicker-form #date-compare { border: none; } .bootstrap-header #datepicker div#datepicker-form #date-compare .form-date-heading { background-color: #0092ce; } .bootstrap-header #datepicker div#datepicker-form .form-date-heading { height: 35px; line-height: 35px; padding: 0 0 0 8px } .bootstrap-header #datepicker div#datepicker-form .form-date-heading .title, .bootstrap-header #datepicker div#datepicker-form .form-date-heading .checkbox-title label { color: #fff; font-size: 13px; font-weight: normal; line-height: 13px; text-transform: none; } .bootstrap-header #datepicker div#datepicker-form .form-date-heading .btn-default { /*background-color: rgba(255, 255, 255, 0.3); font-weight: 700; color: #fff; border: none*/ } .bootstrap-header #datepicker div#datepicker-form .form-date-heading select { margin: 2px 2px 0 0 } .bootstrap-header #datepicker div#datepicker-form .form-date-body, .bootstrap-header #datepicker div#datepicker-form .form-date-actions { padding: 10px; background-color: #fff; display: inline-block } .bootstrap-header #datepicker div#datepicker-form .form-date-body { padding: 10px 0; } .bootstrap-header #datepicker div#datepicker-form .form-date-actions { border: none; padding: 0; } .bootstrap-header #datepicker div#datepicker-form .form-date-group { clear: both; width: 100%; margin: 0 auto 6px } .bootstrap-header #datepicker div#datepicker-form .form-date-group label { font-size: 0.8em; font-weight: 700; text-transform: uppercase; color: #666 } .bootstrap-header #datepicker div#datepicker-form .form-date-group input { margin: 0 } .bootstrap-header #datepicker div#datepicker-form .form-date-group input[type='text'] { width: 49%; float: left; background: #fff; } .bootstrap-header #datepicker div#datepicker-form .form-date-group button { margin: 5px 0 0 0 } .bootstrap-header #datepicker .daterangepicker { position: relative; width: 100%; font-size: 13px; border: solid 1px #ccc; margin: 0 0 8px 0 } .bootstrap-header #datepicker .daterangepicker table { width: 100%; margin: 0; border-spacing: 1px } .bootstrap-header #datepicker .daterangepicker thead tr th { color: #000; font-size: 14px; height: 30px; text-transform: none; } .bootstrap-header #datepicker .daterangepicker thead tr:first-child th { background-color: #fff; border-bottom: none; color: #000; font-size: 14px; font-weight: normal; } .bootstrap-header #datepicker .daterangepicker td, .bootstrap-header #datepicker .daterangepicker th { text-align: center; padding: 0; position: relative } .bootstrap-header #datepicker .daterangepicker tr { border-bottom: solid 1px #fff } .bootstrap-header #datepicker .daterangepicker td { color: #000; height: 2.4em; padding: 0 8px; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .bootstrap-header #datepicker .daterangepicker td.day:after { content: ""; position: absolute; display: block; top: 0; width: 100%; z-index: 0; background-color: transparent; left: 0 } .bootstrap-header #datepicker .daterangepicker td.day:hover { cursor: pointer } .bootstrap-header #datepicker .daterangepicker td.day.disabled { color: #ccc } .bootstrap-header #datepicker .daterangepicker td.old, .bootstrap-header #datepicker .daterangepicker td.new { color: #ccc } .bootstrap-header #datepicker .daterangepicker td.start-selected:not(.old):not(.new):not(.end-selected) { color: #fff; font-weight: 700; background-color: #357ebd; border-bottom-left-radius: 15px; border-top-left-radius: 15px } .bootstrap-header #datepicker .daterangepicker td.start-selected:not(.old):not(.new):not(.end-selected).range-compare { background-color: #4da1b1; border-bottom-left-radius: 0; border-top-left-radius: 0 } .bootstrap-header #datepicker .daterangepicker td.start-selected:not(.old):not(.new):not(.end-selected).end-selected-compare, .bootstrap-header #datepicker .daterangepicker td.start-selected:not(.old):not(.new):not(.end-selected).start-selected-compare { background-color: #4d99a2 } .bootstrap-header #datepicker .daterangepicker td.start-selected:not(.old):not(.new):not(.end-selected).end-selected-compare { -webkit-border-radius: 0; border-radius: 0 } .bootstrap-header #datepicker .daterangepicker td.end-selected:not(.old):not(.new):not(.start-selected) { color: #fff; font-weight: 700; background-color: #357ebd; border-bottom-right-radius: 15px; border-top-right-radius: 15px } .bootstrap-header #datepicker .daterangepicker td.end-selected:not(.old):not(.new):not(.start-selected).range-compare { background-color: #4da1b1; border-bottom-right-radius: 0; border-top-right-radius: 0 } .bootstrap-header #datepicker .daterangepicker td.end-selected:not(.old):not(.new):not(.start-selected).end-selected-compare, .bootstrap-header #datepicker .daterangepicker td.end-selected:not(.old):not(.new):not(.start-selected).start-selected-compare { background-color: #4d99a2 } .bootstrap-header #datepicker .daterangepicker td.end-selected:not(.old):not(.new):not(.start-selected).start-selected-compare { -webkit-border-radius: 0; border-radius: 0 } .bootstrap-header #datepicker .daterangepicker td.start-selected-compare:not(.old):not(.new):not(.end-selected-compare) { color: #fff; font-weight: 700; background-color: #FF8000; border-bottom-left-radius: 15px; border-top-left-radius: 15px } .bootstrap-header #datepicker .daterangepicker td.start-selected-compare:not(.old):not(.new):not(.end-selected-compare).range { background-color: #bb924d; border-bottom-left-radius: 0; border-top-left-radius: 0 } .bootstrap-header #datepicker .daterangepicker td.end-selected-compare:not(.old):not(.new):not(.start-selected-compare) { color: #fff; font-weight: 700; background-color: #FF8000; border-bottom-right-radius: 15px; border-top-right-radius: 15px } .bootstrap-header #datepicker .daterangepicker td.end-selected-compare:not(.old):not(.new):not(.start-selected-compare).range { background-color: #bb924d; border-bottom-right-radius: 0; border-top-right-radius: 0 } .bootstrap-header #datepicker .daterangepicker td.end-selected.start-selected { color: #fff; -webkit-border-radius: 15px; border-radius: 15px; font-weight: 700; background-color: #357ebd } .bootstrap-header #datepicker .daterangepicker td.end-selected.start-selected.range-compare { background-color: #4da1b1; -webkit-border-radius: 0; border-radius: 0 } .bootstrap-header #datepicker .daterangepicker td.end-selected-compare.start-selected-compare { color: #fff; -webkit-border-radius: 15px; border-radius: 15px; font-weight: 700; background-color: #FF8000 } .bootstrap-header #datepicker .daterangepicker td.end-selected-compare.start-selected-compare.range { background-color: #bb924d; -webkit-border-radius: 0; border-radius: 0 } .bootstrap-header #datepicker .daterangepicker td.range { color: #000; background-color: #ebf4f8 } .bootstrap-header #datepicker .daterangepicker td.range.range-compare { background-color: #8dab99 } .bootstrap-header #datepicker .daterangepicker td.range-compare { color: #fff2e6; background-color: #f93 } .bootstrap-header #datepicker .daterangepicker td.range-compare.range { background-color: #8dab99 } .bootstrap-header #datepicker .daterangepicker td.today { background-color: #fff } .bootstrap-header #datepicker .daterangepicker td span { padding: 0; display: block; width: 33.333%; height: 3em; line-height: 3em; font-weight: 400; float: left; text-transform: uppercase; cursor: pointer } .bootstrap-header #datepicker .daterangepicker td span:hover { color: #fff; background-color: #00A4E7 } .bootstrap-header #datepicker .daterangepicker td span.active { background-color: #00A4E7; color: #fff } .bootstrap-header #datepicker .daterangepicker td span.old { color: #ccc } .bootstrap-header #datepicker .daterangepicker th.next { padding: 0; text-align: center; } .bootstrap-header #datepicker .daterangepicker th.prev { padding: 0; text-align: center; } .bootstrap-header #datepicker .daterangepicker th.next, .bootstrap-header #datepicker .daterangepicker th.prev, .bootstrap-header #datepicker .daterangepicker th.month-switch { font-size: 1.3em; line-height: 2em; height: 2em } .bootstrap-header #datepicker .daterangepicker th.next:hover, .bootstrap-header #datepicker .daterangepicker th.prev:hover, .bootstrap-header #datepicker .daterangepicker th.month-switch:hover { background-color: #eee; color: #000; } .bootstrap-header #datepicker .daterangepicker thead tr:first-child th { cursor: pointer; padding-left: 5px; } #calendar-head { border: 0 none; margin: 0; } #calendar-head #datepicker { position: absolute; top: 35px; width: 100%; z-index: 1; } #calendar-head #datepicker .daterangepicker { top: 0; } #calendar-head #datepicker { background: #fff none repeat scroll 0 0; border: 1px solid #ccc; max-width: 800px; position: absolute; right: 15px; top: 35px; width: 100%; z-index: 9;} #calendar-head #datepicker .date-picker-wrapper { margin: 0; } #calendar-head #datepicker .date-picker-wrapper .date-picker-content { padding: 0; width: 240px; float: left; } #calendar-head #datepicker .date-picker-wrapper .date-range-content { padding-left: 5px; padding-right: 5px; padding-top: 10px; width: 280px; } .date-picker-content .daterangepicker::before, .date-picker-content .daterangepicker::after { content: ""; display: none; } .bootstrap-header #datepicker .daterangepicker td { height: 25px; padding: 5px 2px; font-size: 13px; } #calendar-head #datepicker .date-picker-wrapper .date-picker-content .daterangepicker { left: 0; border: none; } #datepickerExpand { max-width: 280px; } #datepicker .date-input + i { left: 8px; position: absolute; top: 20px;} #datepicker #date-end + i, #datepicker #date-end-compare + i { left: auto; right: 42%; } #datepicker .date-input {padding: 0 6px 0 28px; } #form-date-body-compare, #date-range .form-date-body { position: relative; } #compare-options { color: #555; height: 25px; padding: 0;} #applyDetailsBtn, #datepicker-cancel { float: right; font-size: 13px; line-height: normal; margin: 5px; padding: 5px 10px; } #calendar-head #datepicker .ranges { float: right; font-size: 11px; margin: 4px; padding: 0; text-align: left; width: 160px; } #calendar-head #datepicker .ranges li { list-style: none; } .bootstrap-header #datepicker div#datepicker-form .form-date-group input#date-end, .bootstrap-header #datepicker div#datepicker-form .form-date-group input#date-end-compare { margin-left: 1%; } @media (max-width: 1240px) { #calendar-head #datepicker { max-width: 510px; } #calendar-head #datepicker .date-picker-wrapper .date-range-content { width: 505px; } } @media (max-width: 499px) { #calendar-head #datepicker .date-picker-wrapper .date-picker-content { border-bottom: 1px solid #ccc; float: none; margin: 0 auto; padding: 0; width: 85%; } #calendar-head #datepicker .ranges { width: 125px; } #calendar-head #datepicker .ranges li { font-size: 12px; } #calendar-head #datepicker .date-picker-wrapper .date-range-content { width: 93%; } .bootstrap-header #datepicker div#datepicker-form #date-range, .bootstrap-header #datepicker div#datepicker-form #date-compare, .bootstrap-header #datepicker div#datepicker-form .form-date-actions { width: 54%; } /*.bootstrap-header #datepicker div#datepicker-form .form-date-group input[type="text"] { width: 100%; } #datepicker .date-input + i { left: 8px; position: absolute; top: 20px; } #datepicker #date-end + i, #datepicker #date-end-compare + i { left: 7px; top: 65px; } .bootstrap-header #datepicker div#datepicker-form .form-date-group input#date-end, .bootstrap-header #datepicker div#datepicker-form .form-date-group input#date-end-compare { margin-top: 10px; }*/ } .compare-date-container {float: left; margin-top: 5px; text-align: justify; } .is_compared, .is_compared span { color: #009833 !important; } .is_compared.negative, .is_compared.negative span { color: #ff7f50 !important; } #calendar_form { margin: 0; } .plus-sign { margin-right: -8px; } .page-dashboard #date-compare { display: block; } /*! Select */ select.bs-select-hidden, select.selectpicker {display: none !important;} .bootstrap-select {width: 220px \0; /*IE9 and below*/} .bootstrap-select > .dropdown-toggle {width: 100%;padding-right: 25px;z-index: 1;} .bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active {color: #999;} .bootstrap-select > select {position: absolute !important;bottom: 0;left: 50%;display: block !important;width: 0.5px !important;height: 100% !important;padding: 0 !important;opacity: 0 !important;border: none;} .bootstrap-select > select.mobile-device {top: 0;left: 0;display: block !important;width: 100% !important;z-index: 2;} .has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle {border-color: #b94a48;} .bootstrap-select.fit-width {width: auto !important;} .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 220px;} .bootstrap-select .dropdown-toggle:focus {outline: thin dotted #333333 !important;outline: 5px auto -webkit-focus-ring-color !important;outline-offset: -2px;} .bootstrap-select.form-control {margin-bottom: 0;padding: 0;border: none;} .bootstrap-select.form-control:not([class*="col-"]) {width: 100%;} .bootstrap-select.form-control.input-group-btn {z-index: auto;} .bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn {border-radius: 0;} .bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] {float: none;display: inline-block;margin-left: 0;} .bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right, .row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {float: right;} .form-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .form-group .bootstrap-select.btn-group {margin-bottom: 0;} .form-group-lg .bootstrap-select.btn-group.form-control, .form-group-sm .bootstrap-select.btn-group.form-control {padding: 0;} .form-inline .bootstrap-select.btn-group .form-control {width: 100%;} .bootstrap-select.btn-group.disabled, .bootstrap-select.btn-group > .disabled {cursor: not-allowed;} .bootstrap-select.btn-group.disabled:focus, .bootstrap-select.btn-group > .disabled:focus {outline: none !important;} .bootstrap-select.btn-group.bs-container {position: absolute;height: 0 !important;padding: 0 !important;} .bootstrap-select.btn-group.bs-container .dropdown-menu {z-index: 1060;} .bootstrap-select.btn-group .dropdown-toggle .filter-option {display: inline-block;overflow: hidden;width: 100%;text-align: left; text-overflow: ellipsis;} .bootstrap-select.btn-group .dropdown-toggle .caret {position: absolute;top: 50%;right: 12px;margin-top: -2px;vertical-align: middle;} .bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {width: 100%;} .bootstrap-select.btn-group .dropdown-menu {min-width: 100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .bootstrap-select.btn-group .dropdown-menu.inner {position: static;float: none;border: 0;padding: 0;margin: 0;border-radius: 0;-webkit-box-shadow: none; box-shadow: none;} .bootstrap-select.btn-group .dropdown-menu li {position: relative;} .bootstrap-select.btn-group .dropdown-menu li.active small {color: #fff;} .bootstrap-select.btn-group .dropdown-menu li.disabled a {cursor: not-allowed;} .bootstrap-select.btn-group .dropdown-menu li a {cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .bootstrap-select.btn-group .dropdown-menu li a.opt {position: relative;padding-left: 2.25em;} .bootstrap-select.btn-group .dropdown-menu li a span.check-mark {display: none;} .bootstrap-select.btn-group .dropdown-menu li a span.text {display: inline-block;} .bootstrap-select.btn-group .dropdown-menu li small {padding-left: 0.5em;} .bootstrap-select.btn-group .dropdown-menu .notify {position: absolute;bottom: 5px;width: 96%;margin: 0 2%;min-height: 26px;padding: 3px 5px;background: #f5f5f5;border: 1px solid #e3e3e3;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);pointer-events: none;opacity: 0.9;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .bootstrap-select.btn-group .no-results {padding: 3px;background: #f5f5f5;margin: 0 5px;white-space: nowrap;} .bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {position: static;} .bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {position: static;top: auto;margin-top: -1px;} .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {position: absolute;display: inline-block;right: 15px;margin-top: 5px;} .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {margin-right: 34px;} .bootstrap-select.show-menu-arrow.open > .dropdown-toggle {z-index: 1061;} .bootstrap-select.show-menu-arrow .dropdown-toggle:before {content: '';border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid rgba(204, 204, 204, 0.2);position: absolute;bottom: -4px;left: 9px;display: none;} .bootstrap-select.show-menu-arrow .dropdown-toggle:after {content: '';border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid white;position: absolute;bottom: -4px;left: 10px;display: none;} .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {bottom: auto;top: -3px;border-top: 7px solid rgba(204, 204, 204, 0.2);border-bottom: 0;} .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {bottom: auto;top: -3px;border-top: 6px solid white;border-bottom: 0;} .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {right: 12px;left: auto;} .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {right: 13px;left: auto;} .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {display: block;} .bs-searchbox, .bs-actionsbox, .bs-donebutton {padding: 4px 8px;} .bs-actionsbox {width: 100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .bs-actionsbox .btn-group button {width: 50%;} .bs-donebutton {float: left;width: 100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .bs-donebutton .btn-group button {width: 100%;} .bs-searchbox + .bs-actionsbox {padding: 0 8px 4px;} .bs-searchbox .form-control { margin-bottom: 0; width: 100%; float: none; } .bootstrap-header #datepicker div#datepicker-form .form-date-group label, .bootstrap-header #datepicker div#datepicker-form .form-date-group input#datepicker-compare { cursor: pointer; } #datepicker-form .form-date-group .custom-dropdown, #datepicker-form .custom-dropdown.period-range-dropdown { float: right; height: 33px; margin-right: 1px; margin-top: 1px; width: 125px;} #datepicker-form .form-date-group .custom-dropdown > .form-control, #datepicker-form .custom-dropdown.period-range-dropdown > .form-control { height: 33px; } .bootstrap-header #datepicker #datepicker-form .form-date-group .custom-dropdown > .form-control > button, #datepicker-form .custom-dropdown.period-range-dropdown > .form-control > button { border: medium none; float: right; margin: 0; outline: none!important; width: 125px; } #datepicker-form .custom-dropdown.period-range-dropdown .dropdown-menu { left: -32px; } @media (max-width: 1240px) { #calendar-head #datepicker .date-picker-wrapper .date-range-content { width: 100%;} .bootstrap-header #datepicker div#datepicker-form #date-range, .bootstrap-header #datepicker div#datepicker-form #date-compare, .bootstrap-header #datepicker div#datepicker-form .form-date-actions, .bootstrap-header #datepicker div#datepicker-form .form-date-body { width: 100%;} #datepicker #date-end + i, #datepicker #date-end-compare + i { right: 46%; } } @media (max-width: 499px) { #calendar-head #datepicker { max-width: 310px; } #calendar-head #datepicker .date-picker-wrapper .date-picker-content { width: 95%; } #datepicker #date-end + i, #datepicker #date-end-compare + i { right: 43%; } } .datepicker1 .next, .datepicker2 .prev { visibility: hidden!important; } .error-field { border: 2px solid #b00!important; } @media (min-width: 1200px) { #datepicker-form .manual-width, #datepicker-form .manual-width .btn.dropdown-toggle.btn-default, #datepicker-form .manual-width .btn-group.bootstrap-select.bs-select.form-control { width: auto; } } /*menu changes*/ .home a span.title.submenu::before { background-image: none; } .seidensticker a span.title.submenu::before { background-image: none; } .mephisto a span.title.submenu::before { background-image: none; } .logout a span.title.submenu::before { background-image: none; } .gabor a span.title.submenu::before { background-image: none; } .gentlemanfarmer a span.title.submenu::before { background-image: none; } .ccvmode a span.title.submenu::before { background-image: none; } .mephistode a span.title.submenu::before { background-image: none; } .user a span.title.submenu::before { background-image: none; } .submenu { margin-left: 6px !important; } .lilithfrance a span.title.submenu::before { background-image: none; } .lilitheurope a span.title.submenu::before { background-image: none; } .lilithusa a span.title.submenu::before { background-image: none; } .redskins a span.title.submenu::before { background-image: none; } .rivaldi a span.title.submenu::before { background-image: none; } .cadolle a span.title.submenu::before { background-image: none; } .tintamar a span.title.submenu::before { background-image: none; } .gerardpasquier a span.title.submenu::before { background-image: none; } .baya a span.title.submenu::before { background-image: none; } .page-sidebar-menu .nav-item.active .arrow::before{ transform: rotate(180deg); margin-right: 8px !important; } .page-sidebar-menu .nav-item.active.open .arrow::before { transform: rotate(0deg); } td span.negative { color: #ff7f50; } @media screen and (min-width: 768px) { .portlet-body .table-responsive { border: 1px solid #e7ecf1; margin-bottom: 15px; overflow-y: hidden; width: 100%; } .portlet-body .table-responsive > .table { margin-bottom: 0; } .portlet-body .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th { white-space: nowrap;} .portlet-body .table-responsive > .table-bordered { border: 0 none; } .portlet-body .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child { border-left: 0 none; } .portlet-body .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child { border-right: 0 none; } .portlet-body .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0 none; } } .positive::before { content: "+"; margin-right: 1px; position: relative; top: 1px; } td span.positive { color: #009833; } /*new changes in menu*/ .page-sidebar .page-sidebar-menu li > a > .arrow::before { transform : rotate(180deg);} .page-sidebar .page-sidebar-menu li > a > .arrow.open::before { transform : rotate(360deg);} .page-sidebar .page-sidebar-menu li.active.open > a > .arrow::before { transform : rotate(270deg) !important;} .page-sidebar .page-sidebar-menu li.active.open > a > .arrow.open::before { transform : rotate(360deg) !important;} .page-sidebar .page-sidebar-menu li.list-users > a > .arrow::before, .page-sidebar .page-sidebar-menu li.logout > a > .arrow::before {display:none;} /*new changes in menu*/ #vmap { display: block!important; max-width: 100%; float: left; } .jvectormap-container { height:100%; width:100%; } .jvectormap-tip { position: absolute; background: #000; color: #fff; padding: 2px; } #mapDetails { float: left; } #mapDetails li { list-style: outside none none; margin-bottom: 10px; } #mapDetails li span { border: 1px solid #000; float: left; height: 20px; margin-right: 10px; width: 20px; } #mapDetails li.less-6 span { background-color: #E9ECF2; } #mapDetails li.less-11 span { background-color: #9AB5EC; } #mapDetails li.plus-10 span { background-color: #457AE6; } /*Responsive new changes*/ .mobile-view-menu { display: none; } @media (min-width: 0px) and (max-width: 767px) { .portlet-body > .row.head-top { margin-bottom: 25px; } .page-header.navbar .menu-toggler.responsive-toggler { display: none !important; } /*.page-sidebar-wrapper .page-sidebar.navbar-collapse.collapse { display: block !important; }*/ .page-header.navbar .top-menu .navbar-nav > li.dropdown-user { display: none !important; } #calendar-head {background: none; width: 100%; float:left; max-width: 100%; } .data-container-top.bootstrap-header { padding-left: 0px; padding-right: 0px; } #datepickerExpand { width: 100%; max-width: 100%; padding: 15px; } #calendar_form .form-group.pull-right { width: 100%; margin-top: -22px; } .portlet-body > .row.head-top > .col-xs-12 { width: 50%; border-top : 1px solid #d7d7d7; padding: 0px; } .total .portlet-body > .row.head-top > .col-xs-12:last-child {border-right : 1px solid #d7d7d7;} .total .portlet-body > .row.head-top > .col-xs-12:nth-last-child(2) {border-bottom: 1px solid #d7d7d7;} .total {margin-top: 0 !important;} .portlet-body > .row.head-top > .col-xs-12:nth-child(5), .portlet-body > .row.head-top > .col-xs-12:nth-child(6) { border-bottom: 1px solid #d7d7d7; } .portlet-body > .row.head-top > .col-xs-12:nth-child(even) { border-left: 1px solid #d7d7d7; } .portlet-body > .row.head-top > .col-xs-12:nth-child(1), .portlet-body > .row.head-top > .col-xs-12:nth-child(2) { border-top: none ; } .page-ccvmode .portlet-body > .row.head-top > .col-xs-12:last-child { border:1px solid #d7d7d7; border-top: none; border-left: none; width :100%; } body { background: #fff; } .page-content-wrapper .page-content { } .mobile-view-menu { display: block; float: left; width: 100%; background: #E9ECF3; height: 50px; line-height: 50px; margin-top: -15px; } .mobile-view-menu .site-list, .mobile-view-menu .sub-menu-list { border: none; height:49px; line-height: 50px; position: relative; z-index: 10; background: #E9ECF3; width: 50%; float: left; text-align:center; font-weight: bold; list-style: none; margin: 0px; padding: 0px ; opacity: 0; } .mobile-view-menu .sub-menu-list { float: right; /*border-left: 1px solid #d7d7d7 ;*/ } {border-left: 1px solid #F8F7FA;} .mobile-view-menu .site-list li, .mobile-view-menu .sub-menu-list li{ width: 100%; float: left; text-align: center; } .mobile-view-menu-container span{ font-size: 13px; cursor: pointer; position: relative; border-left: 1px solid #d7d7d7 ; float: left; text-align: center; width: 50%; color: #000000; font-weight: bold; } #datepicker { position: absolute !important; z-index: 999 !important; } .mobile-view-menu .sub-menu-list a, .mobile-view-menu .site-list a { width: 100%; float: left; color: #000000; padding-bottom: 2.5px; padding-top: 2.5px; padding-left: 28px;text-align: left; } .mobile-view-menu .sub-menu-list a:hover, .mobile-view-menu .site-list a:hover{ background: #474859; color: white; } .dashboard-stat2 .display .number small { font-size: 12px !important; } i.arrow { position :absolute; padding-left: 6px; } i.arrow > img{ width: 15px; height: 15px; } .page-gabor i.arrow > img{ margin-top: 18px; } .tabbable-line .table-responsive .dashboard-stat2 { padding-left: 0px !important; padding-right: 0px !important;} .page-content-wrapper .page-content .page-toolbar { display: none; } /*.row.head-top {margin-left: 0px; margin-right: 0px; }*/ /*.table-responsive > .table-bordered { border: 1px solid #e7ecf1 }*/ /*.row { margin-right: 0px !important; margin-left: 0px !important; }*/ .compare-date-container { width: 100%; text-align: center; } /*#site-list > option:first-child, #sub-menu-list > option:first-child { display: none; } .page-dashboard #site-list option:nth-child(2){ border:1px solid red; display: none; }*/ .site-list, .sub-menu-list { -webkit-appearance: none; -moz-appearance: none; appearance: none; /* remove default arrow */ background: #e9ecf3 url("../images/down-arrow.png") no-repeat scroll 19px / 15px auto !important; cursor :pointer; text-align-last:center !important; background-position: right 8px bottom 16px !important; outline:none ; -ms-text-align-last: center; -moz-text-align-last: center; text-align-last: center; text-align: -webkit-center; float: none !important; margin: 0 auto !important; width: 100% !important; display: block !important; /*padding: 0 12% !important;*/ /*border :1px solid red !important; */ } .site-list-container select { text-align:-moz-center !important; text-align:-webkit-center !important; } option { text-align: left; line-height: 26px; outline:none !important ; text-align-last :left; font-family: "open sans"; padding: 4px; cursor: pointer !important; font-weight: bold !important;} .site-list-container, .sub-menu-list-container {border: none !important; float: left; width: 50%; background: #e9ecf3 url("../images/down-arrow.png") no-repeat scroll right / 15px auto !important; /*padding: 0 12%;*/ background-position: right 8px bottom 16px !important; } .sub-menu-list-container { border: 1px solid #d7d7d7; } #selectsitelist , #selectmenulist{ float: left; width: 100%; margin-left: auto; margin-right: auto; left: 0; right: 0; position: absolute; top: 0px; z-index: 0; } .site-list-container, .sub-menu-list-container { position : relative; } .page-list-users .sub-menu-list-container { display: none; } .page-list-users .site-list-container { width: 100%; } } @media (min-width: 0px) and (max-width: 345px) { .dashboard-stat2 .display .number small { font-size: 12px !important; } } /*safari*/ /*@media not all and (min-resolution:.001dpcm) { .site-list, .sub-menu-list { position: relative; text-indent: 6px;} }*/ .bootstrap-header #datepicker .daterangepicker thead tr:first-child th { color: #0292CE; font-size: 15px; } .bootstrap-header #datepicker .daterangepicker thead tr:first-child th.prev, .bootstrap-header #datepicker .daterangepicker thead tr:first-child th.next { color: #000; padding-top: 12px;padding-left:2px; } .bootstrap-header #datepicker .daterangepicker thead tr:first-child th.prev { padding-left: 0px; } .bootstrap-header #datepicker .daterangepicker td.range { background-color: #e9ecf3; color: #000; } #applyDetailsBtn { background: #0292ce; border-color: #0292ce; } #form-date-body-compare { display: block!important; } #canvas { max-width: 100%; } /*New mobile layout*/ body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } .rwd-table th { display: none; } .rwd-table td { display: block; } @media (max-width: 780px) { .rwd-table td:before, .rwd-table.crm-table tr td:first-child:before { content: attr(data-th) " "; font-weight: bold; width: 12em; display: inline-block; } .rwd-table td.transformation:before { width: 13em; } .rwd-table td.non-trou:before { width: 16em; } .rwd-table.crm-table tr td:last-child:before { content: attr(data-th) " : "; font-weight: bold; width: 17em; display: inline-block; } .rwd-table.merchandising-table tr td:first-child::before { display: none; } .rwd-table tr td:first-child:before { content: attr(data-th) ""; font-weight: bold; width: auto; display: inline-block; } .rwd-table.produit-tab-table tr td:first-child:before { color: #fff;} } @media (min-width: 781px) { .rwd-table td:before { display: none; } } .rwd-table th, .rwd-table td { text-align: left; } @media (min-width: 781px) { .rwd-table th, .rwd-table td { display: table-cell; padding: .25em .5em; } .rwd-table th:last-child, .rwd-table td:last-child { padding-right: 0; } } .rwd-table { overflow: hidden; } .rwd-table th, .rwd-table td:before { color: #3e3d3b; } .rwd-table .collapse { display: none; height: auto !important; } .rwd-table .collapse.in { display: block; } @media (max-width: 780px) { .rwd-table tr td:first-child { background: #3b3f51; color: #fff; } .rwd-table.crm-table tr td:first-child { background: none; color: #3e3d3b; } .table-responsive .rwd-table > tbody > tr:hover, .table-responsive .rwd-table > tbody > tr:hover > td:first-child { background: #559ddc !important; } .table-responsive .rwd-table.crm-table > tbody > tr:hover, .table-responsive .rwd-table.crm-table > tbody > tr:hover > td:first-child { background: none !important; } .table-responsive .rwd-table > tbody > tr:hover > td { background: #fff !important; } } .image-link-mobile {display: none !important;} .rwd-table.produit-tab-table tr td:first-child {display: none !important;} @media (min-width:0px) and (max-width: 780px) { .image-link-mobile, .rwd-table.produit-tab-table tr td:first-child { display: block !important; } .image-link-desktop { display: none !important; } } @media (min-width: 0px) and (max-width: 767px) { .page-ccvmode .portlet-body > .row.head-top > .col-xs-12:last-child { width: 50%; border-left: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; } .page-ccvmode .portlet-body > .row.head-top > .col-xs-12:nth-child(5), .page-ccvmode .portlet-body > .row.head-top > .col-xs-12:nth-child(6) { border-bottom: 0px solid #d7d7d7; } .page-ccvmode .portlet-body > .row.head-top > .col-xs-12:nth-child(7), .page-ccvmode .portlet-body > .row.head-top > .col-xs-12:nth-child(8) { border-bottom: 1px solid #d7d7d7; } } /* Fix - Syed - Before Live*/ @media (max-width: 767px) { .news-list-container { padding: 0; } } @media (max-width: 370px) { .news-list-container .mt-user-name { overflow: hidden; max-width: 90px; height :20px; } #calendar-head #datepicker { right: 5px; } } @media (min-width: 0px) and (max-width: 767px) { .total .portlet-body > .row.head-top > .col-xs-12:last-child {border-right: 1px solid #d7d7d7; margin-left: 1.5px !important;} } .page-blog-detail .page-title { display: none !important; } .breadcrumb { display: none !important; } /*edit schedule */ @media (min-width: 0px) and (max-width: 990px) { #apply-now.addform {margin-left: 15px; margin-top: 26px;} } @media (min-width: 0px) and (max-width: 767px) { .page-edit-schedule .mobile-view-menu { margin-top: -20px; } } @media (min-width: 768px) { .page-userslist .page-content .header-row .bootstrap-header { position: absolute; right: 25px; z-index: 9; margin-top: 15px; max-width: 950px; } .page-userslist .table-bordered { border: 2px solid #e7ecf1; } } .page-userslist .page-bar .page-toolbar, .page-userslist #date-compare { display: none; } .page-userslist .table > tbody > tr > td, .page-userslist .table thead tr th { border: 1px solid #e7ecf1; padding: 0 10px; } .page-userslist .bootstrap-table { max-width: 750px; } .page-userslist .sub-menu-list-container { display: none; } .page-userslist .site-list-container { width: 100%; } @media (max-width: 780px) { .page-userslist .table { border: none; } .page-userslist .table-hover > tbody > tr:hover, .page-userslist .table-hover > tbody > tr:hover > td { background: #fff !important; } .page-userslist .table-hover > tbody > tr:hover > td:first-child { background: #3b3f51 !important; } .page-userslist .table-hover > tbody > tr { border-bottom: 15px solid transparent; } .page-userslist .page-content .row:not(.header-row) .col-md-12 { margin-top: 10px; } } .users-stats a span.title:before{ content:" "; background-image: url('../images/user-stats.png'); } .users-stats a span.title:before { margin-right: 12px; background-size: 100% 100% !important; padding: 0 11px !important; background-repeat :no-repeat; background-position: 100% 0; position: absolute; height:22px; width:22px; margin-left: -26px; top: 10px;} .page-userslist li.users-stats > a { border-left: 3px solid #5C9ACF !important; margin-left: -3px; padding-left: 15px; background: #f2f6f9; color: #5b9bd1; } .page-sidebar .page-sidebar-menu li.users-stats > a > .arrow::before{ display: none; } .stats-heading { font-size: 17px; padding: 0 0 10px 0px;} .divider-hr { height: 1px;width: 33%;margin: 35px 0 35px 15%;background-color: #e7ecf1;border: none; min-width: 420px; } @media (max-width: 600px) { .divider-hr { width: 100%; margin: 10px 0 25px 0%; min-width: 100%;} } /*new changes*/ @media (min-width: 768px) { tr.nos > th { border: 0px solid #e7ecf1 !important; width: 50%;} tr.nos > td { border-top: none !important; } /*.table-responsive.saison { max-width: 720px; }*/ } @media (max-width: 767px) { .table-responsive.saison { max-width: 100%; } } #date-range .filter-option, #date-compare .filter-option { font-size: 13px; } @media (min-width: 1200px) { .portlet-body .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th { white-space: normal; } } /*add ocs */ .market_places .dashboard-stat2 .display .icon { right: 0px; } .portlet-body .table-responsive > .table-bordered tr td.sponsor_text { width: 50%; } .checkbox-title { float: left; width: 40%; margin: 10px 0 0 0;} .page-content-wrapper { margin-top: 25px; } /*client page table design change*/ .page-clients .panel-default .table-responsive thead tr th { width: 16.6%; } /*calender day change with left start*/ .bootstrap-header #datepicker div#datepicker-form .form-date-heading .btn-default { padding-left: 10px;padding-top: 7px; } /*calender day change with left end*/ .stock-view .category-box.category-header { background: #D3D3D3;text-align: right;font-size: 20px;padding-right: 40px; padding-top: 10px;padding-bottom: 10px; } .page-edit_statistics_feature #page-wrapper .portlet-body.stock-view { padding-top: 0px; } .page-edit_statistics_feature .inner-category-box { padding: 8px; } .page-edit_statistics_feature .category-box.category-header span { font-size: 16px; } @media (max-width: 767px) { .page-activite table.rwd-table > tbody > tr > td.site_name, .page-new-activite table.rwd-table > tbody > tr > td.site_name{ color: #000; font-size: 16px; font-family: Roboto; } .page-activite table.rwd-table > tbody > tr > td.site_name:before, .page-new-activite table.rwd-table > tbody > tr > td.site_name:before{ width: 100% !important; margin: 18px 0px 0px 0px; display: none; } .page-activite table.rwd-table > tbody > tr > td.textaign_right:before, .page-new-activite table.rwd-table > tbody > tr > td.textaign_right:before { font-weight: normal !important;font-size: 14px; content: attr(data-th) " "; } .page-activite table.rwd-table > tbody > tr > td.textaign_right p, .page-new-activite table.rwd-table > tbody > tr > td.textaign_right p{ font-size: 19px; color: #474859 !important; font-weight: bold; margin: 10px 0px 0px 0px; } .page-clients .rwd-table tr td:first-child:before { background-color: #ffffff; } .page-clients .rwd-table tr td:first-child { background-color: #ffffff; width: 12em; } } /*dashboard compare values font site changes*/ .page-activite table.rwd-table > tbody > tr > td, .page-new-activite table.rwd-table > tbody > tr > td { font-size: 14px; } .compare-hint { font-size: 18px;font-weight: normal; } /*Added by Ocs*/ .page-activite table.rwd-table > tbody > tr > td, .page-new-activite table.rwd-table > tbody > tr > td { padding-top: 10px; padding-bottom: 10px; line-height: 25px; } .text-main-inner a.dropdown-item {display: block;margin: 0px 0 0 0;padding: 0 3px;float: right;width: auto;line-height: normal;height: auto;} .text-main-inner i{line-height: normal; margin: 0;top: 0;width: auto;height: 10px;} .text-main-inner a.dropdown-item i.glyphicon-menu-up:before,.text-main-inner a.dropdown-item i.glyphicon-menu-down:before{font-size: 10px;font-weight: normal;} .text-main-inner a.dropdown-item.active i {color: #3a7db8;} .page-activite .marketing-table thead tr th.text-main-inner, .page-new-activite .marketing-table thead tr th.text-main-inner{line-height: 13px !important; padding: 5px; font-size: 14px !important; font-weight: bold !important;} .page-activite .marketing-table thead tr th.text-main-inner:first-child, .page-new-activite .marketing-table thead tr th.text-main-inner:first-child{width: 60px;} @media (min-width: 1025px) and (max-width: 1440px) { .page-activite table.rwd-table > tbody > tr > td, .page-new-activite table.rwd-table > tbody > tr > td { font-size: 13px; } .page-activite .marketing-table thead tr th.text-main-inner, .page-new-activite .marketing-table thead tr th.text-main-inner{font-size: 13px !important;} .page-activite #main #page-wrapper .panel.panel-default, .page-new-activite #main #page-wrapper .panel.panel-default { padding-left: 0px; } } @media (min-width: 0px) and (max-width: 1024px) { body.page-activite .panel .rwd-table tr td:first-child, body.page-new-activite .panel .rwd-table tr td:first-child{display: none !important;} } nav .navbar-default.sidebar .mobileView{display: none;} @media (max-width: 767px) and (min-width: 320px){ nav .navbar-default.sidebar .desktopView{display: none;} nav .navbar-default.sidebar .mobileView{display: block;text-align: center;} }