html {
font-size: 100%
}
body {
font-family: "Open Sans", sans-serif;
font-size: 62.5%;
font-weight: 400;
background: #e7ecf3
}
h1, h2, h3, h4, h5, h6, a, label, span, p, div, small {
font-family: "Open Sans", sans-serif;
font-weight: 400
}
::-webkit-input-placeholder {
font-family: "Open Sans", sans-serif;
font-weight: 300
}
::-moz-placeholder {
font-family: "Open Sans", sans-serif;
font-weight: 300
}
:-ms-input-placeholder {
font-family: "Open Sans", sans-serif;
font-weight: 300
}
input:-moz-placeholder {
font-family: "Open Sans", sans-serif;
font-weight: 300
}
ol, ul {
padding: 0;
margin: 0
}
label {
font-weight: 300
}
a:hover, a:focus {
text-decoration: none;
color: inherit
}
a:focus, :focus {
outline: none
}
*::selection {
color: #fff;
background: #ff503f
}
*::-moz-selection {
color: #fff;
background: #ff503f
}
.container {
width: 100%;
padding: 0
}
.cmsLogo {
}
.cmsLogo > a {
display: inline-block;
width: 200px;
height: 34px
}
.cmsLogo a > img {
max-width: 100%;
max-height: 100%
}
.side-menu-wrap {
position: fixed;
z-index: 5;
height: 100%;
padding-top: 65px
}
.navbar-header p.storeAreafont {
font-size: 12px
}
.side-menu li.side-menu-storeName {
display: none
}
.side-menu:hover li.side-menu-storeName {
display: block
}
.side-menu li .storExpireHigh {
font-weight: 800;
color: #00a5d3
}
.side-menu {
position: relative;
z-index: 1;
width: 50px;
height: 100%;
-webkit-transition: all .25s;
transition: all .25s;
background-color: #313443
}
.side-menu:hover {
width: 250px
}
.side-menu:hover .navbar-nav li a .side-menu-title, .side-menu:hover .navbar-nav li a .flaticon-downarrows10::before {
display: inline-block
}
.side-menu:hover .navbar-nav li a .side-menu-title {
width: 175px;
padding: 0 10px
}
.side-menu .navbar {
height: 100%;
border: none
}
.side-menu .navbar-header {
position: relative;
width: 100%
}
.side-menu .navbar-nav {
width: 100%;
height: 100%;
padding-top: 15px
}
.side-menu .panel-body .navbar-nav {
padding-top: 0
}
.side-menu .nav > li > a:hover, .side-menu .nav li > a, .side-menu .nav > li > a:focus {
color: #dfe3e8;
background: none
}
.side-menu .navbar-nav .active a {
margin-right: -1px;
border-right: 5px solid #e7e7e7;
background-color: transparent
}
.side-menu .navbar-nav li {
width: 100%;
overflow: hidden
}
.side-menu .navbar-nav li a {
display: block;
padding: 10px;
font-size: 14px;
line-height: 20px;
white-space: nowrap
}
.side-menu .navbar-nav li.jumprct a {
border-top: 1px solid #22282d
}
.side-menu .navbar-nav li a .side-menu-title {
display: none
}
.side-menu .navbar-nav li a > span {
vertical-align: middle
}
.side-menu .navbar-nav li a .flaticon-downarrows10 {
font-size: 20px
}
.side-menu .navbar-nav li a .flaticon-downarrows10:before {
display: none;
font-size: 18px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
color: #ccc
}
.side-menu .navbar-nav li a.titleactive .flaticon-downarrows10:before {
transform: rotate(180deg)
}
.side-menu .navbar-nav li ul li a {
padding: 5px;
font-size: 13px
}
.side-menu .navbar-nav li ul li a > span {
display: block
}
.side-menu .navbar-nav li a:hover {
color: #fff
}
.side-menu .nav li.navHover > a {
color: #ff503f
}
.side-menu .navbar-nav li a .glyphicon {
padding-right: 10px
}
.side-menu #dropdown {
display: block;
width: 100%;
margin-bottom: 0;
overflow: hidden;
border: 0;
border-radius: 0;
background-color: transparent;
box-shadow: none
}
.side-menu #dropdown > .collapse.in {
display: none
}
.side-menu:hover #dropdown > .collapse.in {
display: block
}
.side-menu #dropdown .caret {
float: right;
margin: 9px 5px 0
}
.side-menu #dropdown .indicator {
float: right
}
.side-menu #dropdown .panel-body {
padding: 0;
background-color: #f3f3f3
}
.side-menu #dropdown .panel-body .navbar-nav {
width: 100%;
padding-bottom: 20px;
background: #1e202c
}
.side-menu #dropdown .panel-body .navbar-nav li {
padding-left: 65px;
border-bottom: none
}
.side-menu #dropdown .panel-body .navbar-nav li:first-child a {
padding-top: 0
}
.side-menu #dropdown .panel-body .navbar-nav li:last-child {
border-bottom: none
}
.side-menu #dropdown .panel-body .panel > a {
padding-left: 35px;
margin-left: -20px
}
.side-menu #dropdown .panel-body .panel-body {
margin-left: -15px
}
.side-menu #dropdown .panel-body .panel-body li {
padding-left: 30px
}
.side-menu #dropdown .panel-body .panel-body li:last-child {
border-bottom: 1px solid #e7e7e7
}
.side-menu #search-trigger {
position: absolute;
top: 0;
right: 0;
padding: 15px 18px;
border: 0;
border-radius: 0;
background-color: #f3f3f3
}
.side-menu .brand-name-wrapper {
min-height: 50px
}
.side-menu .brand-name-wrapper .navbar-brand {
display: block
}
.side-menu #search {
position: relative;
z-index: 1000
}
.side-menu #search .panel-body {
padding: 0
}
.side-menu #search .panel-body .navbar-form {
position: relative;
width: 100%;
padding: 0;
padding-right: 50px;
margin: 0;
border-top: 1px solid #e7e7e7
}
.side-menu #search .panel-body .navbar-form .form-group {
position: relative;
width: 100%
}
.side-menu #search .panel-body .navbar-form input {
width: 100%;
height: 50px;
border: 0;
border-radius: 0;
box-shadow: none
}
.side-menu #search .panel-body .navbar-form .btn {
position: absolute;
top: 0;
right: 0;
padding: 15px 18px;
border: 0;
border-radius: 0;
background-color: #f3f3f3
}
.side-body {
float: left;
width: 100%;
padding-left: 50px;
margin-top: 65px;
font-size: 1.3em
}
.storeDetaiLs {
padding: 15px 15px 0 25px;
white-space: nowrap
}
.side-menu-container {
float: left;
width: 100%;
height: 100%
}
.navbar-header p {
margin: 0;
font-size: 14px;
font-weight: 600;
line-height: 22px;
white-space: normal;
text-transform: capitalize;
color: #9ea9af
}
#defSessStore {
color: #dfe3e8
}
.navbar-header p a, .navbar-header p a:hover {
color: #ff503f
}
.navbar-header p.storeExpire {
display: block
}
.navbar-header p.storeAreafont a {
padding: 0
}
.navbar-header .changeStoreplus {
float: right;
cursor: pointer;
color: #fff;
border-radius: 50%
}
.changeStoreplus:before {
font-size: 24px
}
.navbar-header .changeStoreplus a {
color: #fff
}
.modal-dialog {
width: auto;
margin: 0 auto;
margin-top: 20px
}
.modal-content {
position: relative;
width: 100%;
height: 100%;
border: none;
border-radius: 0;
box-shadow: none
}
.modal-header, .modal-body, .modal-footer {
display: inline-block;
width: 100%
}
.modal-header {
position: fixed;
top: 0;
z-index: 1;
color: #fff;
border: none;
background: #313443
}
.modal-body {
margin-top: 50px
}
.branchList {
padding: 0;
margin: 0;
list-style: none
}
.branchList li {
float: left;
width: 100%;
margin-bottom: 5px
}
.branchList li label {
display: block
}
.branchList li input[type="radio"] {
float: left;
width: auto;
margin: 5px
}
.branchList li p {
float: left;
width: auto;
font-size: 13px;
line-height: 22px;
color: #000
}
.header {
position: fixed;
z-index: 5;
width: 100%;
padding: 15px 0 15px 15px;
font-size: 1.3em;
border-bottom: 1px solid #dfe3e8;
background: #f1f1f1
}
.header h3 {
margin: 0;
font-size: 20px;
font-weight: normal;
line-height: 65px;
text-align: center;
text-transform: uppercase;
color: #4b4b4b
}
.adminpanel {
float: right;
padding: 0;
margin: 0
}
.adminpanel a {
}
.adminpanel > li {
display: inline;
float: left;
padding-left: 15px
}
.adminpanel > li:first-child {
padding-right: 0;
padding-left: 0
}
.adminpanel > li:last-child {
padding-right: 0
}
.adminpanel > li a {
float: left;
font-weight: 400;
color: #22282d
}
.adminpanel > li > a {
color: #22282d
}
.adminpanel > li > a > i {
position: relative;
top: 1px;
display: inline-block;
width: 30px;
height: 30px;
font-size: 20px;
text-align: center
}
.adminpanel > li > a > i.controlArrow {
position: relative;
top: 3px;
left: 5px;
text-align: left
}
.adminpanel > li > a > i:before {
line-height: 30px
}
.adminpanel > li > a > span.flaticon-downarrows10 {
line-height: normal
}
.adminpanel > li > a > span:before {
font-size: 17px;
vertical-align: middle
}
.dashFilter > li > a > span:before {
display: inline-block;
margin-left: 0;
color: #fff
}
.adminpanel > li a:hover {
}
.adminpanel > li > a:hover {
}
.adminpanel li > .dropdown-menu {
top: 99%;
right: 0;
left: initial;
min-width: 170px;
padding: 0;
margin-top: 20px;
border-top: none;
border-radius: 0
}
.adminpanel li > .notificationwrapper {
width: 400px
}
.adminpanel li > .notificationwrapper > li {
float: left;
width: 100%;
border-bottom: 1px solid #dfe3e8
}
.adminpanel li > .notificationwrapper > li:last-child {
border: none
}
.dashFilter li > .dropdown-menu {
top: 40px;
right: 0;
z-index: 4;
width: 100%;
min-width: inherit
}
.dropdown-menu .divider {
margin: 0
}
.bodyContainer {
float: left;
width: 100%
}
.bodyContainer .nav-tabs {
border: 1px solid #dfe3e8;
border-top: none;
background: #f1f1f1 none repeat scroll 0 0
}
.bodyContainer .nav-tabs li a, .bodyContainer .nav-tabs li a:focus {
padding: 0 30px;
font-weight: 600;
line-height: 50px;
color: #313443;
border: none;
background: none
}
.nav-tabs > li {
width: auto;
font-size: 14px;
text-align: center;
color: #2a3137
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
color: #ff503f;
border-top: none;
border-right: 1px solid #dfe3e8;
border-left: 1px solid #dfe3e8;
border-radius: 0;
background: #fff
}
.nav-tabs > li.active > a:hover {
border-bottom: none
}
.bodyContainer .tab-content {
float: left;
width: 100%
}
.tab-content > .tab-pane, .addMobile, .addcustomerDetails, .smsreportDate, .addBundle, .createdsms {
float: left;
width: 100%;
padding: 15px;
background: #fff
}
.addBundle {
padding: 0
}
.addMobile {
padding-right: 0;
padding-left: 0
}
.createUpdate .addMobile {
padding: 0
}
.smsreportDate {
padding: 0
}
.createdsms {
width: 50%;
padding: 0
}
.tab-content > .tab-pane {
min-height: calc(100% - 116px);
border: none
}
.tab-content > .bgtrans {
padding: 15px;
border-left: none
}
.changeStorepop {
width: 600px;
max-height: 370px;
overflow: auto
}
.addLocationpop {
width: 800px;
height: 550px;
margin: 0 auto
}
.tooltip-inner {
min-width: 300px;
border-radius: 0
}
.cmsDashboard .tooltip-inner {
width: auto;
min-width: auto
}
.formfield .Infobtn > i {
right: inherit;
left: 115px
}
.searchwrap {
float: left;
width: 100%;
line-height: 34px
}
.searchwrap label {
float: left;
width: 25%;
font-size: 16px;
font-weight: 300;
color: #313443
}
.searchwrap .searchinput {
position: relative;
float: right;
width: 350px
}
.searchinput i {
position: absolute;
top: 0;
right: 10px;
font-size: 20px;
cursor: pointer
}
.searchinput i:before {
font-size: 24px;
color: #ff503f
}
.searchwrap .searchinput input {
width: 100%;
padding: 0 10px;
line-height: 34px;
border: 1px solid #dfe3e8;
background: transparent
}
.productByComp .searchinput input {
position: relative;
z-index: 1;
line-height: 32px;
cursor: pointer
}
.mapBtnbottom {
position: absolute;
bottom: 0;
left: 0
}
.locationcontainer {
height: 490px;
padding: 0
}
.locationcontainer iframe body {
margin: 0
}
.table-striped thead {
color: #313443;
border: 1px solid #dfe3e8;
border-radius: 5px 5px 0 0;
background: #f1f1f1
}
.table-striped {
font-size: 13px
}
.table-striped th {
font-weight: 400
}
.table-striped th:first-child, .table-striped td:last-child, .table-striped th:last-child {
}
.table-striped td:last-child {
}
.table-striped td:last-child.leftalign {
text-align: left
}
.table-striped td a, .table-striped td a:active, .table-striped td a:focus {
display: inline-block;
color: #ff503f
}
.table-striped td a:hover {
color: #ff503f
}
.table-striped td i {
vertical-align: middle
}
.table-striped td span {
vertical-align: middle
}
.table-striped td:last-child a i {
display: inline-block;
padding: 0 5px;
color: #ff503f
}
.table-striped td:last-child a i:before {
font-size: 24px
}
.table-striped td:last-child a i.ion-ios-play-outline:before, .table-striped td:last-child a i.ion-ios-pause-outline:before {
font-size: 30px
}
.table-striped td:last-child a i.fa-envelope-o:before {
font-size: 20px
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
vertical-align: middle;
border-top: none
}
.table > thead > tr > th, .table > thead > tr > td {
font-size: 13px;
font-weight: 600
}
.table > tbody > tr > th, .table > tbody > tr > td {
height: 55px;
font-size: 13px;
text-transform: capitalize;
color: #313443
}
.table > tbody > tr > th > p, .table > tbody > tr > td > p {
margin: 0
}
.table > thead > tr > th {
height: 50px;
font-weight: 600;
white-space: nowrap;
border: none
}
.table-bordered > thead > tr > th{
border: 1px solid #ddd;
}
.feed-report > thead > tr > th{
min-width: 130px;
white-space: normal;
max-width: 300px;
}
.feed-report > thead > tr > th.quest{
min-width: 250px;
}
.feed-report thead th:first-child{
min-width: 50px;
}
.table > thead > tr > th.text-right, .table > tbody > tr > td.text-right, .table > tfoot > tr > td.text-right {
padding-right: 30px
}
.table > tbody, .table > tfoot {
border: 1px solid #dfe3e8
}
.table > tfoot {
height: 55px
}
.table-striped > tbody > tr {
border-bottom: 1px solid #dfe3e8
}
.table-striped > tbody > tr:nth-child(odd) {
background: #fff
}
.table-striped > tbody > tr:nth-child(even) {
}
.helpwrap {
float: left;
padding: 10px;
list-style: none
}
.helpwrap li {
float: left;
width: 100%;
color: #8d9ba6
}
.helpwrap li h3 {
font-size: 14px;
font-weight: 600;
color: #313443
}
.helpwrap li p {
float: left;
width: 100%;
margin: 0 0 10px;
font-size: 13px;
font-weight: 400;
color: #22282d
}
.helpwrap li p span {
float: left
}
.paginationDefault {
float: left;
width: 100%;
margin: 15px 0 0 0
}
.remainTable .paginationDefault {
}
.paginationDefault ul {
float: right;
width: auto;
padding: 0;
margin: 0;
list-style: none
}
.paginationDefault li {
float: left;
width: auto;
margin-left: 10px
}
.paginationDefault li a {
}
.paginationDefault li a {
color: #fff
}
.addGallerypop {
width: 1000px;
height: 565px;
margin: 0 auto
}
.instruct > p {
float: left;
width: 100%;
margin: 0;
font-size: 13px;
font-weight: 300;
color: #313443
}
.selectgalleryimgwrap {
display: table;
width: 100%;
border: 1px solid #dfe3e8
}
.galshowImg {
display: table-cell;
width: 100%;
height: 140px;
text-align: center;
vertical-align: middle;
background: transparent
}
.galleryleftwrap {
float: left;
width: 45%;
height: 460px;
padding: 15px;
margin: 0 0 0 45px;
list-style: none;
border: 1px solid #dfe3e8
}
.formwrapper .galleryleftwrap li {
float: left;
width: 45%;
margin-bottom: 20px
}
.gallerythumb {
position: relative;
width: 150px;
height: 150px;
margin: 0 auto;
overflow: hidden;
cursor: pointer
}
.gallerythumb > span {
position: absolute;
top: 0;
right: 0;
left: 0;
height: 100%;
margin: 0 auto;
text-align: center;
color: #fff;
background: rgba(0, 0, 0, .2)
}
.gallerythumb > img {
max-height: 100%
}
.gallerythumb > span > i {
display: block;
margin-top: 55px;
font-size: 40px
}
.thumbHover {
position: absolute;
top: 0;
display: none;
width: 100%;
height: 100%;
padding: 0;
list-style: none;
background: rgba(0, 0, 0, .8)
}
.gallerythumb:hover > .thumbHover {
display: block
}
.formwrapper .galleryleftwrap .thumbHover > li {
float: left;
width: 45px;
height: 45px;
margin: 50px 20px 0;
line-height: 45px;
text-align: center;
border-radius: 50%;
background: #f8cb00
}
.thumbHover > li > a {
display: block;
font-size: 22px;
color: #333
}
.formwrapper .galleryleftwrap .thumbHover > li:hover {
background: #bec7d6
}
.formwrapper .galleryleftwrap .thumbHover > li:last-child {
margin-left: 0
}
.galshowImg img {
max-width: 100%;
max-height: 100%
}
.galshowImg i {
margin-top: 10%
}
p.or {
float: left;
margin: 5px 9px;
font-size: 16px;
font-weight: 300;
line-height: normal;
text-align: center;
text-transform: uppercase;
color: #22282d
}
.checkbox {
margin-top: 0;
text-align: center
}
.modal {
overflow: initial
}
.datepicker-dropdown.dropdown-menu {
z-index: 4;
min-width: 230px
}
.tab-content > .assignUser {
}
.addcatalogue {
float: left;
width: 100%;
padding: 15px;
margin-top: 15px;
border: 1px solid #ccc
}
.addcatalogue .panel-title > .accordion-toggle {
position: relative;
display: block;
padding-left: 20px;
font-family: "Open Sans", sans-serif;
font-size: 13px;
font-weight: 600;
color: #313443
}
.addcatalogue .panel-title > .accordion-toggle:before {
position: absolute;
left: 0;
font-family: "FontAwesome";
content: "\f0d7"
}
.addcatalogue .panel-title > .accordion-toggle.collapsed:before {
content: "\f0d7"
}
.addcatalogue .collapseIcons {
position: absolute;
top: 0;
right: 0
}
.addcatalogue .collapseIcons i {
margin: 0 5px;
color: #8d9ba6
}
.addcatalogue .collapseIcons i:before {
font-size: 24px;
line-height: normal
}
.addcatalogue .collapseIcons span {
float: left;
margin: 1px 2px;
cursor: pointer
}
.addcatalogue .collapseIcons span a {
display: inline-block
}
.addcatalogue .collapseIcons span i {
display: inline-block;
vertical-align: middle
}
.addcatalogue .panel-title {
position: relative;
line-height: 35px
}
.addcatalogue .panel-default > .panel-heading {
padding: 0 15px;
background: #dfe3e8
}
.addcatalogue .panel-group .panel, .addcatalogue .panel-heading {
overflow: inherit;
border-radius: 0
}
.addcatalogue .panel-sub-group {
margin: -15px
}
.addcatalogue .panel-sub-group .panel-default > .panel-heading {
background: #fff
}
.catLeft {
float: left;
width: 140px;
height: auto;
border: 1px solid #c2cbd9
}
.catLeft img {
max-width: 100%
}
.catRight {
float: left;
width: 75%;
padding: 0 10px
}
.side-menu .nav > li > a.titleactive:hover, .side-menu .nav > li > a.titleactive, .side-menu .nav > li > a.titleactive:focus {
background: #1e202c
}
.previewImg {
float: left;
width: 100%;
height: 250px;
text-align: center
}
.previewImg i {
margin-top: 30%;
font-size: 100px
}
.previewImg > img {
max-width: 100%;
max-height: 100%;
padding: 5px;
outline: 1px solid #ccc
}
.tab-content > .manageEnter {
border-top: none
}
.tab-content > .customerEntrypad {
padding-right: 78px
}
.createUpdate, .customerDetails {
position: relative;
float: left;
width: 100%
}
.createUpdate > p, .customerDetails p, .voucherwrap p, .formTitles, .campaignTitle p, .formsegtitle {
float: left;
width: auto;
margin: 0;
font-size: 14px;
font-weight: 600;
color: #313443
}
.formTitles {
color: #1bbc9b
}
.customerDetails p.characterLimit {
margin: 0;
font-size: 12px
}
.formwrapper .petText textarea {
height: 112px
}
.customerDetails > p {
width: 100%
}
.sitesectionTitles {
float: left;
margin: 0;
font-size: 14px;
font-weight: 600;
color: #313443
}
.customerDetails p > span {
color: #1bbc9b
}
.addmobWrapper {
width: 400px;
padding: 0 0 0 15px;
margin: 16px 0 0
}
.addmobWrapper .successmsg {
width: 100%
}
.addmobWrapper > li {
height: 50px;
margin: 0
}
.addmobWrapper .formlabel {
width: 120px
}
.addmobWrapper .formfield {
width: 250px
}
.addmobWrapper .formlabel, .assignRemainder .formlabel, .assignwrapper .formlabel {
}
.addmobWrapper input[type="text"], .assignRemainder input[type="text"] {
float: left;
width: 150px
}
.addmobWrapper .commonBtn {
float: left
}
.addmobWrapper .commonBtn, .bulkwrapper .commonBtn, .assignRemainder .commonBtn {
width: 75px;
min-width: inherit;
margin-left: -5px;
line-height: 34px
}
.custumerdata {
position: absolute;
right: 0;
float: right;
padding-right: 3px;
text-align: right
}
.custumerdata p {
width: 100%;
margin: 0;
font-size: 13px;
font-weight: 400;
color: #00a5d3
}
.billamountBtn .commonBtn {
width: 100%;
min-width: auto;
line-height: 44px
}
.voucher {
position: relative;
display: table;
width: 670px;
margin: 30px auto;
border: 5px solid #d0dce7;
background: #34495e
}
.voucherLeft, .voucheRight {
position: relative;
float: left
}
.voucherLeft {
width: 250px
}
.voucherLeft img {
display: block;
width: 100%
}
.voucheRight {
width: 400px;
height: 204px;
padding-top: 35px;
padding-left: 10px;
color: #fff
}
.voucher h3 {
float: left;
width: 100%;
margin-top: 0;
margin-bottom: 5px;
font-size: 16px;
font-weight: normal;
color: #fff
}
.voucheRight span {
float: left
}
.voucheRight .worth {
display: inline-block;
float: right;
padding: 5px 20px;
color: #fff;
background: #ef464c none repeat scroll 0 0
}
.voucheRight p {
margin: 0;
font-size: 13px;
color: #fff
}
.mobileBottom {
position: absolute;
bottom: 10px;
left: 10px;
float: left;
width: 98%;
font-size: 14px
}
.mobileBottom label {
font-weight: 300
}
.voucherwrap {
float: left;
width: 100%;
padding: 20px;
margin-top: 20px;
border: 1px solid #ccc
}
.voucherwrap .commonBtn {
margin: 20px 53px
}
.custompendingoff {
display: table;
width: 100%;
padding: 0;
margin: 0;
list-style: none
}
.custompendingoff + .commonBtn {
}
.custompendingoff li {
float: left;
width: 50%;
margin-bottom: 0
}
.custompendingoff li input {
float: left;
width: 20px
}
.custompendingoff li p {
float: left;
width: 94%;
margin: 0;
font-size: 12px
}
.activeLogList {
display: table;
width: 100%;
padding-left: 10px;
margin-top: 15px;
margin-bottom: 0;
list-style: none
}
.activeLogList li {
display: table-cell;
width: 25%;
padding-right: 5px;
font-size: 13px;
vertical-align: top;
color: #313443
}
.activeLogList li:first-child {
}
.activeLogListwidth2 span {
float: left;
width: 100%
}
.listactivityLog p {
padding-left: 40px;
font-size: 14px;
color: #a0aaba
}
.listactivityLog {
display: inline-block;
width: 100%
}
.voucherwrap h5 {
margin-top: 20px;
margin-bottom: 0;
font-weight: 300;
line-height: 30px;
text-align: center
}
.voucherwrap h5 a {
color: #3498db
}
tags-input .tags {
min-height: 34px;
padding-top: 0;
border: 1px solid #dfe3e8;
box-shadow: none;
-webkit-appearance: none
}
tags-input.ng-invalid .tags {
box-shadow: none
}
.trackableOffers {
float: left;
width: 100%
}
.moduleTitle {
position: relative;
float: left;
width: 100%;
margin: 0 0 15px 0
}
.trackableOffers h5 {
position: relative;
float: left;
padding-left: 10px;
margin: 4px 0 0;
font-family: "Open Sans", sans-serif;
font-size: 13px;
font-weight: 600;
color: #ff503f
}
.moduleTitle h5 {
margin: 0;
font-size: 14px;
font-weight: 600;
color: #313443
}
.trackableOffers h5 .helptool {
right: -30px;
line-height: 10px
}
.msgPreview {
width: 100%;
min-height: 93px;
margin: 15px 0;
background: #e7ecf3
}
.previewMsg {
float: left;
width: 100%;
margin: 0;
font-weight: 700
}
.msgPreview p {
padding: 10px
}
.msgPreview .smsCount {
display: inline-block;
width: 100%;
padding: 10px;
text-align: right
}
.customerFilterwrap {
color: #22282d
}
.customerFilterwrap label {
width: 100%;
font-weight: 400
}
.customerFilterwrap label + label {
padding-left: 20px
}
.customerFilterwrap label input {
margin: 0 10px 0 0
}
.customerFilter {
padding-left: 20px;
list-style: none
}
.customerFilterwrap textarea {
width: 400px;
height: 100px;
margin: 25px;
}
.offerMsgtext {
width: 75%
}
.offerMsgtext .formfield {
max-width: inherit
}
.turnOff {
position: absolute;
right: 15px;
float: right;
text-align: right
}
.turnOff label {
font-size: 13px;
color: #22282d
}
.stockCheck label::before {
top: 0;
border-radius: 2px
}
.stockCheck label::after {
color: #fff;
border-radius: 2px;
background: #0353CC;
}
label.recurringColor {
color: #1abc9c
}
.remainTable {
float: left;
width: 100%
}
.remainTable h4, .cmsTitle {
float: left;
margin: 0;
margin-left: 0;
font-family: "Open Sans", sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 20px;
color: #313443
}
.CMSTitle .searchinput {
float: right;
width: 300px
}
.CMSTitle i {
line-height: 34px
}
.assignRemainder {
width: 100%
}
.assignRemainder > li {
width: 50%
}
.optionOr {
float: left;
width: auto;
padding: 0 20px;
font-size: 20px;
line-height: 44px;
color: #a0aaba
}
.bulkwrapper .formlabel {
width: auto;
padding-right: 15px
}
.couponImage .xlrestrict {
padding: 0
}
.xlrestrict {
float: left;
width: 100%;
padding-left: 10px;
margin: 0;
color: #fb7905
}
.formfield .xlrestrict {
padding-left: 0;
line-height: normal
}
.xlrestrict i {
display: inline;
margin-right: 5px;
vertical-align: middle
}
.xlrestrict i:before {
font-size: 18px
}
.downloadata {
width: 50%;
padding-right: 45px
}
.downloadata p a {
position: relative;
display: inline-block;
margin-bottom: 15px
}
.downloadata p a:before {
position: absolute;
top: -6px;
right: -30px;
font-family: Flaticon;
font-size: 24px;
content: "\e011"
}
.errormsgListwrap {
float: left;
width: 100%
}
.errormsglist {
width: 50%;
min-height: 100px;
border: 1px solid #ccc
}
.giftpage {
width: 100%
}
.giftpage .formlabel {
width: 25%
}
.giftpage .formfield {
width: 35%
}
.tab-content > .smsreportWrap {
}
.smsReporttable {
float: left;
width: 100%
}
.smsReporttable tbody tr {
height: 55px
}
.clear {
clear: both
}
.storenameTitle {
float: left;
width: 100%;
margin-top: 30px;
font-family: "Open Sans", sans-serif;
font-size: 16px;
font-weight: 500
}
.storenameTitleList .formlabel {
line-height: 20px
}
.productReport {
padding: 0;
margin: 0;
list-style: none
}
.productReport li {
width: 100%
}
.productReport li label {
text-align: left
}
.productReport li label:first-child {
width: 70px
}
.smsReporttable .table-striped td:last-child {
}
.smsReporttable .table-striped td[colspan] {
text-align: center
}
.formfield .bootstrap-select.btn-group .dropdown-menu {
width: 100%;
font-size: 13px
}
.tab-content > .createGreeting {
}
.addBundle .formfield {
max-width: inherit
}
.addBundle .formfield textarea {
width: 100%
}
.floatl {
float: left
}
.floatr {
float: right
}
.listRadio .radio + .radio, .listRadio .checkbox + .checkbox {
margin-left: 0
}
.greetingDays .formlabel {
width: 360px
}
.addBundle .greetingDays .formfield {
width: calc(100% - 360px)
}
.greetingDays .formfield input {
float: right;
width: 100%
}
.submitArea .helptool {
position: static;
margin-left: 20px;
line-height: 50px
}
.createdsms ul, .createdBundles, .sortableDiv {
display: table;
float: left;
width: 100%;
padding: 0;
margin: 0;
list-style: none
}
.sortableDiv {
width: 50%
}
.createdsms ul li {
display: table;
width: 100%;
padding: 10px;
margin: 10px 0;
background: #dfe3e8
}
.createdsms ul li > div, .createdBundles li > div, .sortableDiv li > div {
display: table-cell;
vertical-align: middle
}
.sno {
width: 85px
}
.createdAction {
text-align: center
}
.createdAction a i {
padding-left: 10px;
font-size: 26px;
color: #555
}
.createdAction a i.flaticon-pencil78 {
padding-left: 0
}
.createdAction a i:before {
font-size: 28px
}
.createdAction a i:hover {
color: #ff503f
}
.createdsmstext {
width: 70%
}
.createdBundles > li, .sortableDiv li {
position: relative;
display: table;
float: left;
width: 49.5%;
padding: 15px;
margin-bottom: 10px;
border: 1px solid #ccc;
background: #fff
}
.sortableDiv li {
width: 100%;
cursor: move
}
.sortableDiv li:last-child {
margin: 0
}
.createdBundles > li:nth-child(odd) {
margin-right: .5%
}
.createdBundles > li:nth-child(even) {
margin-left: .5%
}
.radio, .checkbox {
position: relative;
display: inline-block;
margin: 0
}
.custompendingoff .radio, .custompendingoff .radio label {
width: 100%;
margin: 0
}
.custompendingoff .radio label {
margin-bottom: 15px
}
.mandHint {
position: absolute;
left: 100%;
min-width: 500px;
margin-left: 40px;
color: #a0aaba
}
.assignremindertitle {
margin: 0;
font-family: "Open Sans", sans-serif;
font-size: 14px;
font-weight: 600;
color: #313443
}
.bundlesmsHover:hover + .bundleSmsList, .createdBundles li:hover > .bundleSmsList {
display: block
}
.createdBundles li:nth-child(even):hover > .bundleSmsList {
right: 100%;
left: inherit
}
.sheduleGreet {
width: 70%
}
.bundleSmsList {
position: absolute;
top: 0;
left: 100%;
z-index: 1;
display: none;
width: 430px;
list-style: none
}
.createdBundles li .bundleSmsList {
top: inherit;
bottom: 0;
padding-left: 15px
}
.createdBundles li:nth-child(even) .bundleSmsList {
padding-right: 15px
}
.createdBundles li:nth-child(even) > .bundleSmsList:before {
top: inherit;
right: -5px;
bottom: 5px;
left: inherit;
border-right: 10px solid transparent;
border-left: 10px solid #ebebeb
}
.createdBundles li:nth-child(odd) > .bundleSmsList:before {
top: inherit;
bottom: 5px;
left: 5px
}
.bundleSmsList:before {
position: absolute;
top: 5px;
left: 30px;
content: "";
border-top: 10px solid transparent;
border-right: 10px solid #ebebeb;
border-bottom: 10px solid transparent
}
.bundleSmsList li {
padding: 10px;
background: #ebebeb
}
.bundleSmsList li p {
margin: 0;
font-size: 12px;
color: #313443
}
.checkbox + .checkbox {
margin-top: 0;
margin-left: 20px
}
.checkbox label::before {
top: 9px;
width: 15px;
height: 15px;
border-radius: 4px
}
.checkbox label::after {
top: 9px;
width: 15px;
height: 15px;
font-size: 12px;
line-height: 15px
}
.checkbox-primary input[type="checkbox"]:checked + label::after, .checkbox-primary input[type="radio"]:checked + label::after {
color: #fff
}
.checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary input[type="radio"]:checked + label::before {
border-color: transparent;
background: #1abc9c
}
.modal-title {
font-family: "Open Sans", sans-serif;
font-size: 14px;
font-weight: 400
}
.greetingDrop .formlabel {
width: 160px
}
.bootstrap-select > .dropdown-toggle {
padding-left: 5px;
font-size: 13px;
line-height: 20px;
color: #22282d;
border-color: #dfe3e8;
background: transparent
}
.bootstrap-select.open .dropdown-toggle, .bootstrap-select .dropdown-toggle:hover, .bootstrap-select .dropdown-toggle:focus {
border-color: #dfe3e8
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
}
.greetingDrop .btn-group.bootstrap-select.show-tick {
width: 224px
}
.sortableDiv {
margin-top: 15px
}
.assignremainerror {
float: left;
width: 100%;
max-height: 500px;
padding: 10px;
border: 1px solid #e64c66
}
.settingsPage {
float: left;
width: 100%;
padding: 0;
list-style: none
}
.settingsPage li {
float: left;
width: 100%;
border-bottom: 1px solid #ccc
}
.settingsPage .helpwrap li {
border: none
}
.settingsPage li > a {
float: left;
width: 100%;
padding: 10px 0;
color: #313443
}
.settingsname, .settingscontent, .settingsedit {
float: left;
width: 25%;
color: #22282d
}
.settingscontent {
width: 65%;
padding: 0 30px
}
.settingsedit {
width: 10%
}
.editcontent {
float: left;
width: 100%;
padding: 10px 0;
color: #8d9ba6;
background: #eaeaea
}
.acknolmsg {
width: 65%;
padding: 0 30px;
margin-left: 25%
}
.acknolmsg textarea {
width: 100%;
height: 100px;
border: 1px solid #dfe3e8
}
.acknolmsg a {
display: inline-block;
padding: 5px;
margin: 10px 0 0;
line-height: normal;
text-transform: capitalize;
color: #fff
}
.locationDrop .dropdown-menu {
width: 96.5%;
max-height: 300px;
padding: 0;
overflow: auto
}
.locationDrop .dropdown-menu > li > a {
padding: 5px;
font-size: 12px
}
.locationDrop i {
position: absolute;
top: 0;
right: 10px;
line-height: 34px
}
.formwrapper .tags input[type="text"] {
height: 32px;
padding: 0;
margin: 0;
line-height: 28px;
border: none
}
tags-input .tags.focused {
box-shadow: none
}
::-webkit-input-placeholder {
font-family: "Open Sans", sans-serif;
font-size: 12px;
opacity: 1;
color: #8d9ba6
}
::-moz-placeholder {
font-family: "Open Sans", sans-serif;
font-size: 12px;
opacity: 1;
color: #8d9ba6
}
:-ms-input-placeholder {
font-family: "Open Sans", sans-serif;
font-size: 12px;
opacity: 1;
color: #8d9ba6
}
input:-moz-placeholder {
font-family: "Open Sans", sans-serif;
font-size: 12px;
opacity: 1;
color: #8d9ba6
}
input:focus {
outline-offset: 0
}
.formfield .radio, .checkbox,.radio {
margin: 0 10px 0 0;
line-height: 32px
}
.turnOff .checkbox {
margin: 0
}
.genderMargin .radio + .radio, .genderMargin .checkbox + .checkbox {
margin-top: 0
}
.formwrapper .billamountcs input {
width: 75%
}
.formwrapper .billamountcs .commonBtn {
min-width: 25%;
margin-left: -4px;
line-height: 34px
}
.listRadio .radio, .listRadio .checkbox {
display: table
}
.formwrapper.greetingDrop {
width: 60%
}
.customerFilter .checkbox {
margin-right: 20px
}
.checkbox + .checkbox {
margin-left: 0
}
tags-input .host {
margin: 0
}
.text-left {
text-align: left !important
}
.benifitscontainer {
float: left;
width: 100%;
margin: 20px 0 0;
color: #8d9ba6
}
.benifitscontainer p {
color: #22282d
}
.benifitscontainer h4 {
font-size: 15px;
color: #1bbc9b
}
.iconmenuact .panel-group {
float: left;
width: 100%;
margin-top: 35px
}
.iconmenuact .panel {
min-height: 100%;
margin: 0;
color: #fff;
border: none;
border-radius: 0;
background: #313443
}
.iconmenuact .panel-default > .panel-heading {
position: relative;
padding: 0;
color: #fff;
border-bottom: 1px solid #22282d;
border-radius: 0;
background: #313443
}
.iconmenuact .panel-title {
display: block;
padding: 15px 20px;
font-size: 13px
}
.iconmenuact .flaticon-downarrows10 {
position: absolute;
top: 0;
right: 25px;
line-height: 48px;
cursor: pointer
}
.iconmenuact .flaticon-downarrows10:before {
font-size: 28px;
color: #afafaf
}
.iconmenuact .panel-title span {
color: #35d2c0
}
.iconmenuact .collapse, .iconmenuact .collapsing {
border: 1px solid #313443;
border-top: none
}
.addcustomerDetails .panel-group {
float: left;
width: 100%;
margin-top: 35px
}
.addcustomerDetails .panel-group .panel {
border: none;
border-radius: 0
}
.addcustomerDetails .panel-default > .panel-heading {
position: relative;
padding: 0;
border: 1px solid #dfe3e8;
border-radius: 0;
background: #fff
}
.addcustomerDetails .panel-title {
display: block;
padding: 15px 20px;
font-size: 13px
}
.addcustomerDetails .flaticon-downarrows10 {
position: absolute;
top: 0;
right: 25px;
line-height: 48px;
cursor: pointer
}
.addcustomerDetails .flaticon-downarrows10:before {
font-size: 28px;
color: #afafaf
}
.addcustomerDetails .panel-title span {
color: #1bbc9b
}
.addcustomerDetails .collapse, .addcustomerDetails .collapsing {
border: 1px solid #dfe3e8;
border-top: none
}
.iconBG {
position: relative;
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
color: #fff;
border-radius: 50%;
background: #ff503f
}
.jumprct .iconBG {
color: #ff503f;
background: #fff
}
.iconBG > i:before {
font-size: 14px;
line-height: 30px
}
.iconBG > i.ion-ios-gear-outline:before {
font-size: 22px;
line-height: 28px
}
.side-menu .navbar-nav li a:hover > .iconBG:before, .side-menu .navbar-nav li a:hover > .iconBG, .side-menu .navbar-nav li a.titleactive > .iconBG:before, .side-menu .navbar-nav li a.titleactive > .iconBG {
}
.side-menu .navbar-nav li a:hover > .iconBG:after, .side-menu .navbar-nav li a.titleactive > .iconBG:after {
border-right-color: #e64c66
}
.settingsTitle {
padding-left: 15px;
font-size: 13px;
color: #22282d
}
.rewardInput .input {
width: 25%;
vertical-align: top
}
.rewardInput > span {
display: inline-block;
width: 100%;
margin-bottom: 10px;
line-height: 36px;
color: #546e7a
}
.rewardInput span label {
width: 170px
}
.rewardInput span .checkbox label {
width: auto
}
.rewardPointsize {
width: 100%
}
.rewardPointsize .formlabel {
width: 20%
}
.rewardPointsize .formfield {
width: 27%
}
.rewardPointsize .errormsg {
padding-left: 10px
}
.rewardAmount {
width: 30%
}
.rewardAmount small {
margin-left: 10px
}
.rewardPointsize input[type="text"] {
width: 100px
}
.rewardPointsize input[type="button"] {
margin-left: -5px;
line-height: 34px
}
.calenderSizewrap {
float: left
}
.calenderSizewrap .formfield {
float: left;
width: 240px
}
.calenderSizewrap .formfield i.flaticon-weekly12, .calenderSizewrap i.flaticon-weekly12 {
position: absolute;
top: 0;
right: 5px;
line-height: 34px
}
.OffEndDate > i {
left: 44%
}
.calenderSizewrap .formfield i:before, .calenderSizewrap i:before {
font-size: 24px;
color: #ff503f
}
.calenderSizewrap .datepicker {
z-index: 1;
cursor: pointer;
background: transparent
}
.formwrapper .checkbox label {
line-height: 32px
}
.sendSMS {
width: 100%
}
.sendSMS .formlabel {
width: 26%
}
#sendSMS .changeStorepop {
height: auto;
max-height: 600px
}
.sendSMS .characterLimit {
float: right;
width: 50%
}
.sendSMS .errormsg, .textareaalert {
width: 50%
}
.showFilter {
float: right;
padding-left: 10px
}
.showFilter .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
float: left;
width: 75px
}
.showFilter > p {
float: left;
width: auto;
padding-right: 10px;
margin: 0;
color: #22282d
}
.showFilter .bootstrap-select > .dropdown-toggle {
line-height: 22px;
color: #8d9ba6;
border: 1px solid #dfe3e8;
border-right: none
}
.dropdown-menu {
padding: 0;
margin-top: 0;
font-size: 12px
}
.bootstrap-select .dropdown-menu {
text-align: left;
border-color: #dfe3e8
}
.profileDrop li {
float: left;
width: 100%
}
.profileDrop li:last-child {
background: #dfe3e8
}
.dropdown-menu > li > a {
position: relative;
width: 100%;
padding: 10px;
white-space: normal;
word-wrap: break-word;
color: #22282d
}
.dropdown-menu > li.active > a, .dropdown-menu > li.active > a:hover, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
color: #fff;
background: #00a5d3
}
.bootstrap-select.btn-group .dropdown-menu li a span.text {
display: block;
width: 90%;
white-space: normal;
word-wrap: break-word
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
position: static;
margin: 0;
line-height: 18px
}
.show-tick .selectCheck {
position: absolute;
top: 50%;
right: 10px;
width: 20px;
height: 20px;
margin-top: -10px;
text-align: center;
border: 1px solid #ccc
}
#remainderlist {
border-left: none
}
.customerCounts {
float: left;
width: 100%
}
.customerCountdetails {
display: table;
width: 100%;
padding: 0;
border-bottom: 1px solid #e4e7ec
}
.customerCountdetails li {
position: relative;
display: table-cell;
width: 15%;
height: 85px;
text-align: center;
vertical-align: middle;
border-right: 1px solid #e4e7ec
}
.customerCountdetails li p {
position: absolute;
top: 2px;
right: 2px;
font-family: "Open Sans", sans-serif;
color: #22b709
}
.customerCountdetails li p i {
margin-right: 3px
}
.customerCountdetails li p.ratiodecrease {
color: #ff503f
}
.customerCountdetails li h3 {
margin: 0;
font-family: "Open Sans", sans-serif;
font-size: 30px;
font-weight: 300;
color: #7c8692
}
.customerCountdetails li span {
display: block;
font-family: "Open Sans", sans-serif;
font-size: 11px;
font-weight: 400;
text-transform: uppercase;
color: #22282d
}
.customerCountdetails li h3.returnCustomers {
color: #1ab3db
}
.customerCountdetails li h3.defectCustomers {
color: #dd4473
}
.customerFulldetails {
float: left;
width: 100%;
padding: 25px 0
}
.customerFulldetailsRow {
float: left;
width: 100%;
margin-bottom: 15px
}
.customerDatabase, .storeEmployeeReport, .weeklySales {
float: left;
width: 33%;
height: auto;
padding: 0 15px;
margin: 0
}
.weeklySales {
width: 50%
}
.treeHeader .weeklySales {
width: 100%;
padding: 15px
}
.customerDatabase {
margin-left: 0
}
.weeklySales {
margin-right: 0
}
.customerFulldetailsbox, .msgmetricBox {
position: relative;
display: table-cell;
float: left;
width: 100%;
height: 270px;
padding: 15px;
vertical-align: middle;
border: 1px solid #dfe3e8;
border-radius: 5px
}
.storeEmployeeReport .customerFulldetailsbox {
display: inherit
}
.circle {
width: 192px;
height: 192px;
margin: 0 auto;
border: 10px solid #1ab3db;
border-radius: 50%
}
.circleLine-1 {
width: 172px;
height: 172px;
border: 1px solid rgba(0, 0, 0, .3);
border-radius: 50%
}
.circleLine-2 {
display: table-cell;
width: 170px;
height: 170px;
text-align: center;
vertical-align: middle;
border: 5px solid #cedbe1;
border-radius: 50%
}
.circleLine-2 h3 {
margin: 0;
font-size: 35px;
color: #2a3137
}
.circleLine-2 p {
margin: 0;
margin-top: 10px;
font-size: 15px;
color: #2a3137
}
.circleLine-2 span {
font-size: 13px;
color: #1ab3db
}
.employeeRatio {
display: table;
width: 100%;
padding: 0 10px;
margin: 0 auto;
list-style: none
}
.employeeRatio li {
float: left;
width: 100%
}
.employeeRatio li > .empNames, .employeeRatio li > .empratioLevel {
float: left;
padding-right: 5px
}
.employeeRatio li > .empNames {
width: 50%;
color: #8d9ba6
}
.employeeRatio li > .weeklydays {
display: table-cell;
float: none;
width: 25px;
vertical-align: middle
}
.empNames > label {
display: table-cell;
height: 36px;
margin: 0;
line-height: normal;
vertical-align: middle;
word-wrap: break-word
}
.empNames span {
float: left;
margin-right: 3px
}
.empNames p {
float: left;
max-width: 100px;
margin: 0;
font-size: 12px;
text-transform: capitalize
}
.employeeRatio li > .empratioLevel {
width: 50%;
padding: 0
}
.empratioLevel .progress {
width: 100%;
height: 3px;
margin: 10px 0;
background: #e9eff1;
box-shadow: none
}
.empratioLevel .progress-bar {
background: #85af36
}
.weeklyRatio {
position: relative;
display: table-cell;
width: 525px;
vertical-align: middle
}
.weeklyRatio .progress {
height: 1px;
margin: 0;
background: #e2e7ec
}
.weeklyRatio .progress-bar {
position: absolute;
top: 3px;
width: 13px;
height: 13px;
border: 4px solid #1ab3db;
border-radius: 50%;
background: #fff
}
.weeklySales .employeeRatio li {
position: relative;
margin: 5px 0
}
.weekOff {
color: #da4138
}
.weeklydays span {
font-family: "Open Sans", sans-serif
}
.empratioLevel .cusbaseratio {
background: #1ab3db
}
.msgMetrics, .conversionMetrics {
float: left;
width: 50%;
padding: 0 15px
}
.conversionMetrics {
margin: 0
}
.msgmetricBox {
height: 250px
}
.msgmetricList {
width: 100%;
padding: 0;
margin: 0 auto;
list-style: none
}
.msgmetricList li {
float: left;
width: 100%;
margin-bottom: 15px
}
.msgmetricList li label {
float: left;
width: 40%;
margin: 0;
color: #8d9ba6
}
.msgmetricList .progress {
float: left;
width: 40%;
height: 7px;
margin: 6px 0;
border-radius: 2px;
background: #e9eff1;
box-shadow: none
}
.msgmetricList .progress-bar {
background: #ef5f56
}
.msgmetricList li span {
padding: 0 20px;
color: #8d9ba6
}
.conversionlist {
padding: 0;
list-style: none
}
.conversionlist li {
display: table;
width: 100%
}
.conversionlist li .conversionLeft, .conversionlist li .conversionRight {
display: table-cell;
width: 50%;
height: 100px;
text-align: center;
vertical-align: middle;
border-right: 1px solid #dfe3e8;
border-bottom: 1px solid #dfe3e8
}
.conversionlist li:last-child .conversionLeft {
border-bottom: none
}
.conversionlist li .conversionRight {
border-right: none;
border-bottom: 1px solid #dfe3e8
}
.conversionlist li:last-child .conversionRight {
border: none
}
.conmetricBox {
display: block;
float: right;
height: 202px;
padding: 0;
border-radius: 0 0 5px 5px
}
.conversionlist li p {
font-family: "Open Sans", sans-serif;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
color: #8d9ba6
}
.conversionlist li h3 {
margin: 0;
font-family: "Open Sans", sans-serif;
font-size: 45px;
color: #8d9ba6
}
.moduleTitles {
float: left;
width: 100%;
margin: 15px 0;
text-align: center;
color: #2a3137
}
.cmsDashboard .tab-pane {
position: relative;
border-top: 0
}
.nav-tabs > li:first-child.active > a {
border-left: 1px solid transparent
}
.filterCont {
position: relative;
float: left;
width: 100%
}
.filterCont .dashFilter {
position: absolute;
top: 0;
right: 16px
}
.treeWrapper .menuactive {
float: left;
width: 349px;
padding-left: 15px
}
.treeWrapper .menuactive .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 100%
}
.dashFilter > li > a {
float: left;
padding: 0 10px;
line-height: 28px;
color: #fff;
border-radius: 3px;
background: #ff503f
}
.dashFilter > li {
padding: 11px 0
}
.dashFilter > li > a .FilterType {
float: left;
padding: 5px 20px;
margin: 0 20px 0 0;
font-size: 12px;
color: #49626e;
border-radius: 2px;
background: #e0e5e6
}
.dropIcon {
position: relative;
display: inline-block;
height: 36px
}
.dashFilter .flaticon-downarrows10 {
margin-left: 10px;
color: #ff503f
}
.affinityContain {
min-height: 1000px
}
.chartInfo, .empReportInfo {
float: right;
height: 20px;
text-align: right
}
.empReportInfo {
position: absolute;
top: 10px;
right: 13px;
width: auto;
font-size: 10px
}
.chartInfo span {
position: relative;
display: inline-block;
padding-right: 15px;
margin-left: 10px;
font-size: 12px;
color: #8d9ba6
}
.chartInfo span:before {
position: absolute;
top: 4px;
right: 0;
width: 10px;
height: 10px;
content: "";
background: #ff503f
}
.empReportInfo span:before {
width: 10px;
height: 10px
}
.chartInfo span.retCust:before {
background: #85af36
}
.chartInfo span.nonRetCust:before {
background: #00a5d3
}
.chartInfo span.defRetu:before {
background: #fb7905
}
.chartInfo span.labelMore-1:before {
background: #1abc9c
}
#canvas-holder2 {
float: left;
width: 100%;
height: 100%
}
#chartjs-tooltip {
position: absolute;
-webkit-transition: all .1s ease;
transition: all .1s ease;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
pointer-events: none;
opacity: 1;
color: white;
border-radius: 3px;
background: rgba(0, 0, 0, .7)
}
.chartjs-tooltip-section {
padding: 5px 5px 0
}
.chartjs-tooltip-section:last-child {
padding-bottom: 5px
}
.chartjs-tooltip-key {
display: inline-block;
width: 10px;
height: 10px
}
.affinityMonths {
float: left;
width: 100%;
min-width: 430px;
padding: 15px
}
.affinityMonths label {
float: left;
margin: 0
}
.affinityMonths p {
float: left;
width: auto;
max-width: 300px
}
.affinityMonths > ul {
float: right;
padding: 0;
margin: 0;
list-style: none
}
.affinityMonths > ul li {
float: left
}
.affinityMonths > ul li a {
padding: 10px 7px;
font-size: 11px;
text-transform: uppercase;
color: #8d9ba6
}
.affinityMonths > ul li:last-child a {
padding-right: 0
}
.affinityMonths > ul li a:hover, .affinityMonths > ul li.active a {
color: #1ab3db
}
.customerFulldetailsbox .carousel {
top: 0;
height: calc(100% - 32px)
}
.customerFulldetailsbox .carousel-inner {
overflow: inherit
}
.customerFulldetailsbox .carousel-control.left, .customerFulldetailsbox .carousel-control.right {
background: none
}
.customerFulldetailsbox .carousel-control .icon-prev, .customerFulldetailsbox .carousel-control .icon-next, .customerFulldetailsbox .carousel-control .glyphicon-chevron-left, .customerFulldetailsbox .carousel-control .glyphicon-chevron-right {
top: 100%;
color: #000
}
.customerFulldetailsbox .fa-angle-left::before, .customerFulldetailsbox .fa-angle-right::before {
position: absolute;
right: 40px;
bottom: -10px;
padding: 5px;
cursor: pointer;
color: #000
}
.storeDivider {
float: left;
width: 100%;
margin-top: 20px;
font-size: 24px;
text-align: center;
color: #595959
}
.notFounText {
float: left;
width: 100%;
margin: 47% 0;
text-align: center
}
.affinityWrap {
width: 70%;
height: 700px;
margin: 64px auto 15px
}
.table-striped td.leftalign:last-child a i::before {
font-size: 18px
}
.table-striped td.leftalign:last-child a i {
font-size: 16px
}
.table-striped td:last-child a i:hover {
color: #ff503f
}
.bulkwrapper .fileUpload {
margin: 0
}
tags-input .tags .tag-item {
font-size: 12px;
color: #fff;
border: none;
background: #00a5d3
}
tags-input .tags .tag-item .remove-button {
color: #fff
}
.adminpanel .dashLink > a {
color: #ff503f
}
.adminpanel .dashLink.active > a {
color: #8d9ba6
}
.storeLimit {
min-height: 500px
}
.formwrapper .shortURL label {
padding-left: 0
}
.formwrapper .shortURL input {
display: table-cell;
padding-right: 30px
}
.formwrapper .couponSave input {
width: 53%;
margin-left: 1%
}
.formfield.couponSave .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 45%
}
.couponFile {
margin: 0;
line-height: 23px
}
.couponTypes input[type="text"] {
width: 118px;
margin-left: 20px
}
.formfield.couponValid .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 70%
}
.calenderSizewrap .offerEndDAte {
width: 70%
}
.couponListImG {
display: flex;
width: 80px;
height: 55px
}
.couponListImG img {
max-width: 100%
}
.couponActive, .couponInActive {
display: inline-block;
width: 20px;
height: 20px;
border-radius: 50%;
background: #81c911
}
.couponInActive {
background: #ff503f
}
.tooltip {
display: inline-block !important
}
.customTolTip {
position: absolute;
top: -33px;
right: 0;
left: 0;
display: none;
width: 75px;
padding: 3px 8px;
margin: 0 auto;
text-align: center;
color: #fff;
background: #333
}
.customTolTip:before {
position: absolute;
right: 0;
bottom: -7px;
left: 0;
width: 0;
height: 0;
margin: 0 auto;
content: "";
border-top: 7px solid #333;
border-right: 7px solid transparent;
border-left: 7px solid transparent
}
.progress:hover > .customTolTip {
display: inline-block
}
.toolOut {
position: relative;
width: auto;
height: auto
}
.affinityPop {
position: relative;
z-index: 4;
display: inline-block;
float: right;
padding: 5px 10px;
text-align: right
}
.affinityPop > span.flaticon-double89:before {
font-size: 30px
}
.rowshort {
display: table;
width: 100%
}
.formwrapper .shortURL label {
display: table-cell;
width: 150px;
padding: 0;
margin: 0;
line-height: 34px
}
.storeLimitIn {
padding: 225px 0;
font-size: 20px;
font-weight: 800;
text-align: center;
color: #ff503f
}
.notifyCount {
position: relative
}
.notifyCountIn {
position: absolute;
top: 0;
right: 0;
width: 15px;
height: 15px;
font-size: 10px;
line-height: normal;
text-align: center;
color: #fff;
border-radius: 50%;
background: #ff503f
}
.updateFeatures {
display: inline-block;
padding: 5px 0 6px;
line-height: normal;
text-align: center;
background: #ff503f
}
.updateFeatures p {
display: inline-block;
margin: 0;
font-size: 12px;
color: #fff
}
.updateFeaturesibiling {
position: absolute;
top: 33px;
right: 0;
left: 0
}
.couponPreviewImg {
position: absolute;
right: -100%;
width: 350px;
height: 110px
}
.couponPreviewImgIn {
position: relative;
float: left;
width: auto;
height: 110px;
max-width: 110px;
min-width: 70px;
margin-right: 10px;
overflow: hidden;
text-align: center
}
.couponPreviewImgIn > a {
color: #a0aaba
}
.couponPreviewImgIn > a > i.flaticon-close33:before {
font-size: 24px
}
.couponPreviewImgIn > a:hover {
color: #ff503f
}
.couponPreviewImgIn > a > i {
display: none
}
.couponPreviewImgIn:hover > a > i {
position: absolute;
right: 0;
left: 0;
display: block;
padding: 37px 0;
color: #fff;
background: rgba(0, 0, 0, .4)
}
.couponPreviewImgIn:last-child {
margin-right: 0
}
.couponPreviewImg img {
max-height: 100%
}
.customerStatusentry {
display: table;
float: right;
width: 57%;
height: 149px;
padding: 0;
margin: -15px 0
}
.customerIndi .customerStatusentry {
margin: 0
}
.customerStatusentry li {
display: table-cell;
text-align: center;
vertical-align: middle
}
.customerStatusentry li h3 {
margin: 0;
font-family: "Open Sans", sans-serif;
font-size: 28px;
color: #dd4473
}
.customerStatusentry li h3 i {
font-size: 26px
}
.customerStatusentry li {
position: relative;
width: 33%
}
.customerStatusentry li .tooltip-inner {
min-width: auto
}
.customerStatusentry li:first-child {
border: 1px solid #dfe3e8;
border-top: none;
border-bottom: none
}
.customerStatusentry li span {
display: block;
width: 100%;
margin: 5px 0;
font-family: "Open Sans", sans-serif;
font-size: 11px;
font-weight: 400;
text-transform: uppercase;
color: #313443
}
.rewardPull label {
margin: 0
}
.customerStatusentry li span small {
font-family: inherit;
font-size: 100%;
color: #dd4473
}
.customerStatusentry li:last-child {
}
.customerStatusentry li:nth-child(2) {
border-right: 1px solid #dfe3e8
}
.customerStatusImg {
display: block;
width: 80px;
height: 80px;
margin: 0 auto
}
.billProfile .customerStatusImg {
width: 45px;
height: 45px
}
.customerStatusImg img {
width: 100%
}
.instructTypemethod {
position: absolute;
top: 0;
right: -140%;
width: 500px
}
.datepicker table {
width: 100%
}
#giftVoucher {
min-height: 550px
}
.trackCampaignload {
position: absolute;
top: 5px;
right: 25%
}
.sampleMessage {
width: 800px;
height: 500px
}
.modal-body .helpwrap {
padding: 0
}
.modal-body .helpwrap h3 {
margin-top: 0
}
.successwrap {
display: inline-block
}
.formwrapper small {
font-size: 100%
}
.couponBal {
text-align: right
}
::required {
box-shadow: none
}
.codeHint {
width: 450px;
margin: -35px 0 0 400px
}
.responMenu {
display: none;
float: left;
width: 100%;
margin-top: 68px
}
.notificationwrapper {
max-height: 200px;
overflow: auto
}
.nav > li > a.mobShowMenu {
display: none
}
.table {
float: left;
margin: 15px 0 0 0
}
.tableInfo {
display: none
}
.catelogSucess {
float: left;
margin: 25px 0 0 20px
}
.bootstrap-select.disabled {
background: #dfe3e8
}
.bootstrap-select.disabled .btn {
cursor: not-allowed
}
.cursorPoint {
cursor: pointer
}
.cursorPoint input[type="text"] {
z-index: 1;
cursor: pointer;
background: transparent
}
.OffEndDate > input[type="text"] {
float: left;
width: 50%
}
.redeemsuccess {
margin: 0;
line-height: 30px
}
.reCamp h4 {
padding: 15px;
margin: 0;
font-size: 14px;
font-weight: 600;
color: #313443;
background: #f1f1f1
}
.reCamp h6 {
padding-top: 10px;
margin-top: 0;
text-align: center;
border-top: 1px solid #dfe3e8
}
.reCampList {
display: table;
width: 100%;
padding: 0;
margin: 0
}
.reCampList li {
display: table-row;
width: 100%
}
.reCampList li > div {
display: table-cell;
padding: 15px 0;
vertical-align: middle;
color: #22282d;
border-top: 1px solid #dfe3e8
}
.reCampList li p {
padding: 15px;
margin: 0
}
.reCampMsg {
width: 60%
}
.sentCampCust, .sendCamp {
width: 20%;
text-align: center
}
.sentCampCust > i:before {
font-size: 30px
}
.sentCampCust > span, .sentCampCust > small {
display: block;
width: 100%;
font-family: "Open Sans", sans-serif;
font-size: 11px;
font-weight: 400;
text-transform: uppercase
}
.sentCampCust > small {
font-size: 18px;
color: #dd4473
}
.mobileHidecollap {
display: none
}
.customerStatusentry li span.totalVisitStore {
font-size: 15px
}
.showHidE {
position: fixed;
top: 15%;
right: 0
}
.iconmenu {
position: fixed;
top: 68px;
right: 0;
z-index: 1;
padding: 0;
list-style: none;
-webkit-transition: right 1s;
transition: right 1s;
background: #34deca
}
.appointBooking .iconmenu {
position: fixed;
top: 68px;
right: 26px;
z-index: 1;
display: none;
padding: 0;
list-style: none;
-webkit-transition: right 1s;
transition: right 1s;
background: #34deca
}
.iconmenu > li {
padding: 5px 15px
}
.appointBooking .iconmenu > li {
display: table-cell;
height: 70px;
vertical-align: middle
}
.iconmenu > li:first-child {
background: #35d2c0
}
.iconmenu > li:nth-child(3) {
background: #33e7d1
}
.iconmenu > li:last-child {
background: #2ff1d9
}
.iconmenu > li:hover {
background: #313443
}
.iconmenu > li > a {
position: relative;
display: inline-block;
text-align: center;
color: #fff
}
.iconmenu > li > a:hover {
color: #fff
}
.iconmenu > li span.pullCOunts {
position: absolute;
top: 0;
right: -10px;
width: 20px;
height: 20px;
font-size: 10px;
line-height: 20px;
color: #fff;
border-radius: 50%;
background: #ff503f
}
.iconimgwrap img {
max-height: 30px
}
.iconmenu > li > a > span {
display: block;
max-width: 50px;
font-size: 12px;
line-height: 13px
}
.appointBooking .iconmenu > li > a > span {
top: -15px;
left: 25px;
display: inline-block;
max-width: inherit;
vertical-align: middle
}
.iconmenuact {
position: absolute;
top: 0;
right: 100%;
display: none;
width: 900px;
height: 100%;
padding: 0;
overflow: auto;
list-style: none
}
.iconmenu > li:hover > .iconmenuact {
z-index: 1;
display: block
}
.iconmenu > li:hover > .iconmenuact.displayHide {
display: none
}
.giftAlignL img {
margin-left: 5px
}
.sidemenuOn {
right: 0
}
.iconmenuact .radio label::before {
border: none
}
.iconmenuact .formwrapper label {
color: #fff
}
.iconmenuact .formfield {
float: left
}
.voucher {
margin: 0 auto
}
.displayHide {
display: none
}
.redeemedValue {
float: left;
width: 25%;
margin-left: 10px;
line-height: 32px;
text-align: center;
color: #313443;
border: 1px solid #dfe3e8
}
.redeemedValue:first-child {
margin-left: 0
}
.paddDisEna a {
padding-right: 5px
}
.bulkwrapper {
}
.halfWidth > span, .halfWidth > p {
float: right;
width: 50%
}
.remainWrapBor {
float: left;
width: 100%
}
.fileUpload .flaticon-approve9::before {
position: relative;
top: 5px;
font-size: 24px
}
tags-input .autocomplete .suggestion-item {
font-size: 12px;
color: #8d9ba6
}
tags-input .autocomplete .suggestion-item em {
font-size: 12px;
color: #8d9ba6
}
.shortURL .successmsg {
float: left
}
.fileUpload + .errormsg {
padding-left: 10px
}
p.customOR {
width: 100%;
margin-bottom: 15px;
text-align: center
}
.commonconfimation {
width: 500px;
height: 210px;
margin-top: 15px !important
}
.showMorePull {
display: inline-block;
margin: 15px 20px
}
.chartPadd {
padding: 0 15px
}
.chartPadd .adminpanel > li {
height: auto
}
.producTree {
float: left;
width: 100%;
list-style: none
}
.treeProductName {
position: relative;
margin: 20px 0 30px 75px;
font-family: "Open Sans", sans-serif;
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
color: #313443
}
.treeProductName .greyCount, .treeProductName .blueCount {
font-size: 12px
}
.treeWrapper {
float: left;
width: 100%
}
#tree {
float: left;
width: 70%;
padding: 0 0 0 40px
}
.tree, .tree ul {
padding: 0;
list-style: none
}
.tree ul {
position: relative;
margin-left: 1em
}
.tree ul ul {
margin-left: .5em
}
.tree ul:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
display: block;
width: 0;
content: "";
border-left: 1px solid
}
.tree li {
position: relative;
padding: 0 1em;
margin: 20px 0;
font-weight: 700;
line-height: 2em;
color: #369
}
.tree ul li:before {
position: absolute;
top: 1em;
left: 0;
display: block;
width: 10px;
height: 0;
margin-top: -1px;
content: "";
border-top: 1px solid
}
.tree ul li:last-child:before {
top: 1em;
bottom: 0;
height: auto;
background: #fff
}
.indicator {
margin-right: 5px;
font-size: 16px;
line-height: normal;
cursor: pointer;
vertical-align: text-bottom;
color: #fd754b;
background: #fff
}
.leftindicate .indicator {
font-size: 25px
}
.tree li a {
font-weight: bold;
text-decoration: none;
color: #313443
}
.tree li button, .tree li button:active, .tree li button:focus {
margin: 0 0 0 0;
text-decoration: none;
color: #369;
border: none;
background: transparent
}
.greyCount, .blueCount, .poductNameIndi {
display: inline-block;
width: 25px;
height: 25px;
margin: 0 5px;
line-height: 23px;
text-align: center;
border: 1px solid #dfe3e8;
border-radius: 50%
}
.poductNameIndi {
font-size: 22px;
color: #fff;
border: none;
background: #fd754b
}
.blueCount {
border-color: #1ab3db
}
.treeListCount {
position: absolute;
left: 0;
display: none;
font-family: "Open Sans", sans-serif;
font-size: 16px;
font-weight: 400;
color: #9ea9af
}
.treeSearch {
width: auto;
margin: 0 0 0 10px
}
.treeSearch .searchinput {
width: auto
}
.treeSearch .searchinput input {
min-width: 245px
}
.treeButtons {
float: left;
width: auto;
max-width: 600px;
padding: 15px 0 15px 15px
}
.treeProductsBy {
display: table-cell;
width: 160px;
height: 42px;
padding: 0 20px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
text-align: center;
vertical-align: middle;
color: #8d9ba6
}
.active > .treeProductsBy {
color: #fff
}
.treeProductsBy:hover, .treeProductsBy:focus {
color: #8d9ba6
}
.active > .treeProductsBy:hover, .active > .treeProductsBy:focus {
color: #fff
}
.treeHeader {
float: left;
width: 100%
}
.treebuttonsinner {
float: left;
width: 335px
}
.treebuttonsinner > span {
float: left;
height: 100px;
cursor: pointer;
border: 1px solid #dfe3e8;
background: #fff
}
.treebuttonsinner .active {
background: #ff503f
}
.treebuttonsinner > span:first-child {
margin-right: 10px
}
.productIden {
float: left;
padding-left: 55.5px;
list-style: none
}
.productIden > li {
width: 5px;
height: 5px;
margin-bottom: 8px;
border: none;
border-radius: 50%;
background: #000
}
.treeViewhead, .treeviewBody {
float: left;
width: 100%
}
.treeviewIndications {
float: right;
width: 30%;
list-style: none
}
.treeviewIndications > li {
float: left;
width: 100%;
margin-bottom: 10px
}
.leftindicate, .rightindicate {
float: left;
width: 50%;
text-align: right
}
.rightindicate {
line-height: 25px;
text-align: left
}
.horizonIndicate {
float: right;
margin: 10px 10px 0
}
.horizonIndicate > li {
float: left;
margin-left: 6px
}
.topFivePro {
float: left;
padding-left: 0;
list-style: none
}
.topFivePro > li {
float: left;
width: 100%;
margin-bottom: 10px
}
.topFivePro > li > label {
display: table-cell;
font-family: "Open Sans", sans-serif;
font-weight: 400;
vertical-align: middle
}
.topFiveslNo {
float: left;
width: 25px;
height: 25px;
font-size: 12px;
line-height: 25px;
text-align: center;
color: #fff;
border-radius: 50%;
background: #1ab3db
}
.topFiveProductName {
width: 270px;
padding-left: 10px;
text-transform: uppercase;
color: #8d9ba6
}
.topFiveProductCount {
width: 50px;
height: 25px;
text-align: center;
color: #8d9ba6;
border: 1px solid #dfe3e8;
border-radius: 3px
}
.topFiveBox {
padding-top: 15px
}
.topFiveTitle {
margin: 0 0 20px;
font-family: "Open Sans", sans-serif;
font-size: 14px;
font-weight: 600;
text-align: center;
text-transform: uppercase;
color: #313443
}
.botFiveslNo {
background: #9ea9af
}
.topspace {
margin-top: 30px
}
.successTick, .errorTick {
position: absolute;
top: 10px;
right: -20px;
font-size: 16px;
color: #6fc73e
}
.apiStatus .successTick, .apiStatus .errorTick {
position: static
}
.errorTick {
color: #ff503f
}
.treeViewInn {
float: left;
width: 70%;
padding-left: 20px
}
.helpVideos {
padding: 0;
text-align: center
}
.helpVideos > iframe {
width: 400px;
height: 300px;
border: 1px solid #dfe3e8
}
.customerTypes {
float: left;
width: 100%
}
.customerTypes h3, .customerTypesList h3 {
margin: 0;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
color: #313443
}
.customertypeList {
display: table;
width: 100%;
padding: 0
}
.customertypeList > li {
display: table-cell;
width: 25%;
padding: 0 5px;
text-align: center;
vertical-align: middle
}
.customertypeList > li:first-child {
padding-left: 0
}
.customertypeList > li:last-child {
padding-right: 0
}
.customertypeList > li a {
display: inline-block;
width: 100%;
padding: 20px 0;
border: 1px solid #dfe3e8
}
.customertypeList > li span {
display: block;
width: 100%;
margin: 15px 0 0;
font-size: 13px;
text-transform: uppercase;
color: #22282d
}
.customertypeList > .existCust.active a {
background: #3797bc
}
.customertypeList > .activeCust.active a {
background: #47b354
}
.customertypeList > .loyalCust.active a {
background: #ee5c62
}
.customertypeList > .defectCust.active a {
background: #636363
}
.customertypeList > .churnCust.active a {
background: #eb224d
}
.customertypeList > li a {
color: #fff
}
.custSummarywrap {
float: left
}
.custSummarywrap > li a h3, .custSummarywrap > li a span {
margin-top: 0;
color: #fff
}
.customertypeList > li.active a span {
color: #fff
}
.customertypeList > .appoint a {
background: #00a5d3
}
.customertypeList > .noShow a {
background: #ff503f
}
.customertypeList > .totalPurchase a {
background: #6fc73e
}
.customertypeListicon {
display: block;
width: 100px;
height: 100px;
margin: 0 auto
}
.customertypeListicon > img {
max-width: 100%
}
.customerTypesList {
float: left;
width: 100%
}
.segmentLabel {
position: relative;
width: 40%;
min-width: 300px;
padding-left: 15px
}
.segmentLabel li > span {
font-family: "Open Sans", sans-serif;
font-size: 13px;
font-weight: 400
}
.segmentLabel li > span:first-child {
text-transform: uppercase;
color: #22282d
}
.segmentLabel li > span:last-child {
font-family: "Open Sans", sans-serif;
font-weight: 300;
color: #313443
}
.segmentLabel .editCust {
margin-left: 10px
}
.segmentLabel .editCust i {
margin: 0 5px
}
.segmentLabel li > span.segmentCustName {
font-family: "Open Sans", sans-serif;
font-weight: 600;
text-transform: uppercase;
color: #ff503f
}
.segmentLabel > li.segmentCamp {
position: absolute;
right: 0;
bottom: 0;
width: 160px
}
.segmentCamp > button {
padding: 5px 10px;
font-weight: 600;
color: #fff;
border: none;
background: #ff503f
}
.segmentAccord {
float: left;
width: 100%
}
.segmentAccord .panel-heading a {
font-size: 13px;
text-transform: uppercase
}
.segmentAccord .panel-group .panel {
border: none;
border-radius: 0
}
.segmentAccord .panel-heading {
margin-top: 5px;
border: 1px solid #dfe3e8;
border-radius: 0
}
.segmentAccord .collapse, .segmentAccord .collapsing {
border: 1px solid #dfe3e8;
border-top: none
}
.segmentAccord .panel-group .panel-heading + .panel-collapse .panel-body {
border: none
}
.segmentAccord .collapseIcons {
float: right
}
.productByComp {
width: 330px;
margin: 0 0 0 15px;
line-height: 32px
}
.productByCal .searchinput {
float: left;
width: 330px
}
.productByCal .searchinput input {
position: relative;
z-index: 1;
cursor: pointer
}
.dashNoRecord {
margin-top: 90px;
text-align: center
}
.dashFilterwrapper {
float: left;
width: 100%;
margin-bottom: 20px
}
.iconCommon {
position: relative;
top: 2px;
display: inline-block;
width: 30px;
height: 30px;
text-align: center
}
.iconCommon:before {
line-height: 30px
}
.offerEndRel {
position: relative;
float: left;
width: 40%
}
.treebuttonsinner .ion-ios-paper-outline {
display: block;
width: 30px;
height: 30px;
margin: 10px auto;
font-size: 20px;
text-align: center;
color: #8d9ba6;
border: 1px solid #8d9ba6;
border-radius: 50%
}
.treebuttonsinner .active > .ion-ios-paper-outline {
color: #fff;
border: 1px solid #fff
}
.productByComp .searchinput {
float: left
}
.productByComp .searchinput > a {
display: inline-block;
padding: 0 10px;
color: #fff;
background: #ff503f
}
.productByComp .searchinput i {
line-height: 35px
}
.productByCal {
margin: 0 0 15px 15px
}
.productByCal .commonBtn {
display: inline-block;
float: right;
line-height: 34px
}
.bottomEmpty {
float: left;
width: 100%;
height: 100px
}
.affinityTable {
padding: 15px
}
.topBottomProducts {
margin-top: 50px
}
.affinityAllProduct {
float: left;
width: auto
}
.smsMessageIndimate {
float: left;
width: 50%;
margin-top: 15px
}
.smsMessageIndimate p {
margin: 0;
font-size: 13px;
color: #fb7905
}
.posCreateServicePop {
width: 400px;
height: 200px
}
.posCreateServicePop .formwrapper {
width: 100%
}
.posCreateServicePop .submitArea > li {
width: auto;
padding-left: 5px;
margin-left: 30%
}
.posAddServicePop {
width: 800px
}
.formwrapper .posIndimatemonth input {
width: 117px
}
.posIndimatemonth .successTick, .posIndimatemonth .errorTick {
position: static
}
.posIndimatemonth > small {
padding-left: 15px;
color: #8d9ba6
}
.posallowOnline {
float: left;
width: 100%;
color: #8d9ba6
}
.posallowOnline > label {
padding: 0 10px
}
.posServicesName {
float: left;
width: 50%;
color: #85af36
}
.posServiceTime {
float: left;
width: 25%
}
.posServicePrice {
float: left;
width: 25%;
text-align: right
}
.posServicesWrapper {
float: left;
width: 100%;
margin: 10px 0
}
.posServiceOldPrc {
margin-right: 5px;
text-decoration: line-through;
color: #ff503f
}
.posServiceContainer {
float: left;
width: 100%;
padding: 10px;
margin-bottom: 5px;
background: #fff
}
.posServicesAcc {
padding: 0;
border: none
}
.posServicesAcc .panel-default {
border: none;
background: transparent
}
.posServicesAcc .panel-default > .panel-heading {
padding: 3px 15px;
border: 1px solid #dfe3e8;
background: transparent
}
.posServicesAcc .panel-default > .panel-heading + .panel-collapse .panel-body {
border-top: none
}
.posServiceContainer h6 {
font-size: 14px;
color: #85af36
}
.posEmployeepop {
width: 1000px;
min-height: 500px
}
.posWorkingTime {
border: none
}
.formwrapper .posWorkingTime input[type="text"] {
}
.calendarBillingTable input[type="text"], .posWorkingTime .timepickerWrap input[type="text"] {
width: 100px;
border: none
}
.posWorkingTime i.fa-times {
margin: 0;
cursor: pointer
}
.posWorkingTime input[type="text"] + .dropdown-menu {
width: 100px;
min-width: auto
}
.formfield > span.switch {
width: 60px
}
.posWorkingTime .bootstrap-select > .dropdown-toggle {
border: none
}
.posWorkingTime .inside .bootstrap-select > .dropdown-toggle {
border: 1px solid #dfe3e8
}
.posWorkingTime .appointService > .dropdown-toggle {
border-right: 1px solid #dfe3e8
}
.newBook .appointService > .dropdown-toggle {
border: none
}
.posWorkingTime > thead > tr > th, .posWorkingTime > tbody > tr > th, .posWorkingTime > tbody > tr > td {
height: 34px;
padding: 0;
text-align: left
}
.calendarBillingTable > tbody > tr > td {
text-align: center
}
.calendarBillingTable > tbody > tr > td.billingApply, .calendarBillingTable > tbody > tr.inside > td {
text-align: left
}
.posWorkingTime > thead > tr > th:first-child, .posWorkingTime > tbody > tr > th:first-child, .posWorkingTime > tbody > tr > td:first-child {
padding-left: 10px
}
.tab-content > .posLevel_2 {
border: none
}
.bodyContainer .posLevel_2 .nav-tabs {
border-width: 0;
border-bottom-width: 1px;
background: none
}
.bodyContainer .posLevel_2 .nav-tabs li a, .bodyContainer .posLevel_2 .nav-tabs li a:focus {
font-family: "Open Sans", sans-serif;
font-weight: 400
}
.posLevel_2 .tab-content .tab-pane {
padding: 15px 25px
}
.posLevel_2 .nav-tabs > li.active > a, .posLevel_2 .nav-tabs > li.active > a:hover, .posLevel_2 .nav-tabs > li.active > a:focus {
padding: 0;
margin: 0 30px;
color: #313443;
border: none;
border-bottom: 3px solid #ff503f
}
.posMessageSettings label {
width: 100%;
padding: 0 0 10px
}
.pointofSalerow {
float: left;
padding: 15px 0;
border-bottom: 1px solid #dfe3e8
}
.pointofSalerow:last-child {
border: none
}
.pointofSalerow h4 {
margin: 0;
font-size: 14px;
font-weight: 600;
color: #313443
}
.paymentypesPos > input {
width: 100%;
margin-bottom: 10px
}
.posAddService {
float: left;
width: 100%
}
.posAddService .bootstrap-select {
vertical-align: top
}
.posTax input[type="text"] {
float: left;
width: 25%;
margin-right: 10px
}
.posTaxRow {
float: left;
width: 100%;
margin-bottom: 10px
}
.posTaxRow .checkbox {
float: left
}
.posTaxRow i.flaticon-osx {
float: left;
cursor: pointer
}
.posTaxRow i.flaticon-osx:before {
font-size: 24px
}
.taxPercIcon {
float: left;
width: 25%;
margin-right: 10px
}
.taxPercIcon input[type="text"] {
width: 75%;
margin: 0
}
.taxPercIcon span {
float: left;
width: 25%;
font-size: 14px;
font-weight: 600;
line-height: 34px;
text-align: center;
background: #dfe3e8
}
.taxLabel {
float: left;
width: 300px
}
.taxLabel label {
padding-left: 0;
line-height: 34px
}
.taxSubmit {
float: left;
width: 100%
}
.taxSubmit .commonBtn {
}
.taxSubmit > span {
display: block;
min-width: 135px;
margin-bottom: 5px
}
.taxSubmit .flaticon-add121, .posPreviewBtn .flaticon-add121 {
}
.posPreviewBtn .flaticon-add121:before {
line-height: 34px
}
.addTaxSave {
line-height: 35px
}
.formwrapper .table {
margin: 0
}
.switch {
position: relative;
top: -1px;
display: inline-block;
width: 60px;
height: 30px;
padding: 0;
margin: 0;
overflow: visible;
box-sizing: content-box;
cursor: pointer;
-webkit-transition: .3s ease-out all;
transition: .3s ease-out all;
border: 1px solid #dfe3e8;
background: #fff;
box-shadow: rgb(223, 223, 223) 0 0 0 0 inset
}
.switch small {
position: absolute;
top: 0;
left: 0;
width: 30px;
height: 30px;
-webkit-transition: .3s ease-out all;
transition: .3s ease-out all;
background: #e8e8e8
}
.switch.checked small {
background: #fff
}
.switch.checked {
border-color: #dfe3e8;
background: #1ad4b3
}
.switch.checked small {
left: 30px
}
.bs-docs-example {
position: relative;
padding: 39px 19px 14px;
margin: 15px 0;
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #fff
}
.bs-docs-example:after {
position: absolute;
top: -1px;
left: -1px;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
content: "Example";
color: #9da0a4;
border: 1px solid #ddd;
-webkit-border-radius: 4px 0 4px 0;
-moz-border-radius: 4px 0 4px 0;
border-radius: 4px 0 4px 0;
background-color: #f5f5f5
}
.dn-timepicker-popup {
max-height: 300px;
overflow-y: scroll
}
.posServiceTable {
width: 600px;
margin-top: 20px
}
.mailWrap {
float: left;
width: 100%;
margin-bottom: 15px
}
.mailWrap p {
margin: 0
}
.popSmall {
width: 500px;
height: auto
}
.popMedium {
width: 600px
}
.popBig {
width: 900px
}
.popLarge {
width: 95%
}
.tab-content > .appointBooking {
border: none
}
.formfield .searchinput i {
right: 5px;
line-height: 34px
}
.appointLog {
float: left;
width: 50%;
border: 1px solid #dfe3e8
}
.custDetailRight .appointLog {
width: 100%
}
.appointLog .customerStatusentry {
width: 100%;
border-top: 1px solid #dfe3e8;
border-bottom: 1px solid #dfe3e8
}
.appointLog .customerStatusentry li:first-child {
border-left: none
}
.appointLog .customerStatusentry li {
width: 25%
}
.customerStatusentry li h3.preStylist {
font-size: 14px;
text-transform: capitalize
}
.appointLog .customerStatusentry li:nth-child(3) {
border-right: 1px solid #dfe3e8
}
.appointLog .customerStatusentry li:last-child {
border-right: none
}
.preferredServices {
float: left;
width: 100%;
padding: 15px;
border-bottom: 1px solid #dfe3e8
}
.preferredServices h3, .appointLastFew h3 {
margin: 0 0 15px 0;
font-family: "Open Sans", sans-serif;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
color: #313443
}
.preferredServices p {
margin: 0 0 0 5px;
font-family: "Open Sans", sans-serif;
font-weight: 300;
color: #313443
}
.appointLastFew {
float: left;
width: 100%;
padding: 15px
}
.appointLastFewRow {
float: left;
width: 100%;
padding: 0 0 0 10px;
margin: 0;
list-style: none
}
.appointLastFewRow li {
display: table;
float: left;
width: 100%;
margin-bottom: 10px
}
.appointLastFewRow li:last-child {
margin-bottom: 0
}
.appointLastFewRow li span {
display: table-cell;
font-family: "Open Sans", sans-serif;
font-weight: 300
}
.appointLastFewRow li span:first-child {
display: table-cell;
width: 100px
}
.appointLastFewRow li.appointHead span {
font-family: "Open Sans", sans-serif;
font-weight: 400
}
.scheduleFilterWrap {
float: left;
width: 100%
}
.scheduleFilter {
float: left;
margin: 0 10px 10px 0
}
.scheduleFilter .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 180px
}
.scheduleBody {
float: left;
width: 100%
}
.scheduleBody .table {
border: 1px solid #dfe3e8
}
.scheduleBody .table td {
border-bottom: 1px solid #dfe3e8
}
.scheduleBody thead td {
height: 55px
}
.scheduleEmployee {
float: left;
width: 20%
}
.scheduleEmployee .table {
border: none
}
.scheduleDays {
display: block;
width: auto;
overflow: auto
}
.scheduleEmployee .table > thead, .scheduleDays .table > thead {
height: 55px;
border-collapse: initial;
border: 1px solid #dfe3e8
}
.scheduleEmployee .table > tbody, .scheduleDays .table > tbody {
border-right: none;
border-left: none
}
.scheduleEmployee .table > tbody {
border-left: 1px solid #dfe3e8
}
.scheduleEmployee .table span, .scheduleDays .table span {
display: block;
text-align: center;
text-transform: uppercase
}
.scheduleDays .table td {
text-align: center
}
.scheduleDays .table > thead {
border-left: none
}
.scheduleEmployee .table > thead {
border-top-color: transparent;
border-right: none;
border-left-color: transparent
}
.scheduleEmployee .table > tbody > tr > td, .scheduleDays .table > tbody > tr > td {
height: 100px
}
.scheduleDays .table > thead > tr > td {
min-width: 90px
}
.scheduleDays .table > tbody > tr > td {
width: 90px;
padding: 0;
cursor: pointer;
color: #111;
background: #ffe5e2
}
.scheduleDays .table > tbody > tr > td.scheduleModify {
background: #11dd98
}
.scheduleDays .table > tbody > tr > td.emplnotAvlbl {
background: #fff
}
.scheduleDays .table > tbody > tr > td.shopClosed {
color: #fff;
background: #313443
}
.scheduleFoot {
float: left;
width: 100%;
margin-top: 15px
}
.scheduleSubmit, .scheduleIndications {
float: left;
width: 50%
}
.scheduleIndications ul {
float: right;
padding: 0;
list-style: none
}
.scheduleIndications ul li {
float: left
}
.scheduleIndications ul li span:first-child {
float: left;
width: 15px;
height: 15px;
margin: 0 10px 0 20px;
background: #11dd98
}
.scheduleIndications ul li span.normalrect {
background: #ffe5e2
}
.scheduleIndications ul li span.closerect {
background: #313443
}
.formwrapper + .calendarbillTab {
padding-right: 70px
}
.calendarBillingTable tbody > tr > td {
padding: 0 10px;
background: #f1f1f1
}
.calendarBillingTable tbody > tr.inside > td {
background: #fff
}
.calendarBillingTable .radio + .radio, .calendarBillingTable .radio {
margin: 0
}
.calendarBillingTable .radio label {
padding-left: 0;
margin-right: 10px
}
.calendarBillingTable tbody > tr > td.billingApply {
padding: 0;
background: #fff
}
.calendarBillingTable tbody > tr > td.billingApply {
position: relative
}
.calendarBillingTable tbody > tr > td.billingApply a {
display: block;
padding: 10px;
margin-left: 15px;
text-align: center;
color: #fff;
background: #ff503f
}
.calendarBillingTable tbody > tr > td.billingApply i {
position: absolute;
top: 6px;
left: 100%;
left: 10px
}
.billingTotal {
margin-top: 0
}
.billingTotal span:first-child {
display: inline-block;
width: 200px
}
.billingTotal span:last-child{
text-align: right;
display: inline-block;
width: 150px;
}
.billingTotal span p {
display: inline-block;
margin: 0;
text-transform: capitalize
}
.billingTotal span i {
margin: 0 5px
}
.billingFoot {
float: left;
width: 100%;
padding-top: 20px;
border-top: 1px solid #dfe3e8
}
.billformWrapper{
width: 400px;
border-right: 1px solid #dfe3e8;
margin-right: 20px;
}
.tenderWrap .formlabel{
width: 200px;
}
.tenderWrap h3{
margin: 0;
}
.tenderWrap .formfield{
width: calc(100% - 200px)
}
.tenderWrap .formfield input{
width: 100px;
}
.billingFoot ul {
float: left;
padding: 0;
list-style: none;
border: 1px solid #dfe3e8
}
.billingFoot ul li {
float: left;
width: 85px;
line-height: 35px;
cursor: pointer;
text-align: center;
border-right: 1px solid #dfe3e8
}
.billingFoot ul li.active {
background: #dfe3e8
}
.billingFoot ul li:last-child {
border-right: none
}
.fc-view-container {
position: relative;
z-index: 0
}
.calendarEditpop {
position: absolute;
top: 0;
left: 105%;
width: 100px;
height: 100px;
background: red
}
.submitArea i.fa-inr {
margin-left: 0
}
.submitArea i.fa-percent {
margin-left: 0
}
.billEmployee > span {
display: inline-block;
width: 125px
}
.billEmployee > i, .appointService i.fa-heart {
cursor: pointer;
color: #32d5c2
}
.billEmployee > i.maybe, .appointService > i.maybe {
color: #f4cb0a
}
.billEmployee > i.not, .appointService > i.not {
color: #313443
}
.popover {
min-width: 400px
}
.popover-title img {
max-width: 40px;
margin-left: 15px;
vertical-align: top
}
.popover-content {
float: left;
padding: 10px 0
}
.billContent {
float: left;
width: 100%;
padding: 0;
list-style: none
}
.billContent > li {
float: left;
width: 100%;
padding: 10px;
border-bottom: 1px solid #dfe3e8
}
.billContent > li h4 {
float: left;
width: 40%;
margin: 0;
font-family: "Open Sans", sans-serif;
font-size: 12px;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
color: #313443
}
.billContent > li span {
float: left;
width: 60%;
padding-left: 15px;
font-family: "Open Sans", sans-serif;
font-size: 13px;
font-weight: 400;
line-height: normal;
color: #8d9ba6
}
.billBtns {
display: table;
float: left;
width: 100%;
padding: 0;
padding: 10px
}
.billBtns li {
display: table-cell;
width: 25%;
text-align: center;
border: 1px solid #dfe3e8;
border-right: none
}
.billBtns li a {
display: block;
padding: 10px 0;
font-family: "Open Sans", sans-serif;
font-weight: 600;
color: #313443
}
.billBtns li.edit {
background: #1de9b6
}
.billBtns li.cancel {
border-right: 1px solid #dfe3e8;
background: #ff503f
}
.billBtns li:last-child {
border-right: 1px solid #dfe3e8
}
.billBtns li.cancel a {
color: #fff
}
.popover-title .close {
font-size: 40px;
font-weight: normal
}
.fc-event-container {
cursor: pointer
}
.posWorkingTime .bootstrap-select {
}
.billCheck {
margin-bottom: 10px
}
.calendarBillingTable .bootstrap-select > .dropdown-toggle, .calendarBillingTable input[type="text"] {
padding-left: 10px
}
.billOfferTyp > span {
display: inline-block;
width: 45px;
padding: 7.5px 0;
margin: 0 -4px 0 0;
text-align: center;
background: #dfe3e8
}
.billOfferTyp > span.leftMar {
margin-right: 0;
margin-left: -3px
}
.calendarBillingTable .billOfferTyp > span {
padding: 9px 0
}
.posIndimatemonth .billOfferTyp > span {
float: left;
width: 50px;
padding: 0;
line-height: 34px;
text-align: center
}
.searchinput {
position: relative;
display: block
}
.searchinput .dropdown-menu {
width: 100%
}
.bootstrap-select.btn-group .dropdown-menu {
z-index: 4
}
.bootstrap-select.btn-group .btn:hover {
z-index: 0
}
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled.disabled:hover, .datepicker table tr td.active[disabled], .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled[disabled]:hover {
background: #00a5d3
}
.dropdown-menu {
box-shadow: none
}
.upcomingAppo {
margin: 0 -25px
}
.posAppoActivity {
margin: 0
}
.upcomingAppo .titleCust, .upcomingAppo .titleCustappoint {
padding: 15px 25px;
margin: 0;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
color: #313443
}
.upcomingAppo .titleCustappoint {
color: #313443
}
.upcomingAppo ul {
width: 100%;
padding: 0;
list-style: none
}
.upcomingAppo ul li, .campaignMsg > span {
float: left;
width: 100%;
padding: 10px 35px;
border-bottom: 1px solid #dfe3e8
}
.upcomingAppo ul li:first-child {
border-top: 1px solid #dfe3e8
}
.upcomingAppo li .title span.newlabel, .upcomingAppo li .title span.completelabel, .upcomingAppo li .title span.noShowlabel, .upcomingAppo li .title span.canceledlabel, .upcomingAppo li .title span.startedlabel, .upcomingAppo li .title span.arrivedlabel {
padding: 5px 10px;
margin-right: 10px;
color: #fff;
background: #00a5d3
}
.upcomingAppo li .title {
margin-bottom: 10px
}
.upcomingAppo li .title span.completelabel {
background: #9ea9af
}
.upcomingAppo li .title span.noShowlabel {
background: #fb7905
}
.upcomingAppo li .title span.canceledlabel {
background: #ff503f
}
.upcomingAppo li .title span.arrivedlabel {
background: #ffd327
}
.upcomingAppo li .title span.startedlabel {
background: #65db39
}
.upcomingAppo li .title span {
display: inline-block;
color: #00a5d3
}
.upcomingAppo p {
float: none;
margin: 0
}
.upcomingAppo p i {
margin: 0 5px;
font-size: 16px
}
.feedbackWrapper {
margin-top: 20px
}
.feedbackWrapper:first-child {
margin-top: 0
}
.noRecords {
display: block;
width: 100%;
text-align: center;
color: #00a5d3
}
.noRecords p {
margin: 0
}
.table > tbody > tr > td.emailLower {
text-transform: lowercase
}
.campaignMsg {
float: left;
width: 100%;
margin-bottom: 20px
}
.campaignMsg h3 {
margin: 0 0 10px;
text-transform: uppercase
}
.campaignMsg p {
margin-bottom: 5px
}
.campaignMsg p.usedVouchers {
color: #ff503f
}
.shadeModal {
background: rgba(0, 0, 0, .9)
}
.rewardPull h5 {
margin: 0 0 5px;
font-size: 16px
}
.rewardBtn {
padding-left: 175px
}
.submitArea .posPreviewBtn i {
margin-left: 0
}
.billProfile {
width: 75%;
height: auto;
border: 1px solid #dfe3e8
}
.billProfile li {
width: 15%;
border-right: 1px solid #dfe3e8
}
.billProfile li:first-child {
border-left: 0
}
.billProfile li:last-child {
border-right: 0
}
.billDetail {
width: 25%
}
.billDetail .formlabel{
width: 85px;
}
.billDetail .formfield{
width: calc(100% - 85px);
}
.newBook .form-control {
background: transparent;
box-shadow: none
}
.barChart {
float: left;
width: 100%;
height: 360px;
padding: 0 10px
}
.barChartCont .chartInfo {
padding: 0 10px
}
.barChartWrap {
float: left;
width: 50%;
padding-right: 15px
}
.barChartCont {
float: left;
width: 100%;
height: 500px;
border: 1px solid #e4e7ec
}
.barChartCont .customerCountdetails {
height: 100px
}
.lineChart_2 {
float: right;
padding-right: 0;
padding-left: 15px
}
.barChartWrap .customerCountdetails li:last-child {
border: none
}
.filterWrap {
width: 100%;
padding: 0
}
.filterSection {
float: left;
width: 50%;
margin-bottom: 15px
}
.filterSegCont {
float: left;
margin-right: 10px
}
.filterSegCont .formlabel {
width: 45px
}
.filterSegCont .formlabel label {
padding: 0
}
.filterSegCont .formfield {
width: 220px
}
.filterSegBtn {
float: left;
float: right;
margin-top: 37px
}
.filterSegBtn .commonBtn {
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
text-transform: capitalize
}
.posDashWrapper > .row {
margin-bottom: 15px
}
.posDashCol {
height: 450px;
padding: 15px;
border: 1px solid #dfe3e8
}
.scroll-table-border {
float: left;
width: 100%;
border: 1px solid #dfe3e8
}
.table-fixed {
margin: 0
}
.table-fixed thead {
border: none
}
.table-fixed thead th {
background: #eaebec
}
.table-fixed tbody {
width: 100%;
height: 368px;
overflow-y: auto;
border: none
}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
display: block
}
.posDashCol .table-fixed tr {
border: none
}
.table-fixed tbody td, .table-fixed thead > tr > th {
float: left;
height: auto;
padding: 12px 8px;
border-bottom-width: 0
}
.table-fixed tbody td {
border-bottom: 1px solid #dfe3e8
}
.table-fixed tbody tr:last-child td {
border-bottom: none
}
.pos-header {
margin-bottom: 15px
}
.pos-scroll {
height: 400px;
margin: 0 -15px;
overflow-y: auto
}
.full-scroll {
height: 100%;
overflow-y: auto
}
.pos-header h3 {
display: inline-block;
margin: 0;
font-size: 14px;
font-weight: 600;
text-transform: capitalize;
color: #313443
}
.pos-title-border {
padding: 15px;
margin: 0;
border: 1px solid #dfe3e8;
border-bottom: 0;
border-radius: 5px 5px 0 0
}
.pos-header .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 150px
}
.posFilters {
float: right
}
.posDashCol .customerCountdetails {
border: 1px solid #e4e7ec
}
.posDashCol .customerCountdetails li h3.chartPrimary {
color: #00a5d3
}
.posDashCol .customerCountdetails li h3.chartSecondry {
color: #85af36
}
.posDashCol .customerCountdetails li:last-child {
border: none
}
.posChartWrap {
height: 260px
}
.noRecordIcon {
width: 100%;
height: calc(100% - 50px);
text-align: center
}
.noRecordIconMid {
position: relative;
top: 50%;
transform: translateY(-50%)
}
.noRecordIcon i {
font-size: 48px
}
.noRecordIcon h3 {
margin: 15px 0;
font-size: 22px;
color: #313443
}
.dashboard-outset {
display: inline-block;
margin: 0 15px;
border: 1px solid #dfe3e8
}
.billTypeWrap {
float: left;
width: 100%;
margin-top: 10px
}
.billTypeWrap .radio {
margin: 0 0 10px
}
.createFeed {
width: 50%
}
.createFeed .input {
float: left;
width: 200px
}
.createFeed .commonBtn {
line-height: 34px
}
.feedBackPop {
float: left;
width: 100%
}
.putQuestion, .feedBackSubmit {
padding-left: calc(30% + 10px)
}
.putQuestion .checkbox {
padding-left: 0
}
.putQuestionList {
width: 100%
}
.formwrapper .putQuestionList input[type="text"] {
width: 80%
}
.formwrapper .putQuestionList .flaticon-osx {
margin-left: 10px;
line-height: 34px
}
.feedbackAnsList {
padding: 15px;
margin-top: 15px;
border: 1px solid #dfe3e8
}
.feedbackAnsList h3 {
margin: 0 0 10px 0;
font-size: 16px;
color: #313443
}
.feedbackAnsList .top h3 {
padding: 10px 15px;
margin: 0
}
.feedbackAnsList .top {
float: left;
width: calc(100% + 30px);
margin: -15px -15px 0;
border: 1px solid transparent;
background: #9ea9af
}
.feedbackAnsList .middle {
float: left;
width: 50%;
margin-top: 20px;
text-align: center
}
.feedbackAnsList .middle span {
display: inline-block;
width: 100%;
margin-bottom: 10px
}
.feedbackAnsList .middle > .feedbackComments > p {
padding: 10px;
margin: 0;
text-align: left;
border-bottom: 1px solid #dfe3e8
}
.feedbackQueList .panel-title > a {
font-size: 13px;
text-decoration: underline;
color: #ff503f
}
.ansType label {
float: left;
width: 65px;
font-weight: bold
}
.bottom .pieLegents {
display: inline-block;
width: 15px;
height: 15px;
margin-right: 10px
}
.bottom table tbody td span {
float: left
}
.bottom table tbody td span:last-child {
width: calc(100% - 25px)
}
.feedbackAnsList .bottom {
float: left;
width: 50%;
max-height: 326px;
margin-top: 15px;
overflow-y: auto
}
.feedbackAnsList .bottom table {
margin: 0
}
.feedbackComments {
float: left;
width: 100%
}
.surveyList {
padding: 10px;
border: 1px solid #9ea9af;
border-bottom: none;
background: #f1f1f1
}
.surveyList:last-child {
border-bottom: 1px solid #9ea9af
}
.surveyDate {
margin-left: 20px;
font-family: "Open Sans", sans-serif;
font-size: 13px;
color: #313443
}
.feedbackAnsList .commentFeed {
width: 100%
}
.panel-group .surveyAccord {
overflow: inherit
}
.collapseIcons .dropdown-menu {
right: 0;
left: auto;
z-index: 4
}
.collapseIcons .dropdown-menu li {
border-bottom: 1px solid rgba(0, 0, 0, .15)
}
.collapseIcons .dropdown-menu li:last-child {
border: none
}
.addcatalogue .collapseIcons span .dropdown-menu a {
display: block
}
.sortorder:after, .sortorder.reverse:after, .sortorder.default:after {
position: relative;
margin-left: 5px;
font-family: "FontAwesome";
font-weight: 600;
content: "\f0d7"
}
.sortorder.reverse:after {
content: "\f0d8"
}
.sortLabel thead th {
cursor: pointer
}
.storenameTitleList .formfield {
line-height: normal
}
.sortorder.default:after {
content: "\f0dc"
}
.appointDetails {
display: inline-block;
width: 100%
}
.appTitle {
margin: 0;
font-size: 14px;
font-weight: 600;
color: #313443
}
.filterLeft {
float: left;
width: 50%
}
.filterLeftService {
float: left;
width: 100%
}
.filterLeft .searchwrap .searchinput, .filterLeft .searchwrap .showFilter {
float: left
}
.filterLeft .searchwrap .searchinput {
width: 440px
}
.filterLeft .searchwrap {
}
.filterLeftService .filterLeft .searchwrap {
margin: 0
}
.filterWrap .filterSegBtn {
float: left;
width: 100%;
margin: 0
}
.promoWrap {
float: left;
width: 100%
}
.chooseType {
margin-bottom: 15px
}
.chooseType .radio + .radio {
margin: 0 0 0 20px
}
.footer {
float: left;
width: 100%;
height: 50px;
padding-left: 50px;
font-size: 13px;
color: #656565;
background: #252525
}
.footer ul {
float: left;
width: 100%;
padding: 15px;
margin: 0;
list-style: none
}
.footer li {
float: left;
margin-right: 15px
}
.footer li a {
color: #656565
}
.footer li a:hover {
color: #ff503f
}
.footer li.footLogo {
float: right
}
.footer li.footLogo span {
display: block;
height: 18px
}
.footer li.footLogo span img {
width: auto;
max-height: 100%;
margin-left: 10px
}
.commonconfimation .modal-body {
font-size: 13px
}
.dateRange .formfield {
float: left;
width: 170px
}
.dateRange .calenderLabel {
float: left;
margin: 0 0 0 10px;
line-height: 34px
}
.cusOffebtnmar {
}
.custDetailLeft, .custDetailRight {
float: left;
width: 50%;
padding-right: 10px
}
.custDetailRight {
padding-right: 0;
padding-left: 10px
}
.custDetailLeft .formwrapper {
width: 100%;
padding-right: 0
}
.dropdown-backdrop {
z-index: 1
}
.uib-dropdown-menu {
padding: 0;
list-style: none;
text-decoration: none;
border: 1px solid #dfe3e8;
border-radius: 4px;
background: #fff
}
.uib-dropdown-menu a {
display: block;
padding: 10px;
line-height: normal;
color: #fff;
background: #00a5d3
}
.dropBtn {
position: absolute;
top: 100%;
left: 0;
z-index: 2;
width: 100%;
padding-left: 10px
}
.searchHeadWrap {
position: relative;
float: right;
width: 300px
}
.searchHeadWrap .dropBtn {
padding: 0
}
.filterLeftService .formwrapper label {
padding-left: 0
}
.bestcustCont {
float: left;
width: 100%
}
.bestcustCont p {
margin: 0
}
.chartWrap2 {
height: 100%
}
.customerIndi {
border: 1px solid #dfe3e8
}
.formwrapper .billingInfo input[type="text"] {
line-height: 34px;
border: none;
border-right: 1px solid #dfe3e8
}
.pricecard {
float: left;
width: 25%;
padding: 0 15px
}
.pricecontent {
display: block;
width: 100%;
padding: 15px;
background: #f1f1f1
}
.pricehead {
text-align: center
}
.pricehead h3 {
padding-bottom: 15px;
margin: 0;
font-weight: 600
}
.pricehead h3 span {
display: inline-block;
padding: 5px 10px;
color: #fff;
background: #ff503f
}
.pricecontent.active .pricehead h3 span {
color: #333;
background: #fff
}
.pricehead > span {
display: block;
margin: 10px 0
}
.pricehead > label {
}
.priceamount {
font-size: 50px;
line-height: 50px;
text-align: center
}
.priceamount i {
font-size: 24px;
vertical-align: top
}
.priceamount small {
font-size: 16px
}
.pricecard .bootstrap-select {
margin-bottom: 10px
}
.pricecard .bootstrap-select > .dropdown-toggle {
border-color: #333
}
.planList {
padding: 0;
padding-left: 15px;
margin: 15px 0;
list-style: none;
text-align: center
}
.planList ul {
list-style: none
}
.planList li {
line-height: 24px
}
.pricefoot h4 span {
float: right
}
.pricefoot > span {
display: block;
text-align: center
}
.pricecontent.active {
transform: scale(1.1);
color: #fff;
background: #ff503f
}
.pricewrapper {
float: left;
width: 100%;
margin: 30px 0
}
.pricecontent.active .commonBtn {
color: #ff503f;
background: #fff
}
.pricecontent.active .bootstrap-select .dropdown-toggle {
color: #fff;
border-color: #fff
}
.pricecontent.active .bootstrap-select .dropdown-menu {
border-top: none
}
.top-bar {
position: fixed;
float: left;
width: 100%;
padding: 5px;
background: #dfe3e8
}
.topbar-act .top-bar {
z-index: 6
}
.top-bar p {
display: inline-block;
padding-right: 20px;
margin: 0;
font-size: 13px;
line-height: 28px
}
.top-bar button {
padding: 5px;
line-height: normal
}
.topbar-act .header {
top: 44px
}
.top-wrap {
width: 100%;
font-size: 13px;
text-align: center
}
.top-wrap .commonBtn {
margin-left: 20px
}
.topbar-act .side-menu-wrap {
padding-top: 109px
}
.topbar-act .side-body {
margin-top: 109px
}
.alert {
position: relative;
float: left;
width: 100%
}
.alert span {
display: block;
padding-left: 40px
}
.alert i.fa-info-circle {
position: absolute;
top: calc(50% - 15px);
font-size: 30px
}
.alert i.fa-info {
position: absolute;
top: calc(50% - 15px);
display: inline-block;
width: 30px;
height: 30px;
font-size: 20px;
line-height: 30px;
text-align: center;
color: #fff;
border-radius: 50%;
background: #31708f
}
.iconTop i.fa-info {
top: 20px
}
.typeahead-field {
position: relative
}
.typeahead-query .dropdown-menu {
width: 100%
}
.wrapservice {
max-width: 200px;
word-wrap: break-word
}
section.wrap {
float: left;
width: 100%;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #dfe3e8
}
section.wrap .formwrapper .formlabel label {
padding-left: 0
}
section.wrap h4 {
margin-top: 0;
font-size: 14px;
font-weight: 600;
color: #313443
}
section.wrap h3 {
font-weight: 600
}
section.wrap .formlabel {
width: 150px
}
.minselect {
float: left;
width: 100px
}
.formfield .modal {
line-height: normal
}
.sms_alert {
padding-left: 40px;
list-style: none
}
.sms_alert li {
display: inline-block;
width: 100%
}
.sms_alert li label {
width: 200px
}
.sms_alert li p {
display: inline-block;
width: auto;
margin: 0
}
.noRecordIcon {
margin-top: 100px
}
.productPrice label {
display: block;
padding: 0;
padding-bottom: 5px
}
.formwrapper .productPrice input {
width: calc(100% - 45px)
}
.rowLink tbody tr {
cursor: pointer
}
.surveyLists {
float: left;
width: 100%;
padding: 0 150px;
list-style: none
}
.surveyLists li {
position: relative;
float: left;
width: calc(50% - 10px);
height: 200px;
margin: 0 5px 10px;
background: #333
}
.surveyLists li a {
color: #fff
}
.surveyLists li.surveyType {
border: 1px solid #ff503f;
background: rgba(255, 80, 63, .1)
}
.surveyLists li.surveyType:hover {
background: rgba(255, 80, 63, .25)
}
.surveyLists li.surveyType a {
display: block;
padding: 34px 0;
color: #ff503f
}
.surveyicons {
position: relative;
width: 75px;
margin: 0 auto
}
.surveyicons span {
display: inline-block;
width: 50px;
height: 50px;
border: 1px solid #ff503f;
background: transparent
}
.surveyicons span.gridmerge {
position: absolute;
margin: 25px 0 0 -25px
}
.surveyLists li h2 {
width: 100%;
font-size: 40px;
text-align: center
}
.surveyLists li h4 {
width: 100%;
margin-top: 35px;
font-size: 20px;
text-align: center
}
.allLists li {
width: calc(25% - 10px)
}
.surveyOverview {
position: relative;
height: 100%
}
.surveyOverview .head {
width: 100%;
padding: 10px
}
.surveyOverview .head input {
width: 100%;
padding: 0 10px;
font-weight: 600;
line-height: 34px;
color: #fff;
border: none;
background: transparent
}
.surveyOverview .head input:hover, .surveyOverview .head input:focus {
background: rgba(0, 0, 0, 1)
}
.createdList .foot {
position: absolute;
bottom: 0;
width: 100%;
padding: 10px;
cursor: default;
color: #fff
}
.createdList .foot p {
float: left;
margin-bottom: 5px;
cursor: text
}
.createdList .foot span {
display: none;
float: right;
width: 30px;
height: 20px;
font-weight: 700;
cursor: pointer;
text-align: center
}
.createdList:hover .foot span {
display: block
}
.question-wrap {
float: left;
width: 200px;
padding-right: 15px;
overflow-y: scroll
}
.questionList {
float: left;
width: 100%;
list-style: none
}
.questionList li {
position: relative;
float: left;
width: 100%;
height: 150px;
margin-bottom: 10px;
border: 1px solid #dfe3e8;
background: #fff
}
.questionList li a {
display: block;
width: 100%;
height: 148px;
padding: 10px;
cursor: grab;
color: #313443
}
.questionList li a span {
font-weight: 600
}
.questionList li .cancel, .questionList li .foot span {
position: absolute;
top: 0;
right: 0;
display: none;
padding: 8px;
font-size: 14px;
font-weight: 700;
cursor: pointer;
background: #ccc
}
.questionList li a .foot span {
top: initial;
bottom: 10px;
font-size: 20px
}
.questionList li:hover .cancel, .questionList li:hover .foot span {
display: block
}
.addQuen a {
padding: 30px 0;
text-align: center
}
.addQuen h2 {
margin: 0
}
.surveyContent {
display: table;
float: left;
width: calc(100% - 200px)
}
.quenSection {
position: relative;
display: table-cell;
height: 100%;
padding: 0 15px;
vertical-align: middle
}
.topBtns {
position: absolute;
top: 15px;
right: 15px
}
.topBtns a {
display: inline-block;
height: 30px;
font-size: 14px;
color: #313443
}
.topBtns a img {
max-height: 100%;
margin: 0 10px
}
.quenSection ul {
list-style: none
}
.quenSection ul input, .multiBtn {
display: inline-block;
width: 500px;
padding: 10px;
margin-bottom: 5px;
color: #313443;
border: 1px solid #ced0d0;
background: #f6f5f5
}
.quenSection ul input.commonBtn {
width: auto;
color: #ff503f;
border: 1px solid #ff503f
}
.quenSection li {
float: left;
width: 100%;
font-size: 16px;
text-align: center
}
.quenSection li span {
display: block
}
.quenSection textarea {
width: 500px;
}
.titleSurvey input {
padding: 10px;
line-height: normal
}
.TypeQuen {
float: left;
width: 100%;
padding: 20px 50px;
list-style: none
}
.TypeQuen > li {
float: left;
width: 50%;
height: 100px;
text-align: center
}
.TypeQuen > li a {
display: block;
padding: 20px 0;
color: #333
}
.TypeQuen > li a i {
font-size: 20px
}
.TypeQuen > li:nth-child(odd) {
border-right: 1px solid #ccc
}
.TypeQuen > li:nth-child(1), .TypeQuen > li:nth-child(2) {
border-bottom: 1px solid #ccc
}
.TypeQuen li span {
display: block;
margin-top: 20px
}
.TypeQuen li ul {
display: inline-block;
list-style: none
}
.TypeQuen li ul li {
float: left
}
.multiAns span input, .multiBtn {
border: 1px solid #ced0d0;
background: #f6f5f5
}
.jq-ry-container {
margin: 20px auto
}
.multiAns, .rateStar, .netPromo, .shortAns {
float: left;
width: 100%
}
.netPromo {
margin-bottom: 20px
}
.survey-preview {
color: #fff
}
.multiAnswer {
display: table;
margin: 0 auto;
list-style: none
}
.multiAnswer .active span {
background: #6fc73e
}
.multiAnswer li {
width: 100%
}
.carousel-caption {
text-shadow: none !important;
}
.multiAnswer li span {
display: inline-block;
width: 600px;
padding: 5px 10px;
margin: 0 0 20px;
cursor: pointer;
text-align: left;
color: #fff;
background: #fff;
border: 1px solid #d6e0ef;
border-radius: 3px;
}
.multiAnswer li span label {
width: 100%;
padding: 0 25px;
margin: 0;
cursor: pointer;
text-transform: capitalize;
color: #43536d;
}
.netpromo{
width: 550px;
margin: 0 auto;
}
.netlike{
margin-top: 10px;
}
.surveyText {
float: left;
width: 300px;
padding: 0 10px;
margin-right: 10px;
line-height: 45px;
border: none;
background: #fff;
color: #43536d;
border: 1px solid #d6e0ef;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.surveyTit {
float: left;
width: calc(100% - 300px);
padding-bottom: 15px;
margin: 0 150px 20px;
border-bottom: 1px solid #ccc
}
.quenSection::-webkit-input-placeholder {
font-family: "Open Sans", sans-serif;
font-size: 14px;
opacity: .8;
color: #313443
}
.quenSection::-moz-placeholder {
font-family: "Open Sans", sans-serif;
font-size: 13px;
font-weight: 600;
opacity: .8;
color: #313443
}
.quenSection:-ms-input-placeholder {
font-family: "Open Sans", sans-serif;
font-size: 14px;
opacity: .8;
color: #313443
}
.quenSection .getStart::-webkit-input-placeholder {
color: #ff503f
}
.quenSection .getStart::-moz-placeholder {
color: #ff503f
}
.quenSection .getStart:-ms-input-placeholder {
color: #ff503f
}
.getStart {
position: relative;
display: inline-block
}
.getStart i {
position: absolute;
top: 12px;
right: 8px;
margin-top: 20px;
color: #c1c1c1
}
.rateLabel {
width: 550px;
margin: 0 auto
}
.rateLabel span {
margin-top: 10px;
font-size: 13px
}
.rateLabel .left {
float: left
}
.rateLabel .right {
float: right
}
.previewHeight {
background: #333;
}
.distypein{
border: 1px solid #ccc;
margin-right: 15px;
display: inline-block;
width: 250px;
padding: 15px;
}
.formwrapper .billOfferTyp input{
width: 70px;
}
/*.formfield .billOfferTyp span{
line-height: normal;
}*/
.indiReportScroll{
width: 100%;
overflow-x: scroll;
float: left;
}
.surveyfilter .calenderSizewrap{
width: 500px;
margin-left: 50px;
}
.surveyfilter .calenderSizewrap label{
width: auto;
font-size: 13px;
font-weight: 600;
}
.surveyfilter .calenderSizewrap input[type="text"]{
width: 150px;
cursor: pointer;
z-index: 1;
background: transparent;
}
/* New Css Code */
.store_logo_blk {
padding: 50px 0 0 0;
}
.m-t-15 {
margin-top: 15px;
}
.m-t-20 {
margin-top: 20px;
}
.m-b-20 {
margin-bottom: 20px;
}
.SubmitBtn {
background-color: #0353CC;
min-width: 70px;
line-height: 46px;
text-align: center;
font-weight: 600;
border: 1px solid #0353CC;
padding: 0 15px;
font-size: 15px;
color: #fff;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
margin: 0 0 0 -4px;
display: inline-flex;
justify-content: center;
align-items: center;
height: 47px;
position: relative;
top: 1px;
}
.feedbackHeight{
width: 100%;
height: 100vh;
position: relative;
}
.button_yellow {
background-color: #0353CC !important;
border-color: #0353CC !important;
color: #fff !important;
font-weight: 600 !important;
padding: 8px 20px !important;
min-width: 115px;
}
.button_yellow:hover, .button_yellow:focus {
background-color: rgba(46,0,217,0.9) !important;
border-color: rgba(46,0,217,0.9) !important;
color: #fff !important;
outline: none !important;
}
.button_danger {
background-color: #ff503f !important;
border-color: #ff503f !important;
color: #fff !important;
font-weight: 600 !important;
padding: 8px 16px !important;
}
.button_danger:hover, .button_danger:focus {
background-color: #ff503f !important;
border-color: #ff503f !important;
color: #fff !important;
outline: none !important;
}
.carousel,.carousel-inner,.carousel-inner > .item{
height: auto;
}
.surveyNext,.surveyPrev{
color: #fff;
}
.btnSur {
margin: 15px 0 0 0;
}
.surveyNext:hover,.surveyNext:focus,.surveyPrev:hover,.surveyPrev:focus{
color: #fff;
outline: none;
}
.br-theme-bars-square .br-widget a {
/* color: #43536d !important; */
background: #fff;
}
.br-theme-bars-square .br-widget a:first-child{
border-left:1px solid #ccc;
}
/* .br-theme-bars-square .br-widget a.br-active, .br-theme-bars-square .br-widget a.br-selected{
border: 1px solid #ffdc72 !important;
background: #ffc926;
color: #291f01 !important;
} */
/* .br-theme-bars-square .br-widget a.br-active:first-child, .br-theme-bars-square .br-widget a.br-selected:first-child{
border-left: 1px solid #ecb200 !important;
} */
.quesMiddle h3 {
margin: 0 0 25px 0;
font-size: 18px !important;
line-height: 28px;
color: #202124;
}
.quesMiddle h3:first-letter {
text-transform: capitalize;
}
.quesMiddle h4 {
line-height: 24px;
color: #202124;
}
.carousel-caption {
margin: 60px auto 60px;
}
.thanks_icon .fa-thumbs-o-up, .surthumb .fa-thumbs-o-up {
font-size: 40px;
margin: 0 0 15px 0;
color: #0353CC;
}
.store_logo_blk img {
width: 100px;
}
/* Custom Radio Button */
.choose_option [type="radio"]:checked,
.choose_option [type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}
.choose_option [type="radio"]:checked + label,
.choose_option [type="radio"]:not(:checked) + label
{
position: relative;
padding-left: 28px;
cursor: pointer;
line-height: 20px;
display: inline-block;
color: #333;
width: 100%;
text-align: left;
margin: 0;
}
.choose_option [type="radio"]:checked + label:before,
.choose_option [type="radio"]:not(:checked) + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 18px;
height: 18px;
border: 1px solid #ddd;
border-radius: 100%;
background: #fff;
}
.choose_option [type="radio"]:checked + label:after,
.choose_option [type="radio"]:not(:checked) + label:after {
content: '';
width: 10px;
height: 10px;
background: #fcbe07;
position: absolute;
top: 4px;
left: 4px;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.choose_option [type="radio"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.choose_option [type="radio"]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.choose_option {
display: flex;
padding: 0;
width: 100%;
justify-content: center;
flex-direction: row;
align-items: center;
}
.choose_option li {
list-style: none;
width: 45%;
margin: 0 15px 0 0;
padding: 15px;
background: #fff;
float: left;
}
.choose_option li:last-child {
margin-right: 0;
}
/* End Custom Radio Button */
.btn_get {
width: 120px;
margin: 0 5px;
background: #fff;
color:#333;
font-weight: 600 !important;
}
.btn_get:hover,.btn_get:focus {
background-color: #2663D1 !important;
border-color: #2663D1 !important;
color: #fff !important;
}
.quesMiddle textarea {
width: 600px;
margin-bottom: 10px;
padding: 12px 15px;
}
/* End New Css Code */
@media screen and (max-width: 767px) {
.surveyNext, .surveyPrev {
top: calc(15% - 33px) !important;
}
.default_feedback .surveyNext, .surveyPrev {
top: calc(20% - 45px) !important;
}
.m_store_logo_blk {
padding: 80px 0 50px 0;
}
.carousel-caption {
margin: 15px auto 0;
}
.quesMiddle{
padding: 0 15px;
width: 100%;
}
.multiAnswer {
display: block;
}
/* .carousel-caption {
display: block !important;
} */
.quesMiddle {
display: block !important;
}
}